@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; font-family:"Times New Roman", Times, serif; background:url(images/repeating_wood.jpg); }

#contactus-container { position: fixed; bottom: 0; left: 0; width: 100%; }
#contactus-button span { display: none; }
#contactus-button a { display: block; width: 125px; height: 102px; background: url('images/envelope.png'); position: absolute; bottom: 0; left: 0;}
#contactus-button a:hover { background: url('images/envelope.png') -125px 0; }

#wrapper {width:980px; margin:0 auto; padding:0;}
#wrapper2 {width:785px; margin:0 auto; padding:0;}
#large_wrapper {width:100%; height:100%; margin:0 0 0 20px; padding:0;}

#nav {width:980px; height:81px; padding:0 0 0 30px;}

#home img:hover, #band img:hover, #photos img:hover, #discography img:hover, #newsletter img:hover, #fanclub img:hover { margin:5px 0 0 0; padding:0;}
#home img, #band img, #photos img, #discography img, #newsletter img, #fanclub img {border:none;}

#share {float:right; width:97px; height:45px; margin:10px 100px 0 0;}

#fb {width:48px; height:45px; background:url(images/nav/fb_a.png) no-repeat; float:right;}
#fb a {margin:0; padding:0; display:block; width:48px; height:45px;}
#fb a:hover {background:url(images/nav/fb_b.png);}

#email {width:48px; height:45px; background:url(images/nav/email_a.png) no-repeat; float:right;}
#email a {margin:0; padding:0; display:block; width:48px; height:45px;}
#email a:hover {background:url(images/nav/email_b.png);}

#twitter {width:46px; height:45px; background:url(images/nav/twitter_a.png) no-repeat; float:right;}
#twitter a {margin:0; padding:0; display:block; width:46px; height:45px;}
#twitter a:hover {background:url(images/nav/twitter_b.png);}

#where_well_be {width:393px; height:140px; margin:60px 0 0 0; padding:0;}
#where_well_be img {border:none;}
#where_well_be img:hover {margin:2px 0 0 0;}

#home_main_content {width:785px; margin:210px auto 0 auto; *margin:245px auto 0 auto; padding:0;}

#left_column {float:left; width:365px; margin:0; padding:0;}
#right_column {float:right; width:408px; margin:0 7px 0 0; padding:0 0 0 0;}

#home_text {width:305px; font-size:18px; line-height:24px; color:#504d4d; margin:135px 0 0 52px; }

#newest_album {width:335px; height:355px; margin:0 16px 0 0; padding:0; float:right;}

#secret_club {width:339px; height:228px; background:url(images/secret_club.png) no-repeat; margin:-75px 0 0 0; margin:-90px 0 0 0; float:right;}
#secret_club:hover {background-position:-339px 0;}
#secret_club a {display:block; width:339px; height:228px;}

#home {width:138px; height:70px; float:left;}
#band {width:140px; height:73px; float:left;}
#photos {width:130px; height:70px; float:left;}
#discography {width:160px; height:77px; float:left;}
#newsletter {width:157px; height:67px; float:left;}
#fanclub {width:142px; height:79px; float:left;}



#bottom_holder {width:100%; height:360px; background:url(images/bottom_bg_repeat.jpg) repeat-x; margin:-10px 0 0 0; padding:0;}
#bottom {width:100%; height:360px; background:url(images/bottom_bg.jpg) no-repeat top center;}

#bottom_info {width:555px; height:84px; padding:0px 0 0 0; float:right;}

#fb_twitter_holder {width:90px; height:41px; margin:30px 80px 0 0; padding:0; float:right}

#bottom_fb {width:103px; height:41px; background:url(images/fb_a.png) no-repeat; float:left;}
#bottom_fb a {margin:0; padding:0; display:block; width:103px; height:41px;}
#bottom_fb a:hover {background:url(images/fb_b.png);}

#bottom_twitter {width:41px; height:41px; background:url(images/twitter_a.png) no-repeat; float:left;}
#bottom_twitter a {margin:0; padding:0; display:block; width:41px; height:41px;}
#bottom_twitter a:hover {background:url(images/twitter_b.png);}

#footer_nav {font-size:16px; width:765px; margin:0 0 0 110px; padding:30px 0 0 0; *padding:0; text-transform:uppercase; color:#8c642f; }
#footer_nav a {color:#8c642f; text-decoration:none; margin:0 5px 0 5px;}
#footer_nav a:hover {color:#a8814e;}

