/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";


/* Page
-------------------------------------------------------------- */

body { margin: 1.5em 0 6em 0 }

div.page { margin: 0 auto; width: 950px; clear: both; }
div.page #top { margin: -10px auto 0 auto; }

#errors { clear: both; padding: 0.5em; margin-bottom: 1em; background-color: #f0d8d8; border: 1px #d80000 solid; }
#errors ul { margin-bottom: 0; }
#messages { clear: both; padding: 0.5em; margin-bottom: 1em; background-color: #cce8cc; border: 1px #00b800 solid; }
#messages ul { margin-bottom: 0; }

a.more_link { font-size: 0.8em; line-height: 1.5em; }

img.cited { margin-bottom: 1.5em; }

ol.press-kit { margin-bottom: 3em; }
ol.press-kit li { padding-bottom: 1em; margin-bottom: 2em; border-bottom: 1px #ebebeb solid; }

#top { height:177px; }

/* Header
-------------------------------------------------------------- */

#header { float:left; width: 445px; }

#header #logo { width: 445px; height: 177px; display: block; background: url(../img/logo.png) no-repeat; overflow: hidden; margin: 0 }
#header #logo span { visibility: hidden; }



/* User Info
-------------------------------------------------------------- */

#userinfo { position: absolute; width: 505px; top: 0em; left: 520px; }

#userinfo #cart { float:left; margin-left: 60px; }
#userinfo #login { float:right; }
#userinfo #login form {
	float:left; width: 240px; font-size: .8em; line-height: 1.875em; padding: 0.5em 1em 0.5em 1em;
	background-image: url(../img/bg-dither.png);
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}
#userinfo #links { clear: both; margin: 0.8em; padding-top: 0.4em }

#userinfo .tabs.sub {  }
#userinfo .tabs.sub li { margin-right: 2.5em; font-size: .9em; line-height: 1.875em; }
#userinfo #cart .tabs.sub li { white-space: nowrap; }
#userinfo #cart .tabs.sub li span a { display: inline; float: none; }



/* Feature
-------------------------------------------------------------- */

#feature { float:left; width: 505px; position: relative; left: 0px; bottom: -56px; height: 120px; }
#feature .bottom { position: absolute; bottom: 0; }

dl#next_gig_pgb dt.gig_at { font-weight: bold; }
dl#next_gig_pgb dd.gig_at { font-weight: bold; }

dl#next_gig_paul dt.gig_catch_paul { font-size: 0.9em; line-height: 1.875em; }
dl#next_gig_paul dd.gig_with_paul { font-size: 0.9em; line-height: 1.875em; }
dl#next_gig_paul dt.gig_on_paul { font-size: 0.9em; line-height: 1.875em; }
dl#next_gig_paul dd.gig_at_paul { font-size: 0.9em; line-height: 1.875em; }

dl#cart dt { font-size: 0.8em; line-height: 1.875em; }
dl#cart dd { font-size: 0.8em; line-height: 1.875em; }
dl#cart dd span { margin-right: 1em; }

#feature dl { float: left; margin: 0.5em 0 0 0; }
#feature dt { color: #000000; font-weight: normal; float: left; clear: both; width: 100px; text-align: right; margin: 0 12px 0 0; }
#feature dd { float: left; margin: 0 12px 0 0; width: 376px; }


/* Menu
-------------------------------------------------------------- */

#menu { clear: both; float: left; width: 100%; margin-top: 16px; background: #ebebeb url(../img/bg-dither.png); height: 26px; }

#menu div.page {  }

#menu .tabs { width: 680px; padding-left: 158px; }
#menu .tabs li { margin-right: 6%; }
#menu .tabs a { display: block; overflow: hidden; text-decoration: none; }
#menu .tabs a span { visibility: hidden; }

#menu .tabs a:hover { border-top: 1px black solid; position: relative; top: -1px; }
#menu .tabs a.selected { border-bottom: 3px black solid; }

#menu .tabs #_home { width: 40px; height: 26px; background: transparent url(../img/menu-home.gif) no-repeat; }
#menu .tabs #_gigs { width: 36px; height: 26px; background: transparent url(../img/menu-gigs.gif) no-repeat; }
#menu .tabs #_music { width: 48px; height: 26px; background: transparent url(../img/menu-music.gif) no-repeat; }
#menu .tabs #_blog { width: 37px; height: 26px; background: transparent url(../img/menu-blog.gif) no-repeat; }
#menu .tabs #_gallery { width: 64px; height: 26px; background: transparent url(../img/menu-gallery.gif) no-repeat; }
#menu .tabs #_biography { width: 86px; height: 26px; background: transparent url(../img/menu-band.gif) no-repeat; }
#menu .tabs #_shop { width: 38px; height: 26px; background: transparent url(../img/menu-shop.gif) no-repeat; }


