@charset "utf-8";

/* Reset Styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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; }
ol,ul {	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; }


/* Layout */
#primary{ background:#666 url(../images/bg_texture.jpg) repeat; margin: 2px 0px 2px 0px; }

#dropShadow{ width:990px; background:url(../images/bg_dropshadow.jpg) repeat-y; margin:0 auto; }
#mainContainer{ margin: 0px auto; padding: 90px 0px 20px 0px; width: 960px; background: #FFF url(../images/bg_container.jpg) repeat-x; 
				font-family: Trebuchet MS; line-height: 18px; }

#pri_masthead{ background: url(../images/pri_masthead.jpg) no-repeat; height: 301px; width: 900px; margin: 0px auto; }
#pri_navContainer{ position:relative; top: 260px; left: 125px; }
#pri_navContainer li{ list-style:none; float:left; }

#pri_content{ width: 900px; background: #000 url(../images/bg_priContent.jpg) repeat-x; margin: 0px auto; padding:0px; min-height: 484px; }

#pri_leftCol{ float: left; width: 243px; min-height: 482px;	margin: 0px 0px 0px 25px; padding: 0px 0px 40px 0px;	
			  background: #000 url(../images/bg_mainLColInvert.jpg) no-repeat; color: #CAAD80; }

#pri_leftCol p{  padding: 0px 10px 20px 20px; font-size: 77%; }
#pri_leftCol p.offWhite{  padding: 3px 10px 10px 20px; font-size: 77%; color: #CCC; }
#pri_leftCol h1{ padding: 0px 10px 0px 20px; font-size: 85%; } 
#pri_leftCol ul.nav li{ padding: 0px 0px 10px 20px; }
#pri_leftCol a.gigs{ text-decoration:none; color: #CAAD80; font-size: 85%; }
#pri_leftCol a:hover.gigs{ text-decoration:underline; color: #CAAD80; }

#pri_leftCol img.heading{ padding: 30px 10px; }
#pri_rightCol img.heading{ padding: 30px 20px 10px 0px }

#pri_rightCol{ float:left; width: 632px; padding: 0px; margin: 0px 0px 0px 0px; color: #CAAD80; min-height: 400px; background: #000 url(../images/bg_mainRCol.jpg) no-repeat; }
#pri_rightCol p{ padding: 20px; font-size: 85%; }

#pri_rightCol .mailing{ background: #000 url(../images/bg_mailingListInvert.jpg) no-repeat; font-size: 77%; text-align:center; min-height: 191px; width: 632px; }
#pri_rightCol .mailing input, #sec_rightColGigsMgr .admForm input, #sec_rightColGigsMgr .admForm textarea, #sec_rightColGigsMgr .admForm select{ background: #333; border: 1px solid #656249; color:#CCC; padding: 2px; }
#pri_rightCol .mailing input.nostyle, #sec_rightColGigsMgr .admForm input.nostyle{ border:none; background:none; padding-top:40px; }
#pri_rightCol .mailing label, #sec_rightColGigsMgr .admForm label{ display: block; color: #FFF; text-align:left; font-size: 77%; }
#pri_rightCol .mailing .floatLeft{ float:left; padding: 10px; }

#sec_rightColGigs{ float:left; width: 632px; padding: 0px; margin: 0px 0px 0px 0px; color: #CAAD80; min-height: 500px; background: #000 url(../images/bg_gigs.jpg) no-repeat; }
#sec_rightColGigs h1{ padding: 60px 0px 20px 20px; color:#FFF; }
#sec_rightColGigsMgr p{ padding: 20px; color:#CAAD80; }
#sec_rightColGigsMgr{ float:left; width: 632px; padding: 40px 0px; margin: 0px; color: #CAAD80; min-height: 400px; background: #000 url(../images/bg_gigMgr.jpg) no-repeat; }
#sec_rightColGigsMgr h1{ padding: 20px; color:#FFF; }
#sec_rightColGigsMgr .admForm{ padding: 20px; }

/* Grids */
#sec_singleCol{ width:860px; padding:20px; background-color:#666666; margin:0px auto; }
#sec_singleColMusic{ background: #000 url(../images/bg_music.jpg) no-repeat; width: 900px; margin: 0px auto; padding: 40px 0px; }
#sec_singleColMusic p{ padding: 10px 20px 10px 20px; color: #CAAD90; font-size: 77%; }
#sec_singleColGuestbook{ background: #000 url(../images/bg_guestbook.jpg) no-repeat; width: 900px; margin: 0px auto; padding: 40px 0px; }
#sec_singleColGuestbook p{ padding: 10px 20px 10px 20px; color: #CAAD90; font-size: 85%; }

#sec_singleColMusic td, #sec_rightColGigsMgr td{ border-bottom:1px dotted #38321D; padding: 4px 0px 4px 0px; font-size: 85%;  }
#sec_rightColGigsMgr th{ color: #FFF; }
#sec_rightColGigsMgr a{ color: #CAAD80; text-decoration:none; }
#sec_rightColGigsMgr a:hover{ color: #CAAD80; text-decoration:underline; }

.musicToggle{ background:url(../images/footer_musicToggle.jpg) no-repeat; width: 900px; min-height: 40px; margin: 40px auto 0px -20px; }

#footer{ background: #131313; width: 880px; margin: 0px auto; height: 100px; padding: 10px; font-size: 77%; color:#CCCCCC; }

/* Looped Slider */