#copyright {color:#934615; font-size:12px; width:530px; height:12px; margin:10px auto 0 auto;}
#copyright a {color:#532203; text-decoration:none;}
#copyright a:hover {color:#c58156;}

#music_sample_holder {background:url(images/music_sample.png) no-repeat; width:365px; height:446px; margin:100px auto 0 auto; padding:0px 0 0 420px; font-size:24px; color:#474643; line-height:32px; }
#music_sample_holder a {color:#474643; text-decoration:none;}
#music_sample_holder a:hover {color:#686866;}

#photo {width:230px; height:186px; background:url(images/photo_bg_shadow.png) no-repeat bottom center; float:left; margin:5px;}
#photo_desc {width:230px; height:186px; float:left; margin:5px;}

#dates {float:left; width:200px; margin:0 15px 0 0; padding:0; text-align:center;}
#dates h1 {font-size:24px; margin:0; padding:0; color:#094d92;}

#blackout {width:100%; height:100%; margin:0; padding:0; background:url(images/blackout.png);}

#band_intro_img {width:980px; height:473px; margin:0 auto; padding:0; background:url(images/the_band/entireband.png) no-repeat right;}
#band_intro_text {width:900px; background:url(images/white_paper.jpg) no-repeat #fafafa; font-size:16px; line-height:22px; margin:0 auto; padding:25px;}
#band_intro_text a {color:#000; font-weight:bold; text-decoration:none;}
#band_intro_text a:hover {color:#28aeb8;}

#band_member {width:960px; margin:0 auto; padding:0;}
#band_text {width:550px; background:#f1e8db; border:3px solid #d5c4ad; float:right; margin:140px 35px 0 0; padding:25px; color:#000; line-height:22px; font-size:16px;}

#footer {width:858px; height:98px; *height: 48px; margin:30px auto 0 auto; padding:20px 0 0 80px; *padding:50px 0 0 80px; background:url(images/footer_bg.png) no-repeat; }

#album_bg {width:823px; background:url(images/album_bg.jpg) no-repeat #fff; margin:20px auto 20px auto; }
#album {width:344px; height:353px; float:left; margin:67px 0 0 60px; padding:0;}
#album_info {width:366px; float:right; margin:67px 0 0 0; padding:0px 0 20px 0; font-size:16px; color:#474643; line-height:24px;}
#album_info h1 {color:#28aeb8; font-size:30px; font-weight:bold;}
#album_info h2 {color:#000; font-size:18px; font-weight:bold; margin:0; padding:0; text-decoration:underline;}

#album_info a {color:#474643; text-decoration:none; font-size:20px;}
#album_info a:hover {color:#000;}


.clear {margin:0; padding:0; height:0; clear:both;}
.fltleft {float:left;}
.fltright {float:right;}
.t {float:left; margin:-10px 0 0 0;}
.album_cover {float:right; margin:10px 50px 10px 0;}
.album_btns {margin:0 45px 0 0;}
.album_btns img {border:none;}
.album_btns img:hover {margin:2px 0 0 0;}
.read_more {width:139px; height:70px;}
.read_more:hover {margin:0px 0 0 3px;}
.utw {float:right; margin:2px 5px 0 0; *margin:-12px 0 0 0;}
.close {float:right; margin:0 0 93px 0;}
.large_text {font-size:18px; font-style:italic; color:#673f0b; line-height:24px;}
.intro {font-size:18px; font-style:italic;}




#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; margin:0 0 0 -70px;}
#nextLink { right: 0; float: right; margin:0 -70px 0 0;}
#prevLink{ background: url(images/prevlabel.png) left 50% no-repeat; }
#nextLink{ background: url(images/nextlabel.png) right 50% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #fff; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: #000;
background: url(images/schedule_bg.jpg) no-repeat top center #f2edda; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 20px;
font: normal 12px Arial;
color:#000;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right;
color: white;
background: black url(toggleleft.gif) no-repeat left bottom; /*background of toggle tab*/
text-decoration: none;
letter-spacing: 1px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
padding: 1px 12px 4px 13px;
cursor: pointer;
font-family:"Times New Roman", Times, serif;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}



.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(images/colorbox/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(images/colorbox/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(images/colorbox/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/colorbox/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(images/colorbox/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(images/colorbox/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(images/colorbox/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(images/colorbox/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/colorbox/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/colorbox/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/* 
	End of colorbox styles
*/