/* -------------------------------------------------------------- 
  
   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; }


/* 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; }

#header dl { float: left; margin: 1.5em 0 0 0; }
#header dt { color: #000000; font-weight: normal; float: left; clear: both; width: 146px; text-align: right; margin: 0 12px 0 0; }
#header dd { float: left; width: 272px; margin: 0 12px 0 0; }

dl#mailing_list { margin: 2em 0 0 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; }

#header .tabs.sub { margin-left: 158px; }
#header .tabs.sub li { margin-right: 2.4em; font-size: 0.9em; line-height: 1.875em; }

#mailing_list input[type=submit] { padding:0.5em; position:relative; top:-0.6em; margin-left:0.33em; }
#mailing_list input[type=text] { padding:0.7em; width:180px; font-size:0.9em; position:relative; top:-0.75em; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border-width:1px; }
#mailing_list input.blurred { color:#999; }


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

#feature { float:left; }
#feature #login { float:right;  }

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

#feature a { text-decoration: none; }
#feature #cart a { text-decoration: underline; }
#feature #blinking_eye { width: 505px; height: 359px; display: block; background: url(../img/blinking-eye-promo.gif) no-repeat; overflow: hidden; margin: 33px 0 0 0; }
#feature #blinking_eye span { visibility: hidden; }


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

#menu { clear: both; float: left; width: 100%; margin-top: 36px; 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:36px 0 0 0; width: 950px; background-image:url(../img/band-montage.jpg); background-position: 0 36px; background-repeat:no-repeat; height: 551px; }

#main { float: left; width: 440px; padding:0 36px 4em 0; margin-left: 300px; border-right:1px #eee solid; }
#main iframe { margin-bottom:1.5em; }

#side { float: left; width: 160px; padding:0 0 0 12px; font-size: 0.8em; line-height: 1.875em; }

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

.sidebar_panel h4 { font-weight:bold; }
.sidebar_panel h4 a { text-decoration:none; }
.sidebar_panel h4 a:hover { text-decoration:underline; }
.sidebar_panel .sidebar_wcwys blockquote { margin:0; }
.sidebar_panel .sidebar_wcwys cite { 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; }