html { margin:0; padding:0; }
body { margin:0; padding:0; background:url('/images/body-bg.jpg') center top repeat #361118; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#333; }

img { border:none; }
a { color:#79504F; text-decoration:none; }
a:hover { color:#382525; }
a:hover { text-decoration:none; }
h2 { margin:10px 0; padding-bottom:3px; border-bottom:1px solid #ddd; font-size:22px; }
h2.top { margin-top:0; }

#wrapper { width:824px; margin:0 auto; padding:10px 0; position:relative; }

/*HEADER*/
#header { height:123px; margin-top:25px; position:relative; }
#header .logo { position:absolute; bottom:3px; left:-41px; }
#header .right { width:479px; float:right; margin-right:20px; }
#header .right .social { width:280px; height:49px; margin:0 auto; border-bottom:1px solid #79504F; }
#header .right .social a { margin-left:20px; }

#header .right .nav { width:400px; height:58px; margin:0 auto; }
#header .right .nav a { background:url('/images/nav-bg.png') left top no-repeat; width:100px; height:58px; display:block; float:left; margin:0; padding:0; outline:none; }
#header .right .nav a.shows {  }
#header .right .nav a.shows:hover, #header .right .nav a.shows-current { background-position:left -58px;  }
#header .right .nav a.media { background-position:-100px top; }
#header .right .nav a.media:hover, #header .right .nav a.media-current { background-position:-100px -58px;  }
#header .right .nav a.band { background-position:-200px top; }
#header .right .nav a.band:hover, #header .right .nav a.bio-current { background-position:-200px -58px;  }
#header .right .nav a.contact { background-position:-300px top; }
#header .right .nav a.contact:hover, #header .right .nav a.contact-current { background-position:-300px -58px;  }

/*SUBPAGES*/
#content { background:url('/images/content-bg.png') center top repeat-y; padding:5px 40px 10px; }
.banner { background:url('/images/subpage-banner.png') center top no-repeat; height:68px; width:844px; margin-left:-10px; }
.banner h1 { margin:0 0 0 30px; height:39px; text-indent:-9999px; }
.banner h1.shows { background:url('/images/shows-h1-bg.png') left 8px no-repeat; width:101px; }
.banner h1.media { background:url('/images/media-h1-bg.png') left 8px no-repeat; width:106px; }
.banner h1.merch { background:url('/images/merch-h1-bg.png') left 8px no-repeat; width:112px; }
.banner h1.band { background:url('/images/band-h1-bg.png') left 8px no-repeat; width:83px; }
.banner h1.contact { background:url('/images/contact-h1-bg.png') left 8px no-repeat; width:121px; }

/*FOOTER*/
#footer, #subpage-footer { color:#fff; font-size:11px; }
#footer a, #subpage-footer a { color:#A9706E; }
#footer a:hover, #subpage-footer a:hover { color:#ccc; }
#footer .content, #subpage-footer .content { padding:20px 12px 0; }
#subpage-footer { background:url('/images/footer-bg.png') center top no-repeat; }
.sponsors { text-align:center; margin:5px 0; }

/*PAGE: Homepage*/
.in-the-groove { display:block; margin:0 auto; }
.promo { height:265px; background:url('/images/flourishes.png') center 60px no-repeat; text-align:center; padding:20px 0; border-top:1px solid #79504F; border-bottom:1px solid #79504F; }
.promo .cd-btn { margin:0 auto 20px; }
.promo .itunes-amazon { margin:18px 0 0 224px; }
.promo .itunes-amazon a { margin-right:10px; }
.promo  a.join-us { background:url('/images/join-us.png') no-repeat; display:block; height:39px; width:204px; margin:61px auto 0; text-indent:-9999em; outline:none; }
#highlight { margin:17px 0 0; }
#highlight img.left { float:left; }
#highlight img.right { float:right; }
#highlight .content-left, #highlight .content-right { height:130px; width:353px; background:#f9f9f9; padding:0 15px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; }
#highlight .content-left { float:left; margin-left:11px; }
#highlight .content-right { float:right; margin-right:11px; }

/*PAGE: Shows*/
.shows .show.first { padding-top:0 !important; }
.shows .show.last { padding-bottom:0 !important; border-bottom:none !important; }
.shows .show { height:50px; padding:7px 0; border-bottom:1px solid #ccc; line-height:50px; font-size:15px; }
.shows .show .date { width:190px; float:left; font-size:16px; font-weight:bold; }
.shows .show a.venue { width:220px; float:left; display:block; background:url('/images/map-icon.png') left center no-repeat; padding-left:48px; outline:none; }
.shows .show a:active { outline:none; }
.shows .show iframe { display:none; } 
.shows .show .city { width:185px; float:left; }
.shows .show .facebook { height:49px; width:52px; background:url('/images/facebook-white.png') center center no-repeat; display:block; float:left; }

/*PAGE: Media*/
#content.media .cd-btn, #content.media .mp3-btn { float:right; margin-bottom:12px; clear:both; }
.wallkit_subtitle, .clearfix, .UIImageBlock, .subtitle_left { visibility:hidden !important; display:none !important; }

/*PAGE: Band*/
.band .left { width:320px; float:left; text-align:justify; }
.band .left p { line-height:190%; }
.band .left .flourish { margin-top:17px; }
.band .right { width:370px; float:right; border-left:1px solid #ddd; padding-left:26px; }
.band .right .member { clear:both; margin-bottom:8px; height:220px; }
.band .right .member img { padding:1px; border:1px solid #ccc; float:left; margin-right:10px; }
.band .right .member p { margin:0 0 5px 165px; font-size:15px; }
.band .right .member .name { font-size:17px; font-weight:bold; color:#34080F; font-style:normal; margin:0 0 3px; }
.band .right .member .instrument { border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:5px 0; font-style:italic; }
.band .right .member .equipment { font-size:13px; }

/*PAGE: Contact*/
.contact h2 { margin:5px 0; }
.contact .left { width:300px; line-height:185%; }
.contact .left .email-left, .contact .left .social-left { float:left; width:100px; }
.contact .left .email-right, .contact .left .social-right { float:right; width:150px; text-align:right; margin-bottom:10px; }
.contact .left .email-right img { margin-top:8px; }

/*BUTTONS*/
.cd-btn, .mp3-btn { height:26px; width:212px; padding:11px 11px 11px 50px; font-size:22px; outline:none; display:block; text-align:left; }
.cd-btn:hover, .mp3-btn:hover { background-position:center -48px; color:#79504F; }
.cd-btn { background:url('/images/cd-btn-bg.png') center top no-repeat; }
.mp3-btn { background:url('/images/mp3-btn-bg.png') center top no-repeat; }
.itunes-amazon a { background:url('/images/itunes-amazon.png') left top no-repeat; display:block; height:74px; width:184px; outline:none; text-indent:-9999em; float:left; }
.itunes-amazon a.itunes:hover { background-position:left -74px; }
.itunes-amazon a.amazon { background-position:-184px top; }
.itunes-amazon a.amazon:hover { background-position:-184px -74px; }

/*UTILITY*/
.clear { clear:both; }
.block { display:block; }
.left { float:left; }
.right { float:right; }
img.border { padding:1px; border:1px solid #ccc; }
p.top { margin-top:0; padding-top:0; }