/* Required */
.container { width:900px; overflow:hidden; position:relative; cursor:pointer; top: 40px; left: -20px; }
.slides { position:relative; top:0px; left:0; list-style:none; padding:0; margin:0; }

.newsContainer { width:243px; overflow:hidden; position:relative; cursor:pointer; }
.newsSlides { position:absolute; top:0; left:0; }
.newsSlides div { position:absolute; top:0; width:243px; display:none; }
#pri_leftCol .newsSlides p{ padding:10px; margin:0px; }
#pri_leftCol .newsSlides h1{ padding:10px; margin: 0px; }
/*.slides li { position:absolute; top:0; width:860px; display:none; padding:0; margin:0; }*/

/* Optional */
#loopedSlider{ margin:0 auto; width:860px; position:relative; clear:both; }
#newsSlider{ margin:0 auto; width:240px; position:relative; clear:both; top: 20px; }

/*.slides li { padding-bottom:20px; }*/
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:right; }
ul.pagination li a { padding:2px 4px; }
ul.pagination li.active a { }
/* ------- */
ul.newsPagination { list-style:none; padding:10px 0px 0px 140px; margin:0; }
ul.newsPagination li  { float:left; padding:2px 4px 0px 0px; }
ul.newsPagination li a {  }
ul.newsPagination li.active a { }
/* --------- */
.musicSlide1{ background: #000 url(../images/bg_musicSlide1.jpg) no-repeat; width: 860px; min-height: 390px; padding: 0px 20px 0px 20px;  }
.musicSlide2{ width: 900px; min-height: 200px; padding: 0px 20px  0px 20px; }
.musicSlideLFloat{ float: left; width: 320px; padding: 100px 20px 0px 60px; color: #EBC378; font-size: 85%; }
.musicSlideRFloat{ float: left; width: 400px; padding: 10px; padding: 20px; }
.trackContainer li{ width: 380px; padding: 10px; color:#333333; min-height: 300px; }

/* Fixes */
.clearFloat{ clear:both; line-height: 0px; }

/* Embellishments */
.warn{ color:#CC6600; }
.warn li{ list-style: square; list-style-position:inside; }



/******* MENU *******/
.clear{ clear: both; height: 0;	visibility: hidden;	display: block; }

#container{	margin: 10px auto; width: 400px; }
#container ul{ list-style: none; list-style-position: outside; }
#container ul.menu li{ float: right; margin: 0px; padding: 0px; font-family: Georgia; text-transform:uppercase; font-size: 85%; font-weight:bold; }
#container ul.menu li{ display: block;	padding: 5px 10px 5px 10px;	margin-bottom: -1px; position: relative; color: #898989; cursor: pointer; }
#container ul.menu li.active{ color: #CAAD80; }
/******* CONTENT *******/
.content{ margin: 0px auto;	padding: 10px; color:#E8EBEC; font-size: 85%; min-height: 100px; }
/******* TRACKS *******/
.content.tracks h1{ background: transparent url(images/news.jpg) no-repeat scroll left top; }
.content.tracks{ display: block; color: #E8EBEC; }
/******* INFO *******/
.content.info h1{ background: transparent url(images/tuts.jpg) no-repeat scroll left top; }
.content.info{ display: none; }


/* --- Guestbook Accordion --- */
.guestbookContainer{ margin: 0px auto; padding: 0px 20px 0px 20px; width: 700px; background: url(../images/bg_frmGuestbook.png) repeat-y; }
.guestbookContainer label{ display:block; text-transform:uppercase; font-size: 77%; color: #FFF; }
.guestbookContainer input, .guestbookContainer textarea{ background: #333; border: 1px solid #656249; color:#CCC; padding: 2px; margin-bottom: 10px; }
.guestbookContainer a.menuitem{ display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 4px 0; 
						padding-left: 10px; text-decoration: none; }
.guestbookContainer a.menuitem:visited, .guestbookContainer .menuitem:active{ color: white; }
.guestbookContainer a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ position: absolute; top: 5px; right: 5px; border: none;}
.guestbookContainer a.menuitem:hover{ background-image: url(glossyback2.gif); }
.guestbookContainer div.submenu{ /*DIV that contains each sub menu*/ }
.guestbookContainer div.submenu ul{ /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; }
.guestbookContainer div.submenu ul li{ border-bottom: 1px solid blue; }
.guestbookContainer div.submenu ul li a{ display: block; font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: black; text-decoration: none; padding: 2px 0; 
								 padding-left: 10px; }
.guestbookContainer div.submenu ul li a:hover{ background: #DFDCCB; color: white; }


.commentBox{ background: url(../images/bg_frmGuestbook.png); width: 820px; padding: 0px 10px 0px 10px; margin:20px auto; border: 1px solid #2E271A; }
.commentBox p{ padding: 0px; color: #CAAD80; }
.commentBox p.setWhite{ padding: 10px; color: #CCCCCC; }
.commentBox h2{ padding: 10px 0px 10px 0px; color: #CCC; font-size: 85%; }

.gigBox{ background: url(../images/bg_frmGuestbook.png); width: 550px; padding:20px; margin:0px auto 20px auto; font-size:85%; border: 1px solid #2E271A; }
.gigBox h2{ padding: 0px; color:#CAAD80; }
.gigBox p{ padding: 10px 0px; color: #CCCCCC; }

.msgBox{ background: url(../images/bg_frmGuestbook.png); width: 500px; padding:10px; margin: 0px auto; font-size:85%; border: 1px solid #2E271A; clear:both; }