/*
	Theme Name: The Mile End Theme
	Theme URI: http://davidusher.com
	Description: Theme for DavidUsher.com
	Author: Gallivan Media
	Author URI: http://gallivanmedia.com
	Version: 1.0
	Tags: black
*/

/* == INITIALISE == */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* == CONTAINERS == */

* { padding:0;  margin:0; }
html, body { height:100%;  border:0;  background-color:#000; }
html { overflow-y:scroll; }
body { font-family:"Lucida Sans", Tahoma, Verdana, Arial, sans-serif;  font-size:75%;  text-transform:lowercase; }
#container { min-height:100%;  width:900px;  margin:0 auto;  background-color:#fff; }
* html #container { height:100%; }

/* == LINKS == */

a, a:link, a:active, a:visited { color:#00a3e0;  text-decoration:none;  outline:none;  font-weight:bold; }
a:hover { color:#000; }
.home h1 a, .home h1 a:link, .home h1 a:active, .home h1 a:visited { color:#000; }
.home h1 a:hover { color:#01b4f1; }

/* == NAVIGATION == */

#languages { position:absolute; top:70px; margin-left:770px; }
#languages li { font-size:.7em; display:inline; padding-left:5px; }
#languages li a { color:#999; }
#languages li a:hover { color:#fff; }
.qtrans_flag_en, .qtrans_flag_fr { background-image:none; } 

#navigation { width:900px; height:75px; background-color:#000; color:#fff; }
#navigation #logo { padding-top:20px; padding-left:18px; font-size:2.6em; display:none; letter-spacing:-2px; }
#navigation a, #navigation a:link, #navigation a:active, #navigation a:visited { color:#fff; }
#navigation a:hover { color:#999; }
#navigation ul { position:absolute; top:65px; margin-left:180px; display:none; }
#navigation li { display:inline; font-size:1.4em; letter-spacing:-1px; }
#navigation li a { margin-right:15px; }
#navigation li.current_page_item a { color:#01b4f1; }

/* == HEADER == */

#header { width:900px; height:150px; background-color:#000; color:#fff; overflow:hidden; }
#header div { display:inline; width:150px; margin:0; padding:0; }
#header img { float:left; width:150px; height:150px; }
#header img.loader { padding-left:63px; padding-top:63px; }

/* == CONTENT == */

#content { width:900px; position:relative; margin:0; padding:0; background-color:#fff; }
.article { width:860px; padding-left:20px; }
.home .article { width:500px; }
.home .article img, .single .article img { max-width:500px; height:auto; display:block; margin-bottom:15px; }
.article h1 { padding:15px 0; font-size:1.6em; letter-spacing:-1px; }
.article h2 { padding-bottom:20px; font-size:1.1em; letter-spacing:-1px; }
.article h3 { padding-bottom:20px; font-size:1.2em; font-weight:bold; }
.article p { font-size:1em; margin-bottom:20px; }
#sidebar { float:right; width:300px; padding:20px; }
#mailing-list { width:280px; margin-bottom:18px; padding:10px; background-color:#111; -moz-border-radius:6px; -webkit-border-radius:6px; }
#mailing-list h4 { font-size:1.3em; color:#fff; letter-spacing:-1px; margin-bottom:15px; }
#mailing-list input { font-weight:normal; border:none; padding:5px; height:18px; color:#fff; background-color:#333; -moz-border-radius:6px; -webkit-border-radius:6px; }
#aandi { padding-top:18px; }
#deqqwidget { width:300px; height:720px; margin:20px 0 0 0; }
#deqq { background-color:#fff; height:100%; }	
p#loader { position:absolute; z-index:10; width:840px; margin-top:100px; text-align:center; color:#999; }
#photoPlayer { width:900px; height:100%; border:0; }
#videoPlayer { width:900px; height:100%; }
strong { font-weight:bold; }
em { font-style:italic; }
#record-cover { float:left; margin-right:20px; }
.clear { clear:both; margin:15px 0; }
p.section { margin-top:25px; }
div.post { border-top:1px dotted #999; padding-top:15px; }
.metadata { margin-top:-17px; }
div.small-record { clear:both; }
div.small-record img { float:left; width:50px; height:50px; margin-right:15px; }
div.stores { margin-top:-20px; }
ol { margin-left:20px; margin-bottom:20px; }
ol li { list-style-type:decimal; }
ol li .song-title { cursor:pointer; }
.lyrics { margin-left:15px; margin-top:15px; display:none; font-size:0.9em; }
.comment img { float:left; padding-right:10px; }
.navigation { margin:20px; padding:20px 0; }
.alignleft { float:left; }
.alignright { float:right; }
input, textarea { display:block; width:410px; height:17px; border:1px dotted #777; margin:5px 0 0 0; padding:0; padding-top:5px; padding-left:7px; padding-right:7px; font-weight:bold; font-size:0.9em; color:#000; background:#fff; }
textarea { height:100px; }
input#submit { width:150px; height:30px; margin:0; padding:10px; border:0; cursor:pointer; }

/* == FEATURE == */

#feature { position:relative; width:900px; height:56px; background-color:#000; color:#fff; }
#feature-title { position:absolute; top:12px; left:18px; font-size:1.3em; letter-spacing:-1px; color:#fff; }
#feature-title .hilite { display:inline; color:#00a3e0; font-size:1.4em; }
#feature-listen-button { position:absolute; top:17px; right:220px; }
#feature-buy-button { position:absolute; top:17px; right:115px; }
.button, .button:visited { background:#222 url("/wp-content/themes/themileendtheme/images/alert-overlay.png") repeat-x; display:inline-block; padding:5px 10px 6px; color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; }
.button:hover { background-color: #111; color: #fff; }
.button:active { top: 1px; }
.medium.button, .medium.button:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.blue.button, .blue.button:visited { color:#fff; background-color: #01b4f1; }
.blue.button:hover { color:#fff; background-color: #0092d0; }
#feature #social-network { float:right; margin-top:30px; margin-right:10px; display:none; }

/* == STORE == */

.store { position:relative; padding-bottom:30px; margin-top:-15px; }

#record-cover { display:block; width:860px; margin-bottom:25px; }
.record-cover-item { width:172px; height:172px; margin:0; padding:0; }
.record-cover-item img { width:172px; height:172px; margin:0; padding:0; }
.photobox { overflow:hidden; position:relative; float:left; margin:0; padding:0; width:172px; height:172px; }
.info, .infobox { position:absolute; height:152px; width:152px; padding:10px; color:#fff; }
.infobox { background:#000; opacity:.7; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
.photobox .info { top:172px; left:0; }
.photobox .infobox { top:172px; left:0; }

/* == FOOTER == */

#footer { border-top:1px dotted #999; clear:both; margin-left:20px; margin-right:20px; padding-top:20px; padding-bottom:20px; font-size:90%; color:#888; }