/* Body
-------------------------------------------------------------- */

#body { padding-top: 36px; width: 680px; margin-left: 158px; }

#main { float: left; width: 420px; margin-right: 60px; padding-bottom:4em; }
#main.full { width: 620px; margin-right: 0 }

.articles_list .article { padding-bottom: 1.5em; margin-bottom: 1.5em; border-bottom: 1px #ebebeb solid; }
.articles_list .article H4 { margin-bottom: 0em; }
.articles_list .article H6 { font-size: 0.8em; line-height: 1.875em; }

dt { color: #999090; font-weight: normal; }
/* dt.gig_month { color: #000; } */
dt.gig_date { margin-left: 0.75em; }
dd { margin-bottom: 1.5em; }
dd H4 { margin-bottom: 0em; }
dd H5 { margin-bottom: 0em; color: #545050; }
dd H6 { font-size: 0.8em; line-height: 1.875em; color: #545050; }

#main #venue_gmap { width: 400px; height: 320px; }

#side { float: left; width: 187px; border-left: 1px #f0efef solid; padding-left: 12px; font-size: 0.8em; line-height: 1.875em; }
.sidebar_block { padding-bottom: 1.5em; margin-bottom: 1.5em; border-bottom: 1px #ebebeb solid; }

img.thumbnail { float: right; margin: 0.25em 0 0 0.6em; }

.album_list dt { margin-bottom: 0.5em; }
.album_list dd { padding-bottom: 1.5em; margin-bottom: 1.5em; border-bottom: 1px solid #ebebeb; }
.album_list dd p { margin: 0; }

.music_albums .random_review { margin-top:-0.5em; text-transform:uppercase; color:#808080; letter-spacing:0.5em; font-size:0.75em; }
.music_albums dt { margin:0 0 0.75em 0; padding-bottom:0.33em; font-size:1.75em; font-weight:normal; border-bottom:1px #eee solid; }
.music_albums dt a { text-decoration:none; }
.music_albums dt a:hover { text-decoration:underline; }
.music_albums dt a.buy_now { float:right; font-size:0.6em; line-height: 3em; }
.music_albums .release_date { font-size:0.6em; }
.music_albums .album_reviews { border-left:4px #eee solid; border-right:4px #eee solid; padding:0 1em 0 1em; }
.music_albums .album_reviews blockquote { margin:0; }
.music_albums .album_reviews a.more_link { font-style:normal; }

.album_player { margin:0 0 1em 0; }

.album_review cite,
.album_reviews cite { margin:0; padding:0; }
.album_review cite .review_author,
.album_reviews cite .review_author { font-weight:bold; }
.album_review cite .review_date,
.album_reviews cite .review_date{ white-space:nowrap; }

a.album_title { font-size:1.2em; font-weight:normal; text-decoration:none; }
a.album_title:hover { text-decoration:underline; }
.album_review.row_start { clear:both; margin:0 40px 0 0; }
.album_review { width:290px; float:left; margin:0 0 0 0; }
.album_review hr { width:75%; height:1px; background-color:#ebebeb; border:none; margin:1.5em auto; }
.album_review blockquote { margin:0 }

h3.reviews { padding-bottom: 0.5em; margin-bottom: 1em; border-bottom: 1px solid #ebebeb; }
h3.reviews a.buy_now { float:right; font-size:0.6em; line-height: 3em; }

p.gigs_band { width:75%; }

dl.gigs_list { width:75%; }
dl.gigs_list dt.gig_month { border-bottom:1px #ebebeb solid; margin-bottom:0.5em; }
dl.gigs_list dt.gig_date { background-color:#f0f0f0; padding:2px; }
dl.gigs_list dt .performing_with { font-style:italic; font-size:0.9em; }
dl.gigs_list dt .h6 { float:right; font-weight:normal; font-size:0.9em; line-height:1.8em; color:#545050; }
dl.gigs_list dd .h5 { font-weight:bold; display:block; margin:0; }

dl.news_list dt { border-bottom:1px #ebebeb solid; margin-bottom:0.5em; }
dl.news_list dt .h6 { float:right; font-weight:normal; font-size:0.9em; line-height:1.8em; color:#999090; }
dl.news_list dd { margin-bottom:2em; }

dl.gig dd .h4 { display:block; margin:0; }


/* Footer
-------------------------------------------------------------- */
#footer { border-top: 1px solid #eee; margin-top: 20px; }

#footer .tabs { width: 405px; border-top: 3px solid #eee; }
#footer .tabs a { padding: 10px 30px 10px 0; color: #666; text-decoration: none; }

#footer p.quiet { color: #ccc; }