/* 
Title:		Main CSS
Author: 	3 Crown Creative
*/
@import "base.css";

body {min-width:62.875em; background:#311c11 url(/images/bkgWindow.jpg) no-repeat center top }

/*  <PAGE STRUCTURE>
--------------------------------------------------*/
#outerWrap { margin:40px auto 0 auto; width:62.875em; background:url(/images/bkgPageShadowLR.png) repeat-y}
#outerShadowBot {background:url(/images/bkgPageShadowB.png) no-repeat; width:1006px; height:40px; margin:0 auto}
#innerWrap {width:952px; min-height:41.75em; background: #000 url(/images/bkgHome.jpg) no-repeat; margin-left:27px}
#container { padding:15px 0 0 106px;min-height:41.75em;}
#header {margin:56px 0 10px 0;background:url(/images/logo.png) no-repeat; width:846px; height:73px; display:block}
#content { background:url(/images/bkgContentT.png) no-repeat; width:676px;  float:right; margin:0; padding-top:37px}
#CMScontent { background:url(/images/bkgContentM.png) repeat-y; padding:0 0 0 30px}
#contentB {background:url(/images/bkgContentB.png) no-repeat; width:676; height:72px;}
#foot { font-size:.65em; color:#fdc883; padding:0 10px 30px 24px; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
#foot a { color:#fdc883;}
#foot a:hover { color:#fff;}
#foot .left {float:left}
#foot .right {float:right; text-align:right;}

#CMScontent { min-height:300px}
#concerts #innerWrap {background: #000 url(/images/bkgConcerts.jpg) no-repeat; }
#artists #innerWrap {background: #000 url(/images/bkgArtists.jpg) no-repeat;}
#festival #innerWrap {background: #000 url(/images/bkgArtists.jpg) no-repeat;}
#listen #innerWrap {background: #000 url(/images/bkgLounge.jpg) no-repeat;}
#merch #innerWrap {background: #000 url(/images/bkgFamily.jpg) no-repeat;}
#sustain #innerWrap {background: #000 url(/images/bkgSustainable.jpg) no-repeat;}
#blog #innerWrap {background: #000 url(/images/bkgBlog.jpg) no-repeat;}
#contact #innerWrap {background: #000 url(/images/bkgContact.jpg) no-repeat;}

#contact #content { background:url(/images/bkgContentT-contact.png) no-repeat; }
#contact #CMScontent { background:url(/images/bkgContentM-contact.png) repeat-y;}
#contact #contentB {background:url(/images/bkgContentB-contact.png) no-repeat;}


/*  <CONTENT>
--------------------------------------------------*/
#listen th,#listen td {padding:.5em 1em .5em 0;}


/*  <NAVIGATION>
--------------------------------------------------*/
#nav {list-style: none; list-style-image:none;margin:3px 0 0 0; padding-right:24px } 
#nav li, #nav li a {list-style-type:none; display: inline;text-align: center;}
#nav li a {text-decoration:none; color:#fff; font-size:1.2em; line-height:1.6875; letter-spacing:.04em;padding:0 0 0 24px ;font-family: 'LeagueGothicRegular', Arial, sans-serif;} 
#nav li a:hover {color:#ffc589;}
#nav a {float:left} 
#nav .last a { }

#home #nav .home a,
#concerts #nav .concerts a,
#artists #nav .artists a,
#festival #nav .festival a,
#listen #nav .listen a,
#merch #nav .merch a,
#sustain #nav .sustain a,
#blog #nav .blog a,
#contact #nav .contact a
	{text-decoration:none; color:#ffc589; cursor:default;}


/*  <CONTACT FORM>
--------------------------------------------------*/
.required {background:url(/images/imagesCMS/formRequired.gif) no-repeat 2px 2px; width:15px; height:15px; display: inline-block;}
#formContact {padding-top:10px;font-family:Verdana,Arial,Helvetica,sans-serif; font-size:.95em}
#formContact table {padding:0; margin:0; width:80%}
#formContact td {padding:0 5px 5px 0; margin:0; width:20%; text-align:right; border:none}
#formContact .tdl {text-align:left; width:80%; vertical-align:top }
#formContact input { border:1px solid;border-color:#DCDCDC #F0F0F0 #F0F0F0 #DCDCDC; width:250px; padding:1px; letter-spacing:.04em; font-size:.95em; outline:none;font-family:Verdana,Arial,Helvetica,sans-serif;}
#formContact input:focus, #formContact textarea:focus {border-color:#9a9a9a #c0c0c0 #c0c0c0 #9a9a9a;}

#formContact .button { margin-top:5px;background-color:#b0b388; border:1px solid black; cursor:pointer; color:#eee; width:255px; padding-top:3px;font-family:Verdana,Arial,Helvetica,sans-serif;}
#formContact textarea { border:1px solid;border-color:#DCDCDC #F0F0F0 #F0F0F0 #DCDCDC;width:250px;font-family:Verdana,Arial,Helvetica,sans-serif; letter-spacing:.04em; padding:1px; outline:none; font-size:.95em}


/*  <PAGINATION>
--------------------------------------------------*/
.pagination { font-family:Arial, Helvetica, sans-serif;font-size:.7em;padding: 3px 3px 10px 0;margin:3px 3px 3px 0; text-decoration:none}
#CMScontent .pagination a {padding: 1px 5px;margin: 2px 4px 2px 0;border: 1px solid #666666;text-decoration: none;color: #666666; background-color:#ffffff;}
#CMScontent .pagination a:hover, .pagination a:active {border: 1px solid #000000;color:#ffc589; background-color:#853703; text-decoration:none}
.pagination .current {border: 1px solid #000000;color:#ffc589; background-color:#853703; cursor: default	}
.pagination .disabled {padding:1px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;}


/*  <ERROR HANDLING>
--------------------------------------------------*/
.inpErr {background-color:#7a2a0b; color:#ffffff;}
.inpOK {background-color:white; color:#000000}
.errorDiv {color:#7a2a0b; font-weight:bold; margin-top:10px; text-align:left }
.noerror {font-weight:normal; margin:0; color:#333;text-align:left; border:1px solid #333; padding:3px;margin-top:20px;background-color:#DCDDD5; }
#formContact .inpOK {background-color:#fff;}

/*  <MISC>
--------------------------------------------------*/
.clear {clear:both}
.right {float:right; text-align:right}
.left {float:left}
.alignR {text-align:right}
.none {display:none}
.show {display:block}
.visible {visibility:visible}
.hidden {visibility:hidden}

/* self-clear floats */
.group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*  <SPECIAL LINK TYPES>
--------------------------------------------------*/
a.pdf {background: url(/images/imagesCMS/pdf.png) no-repeat left center;padding-left: 20px;line-height: 16px; }
a.txt {background: url(/images/imagesCMS/txt.png) no-repeat left center;padding-left: 20px;line-height: 16px;}
a.zip { background: url(/images/imagesCMS/zip.png) no-repeat left center;padding-left: 20px;line-height: 16px;}
a.email {background: url(/images/imagesCMS/email.png) no-repeat left center;padding-left: 20px;line-height: 16px;}
a.external {background: url(/images/imagesCMS/ext_link.png) no-repeat left center;padding-left: 20px;line-height: 16px;}

/*  <ACCORDION>
--------------------------------------------------*/
h3.selected  { color: #973513;}
#accordion {margin:20px 0px;}
h3.toggler {cursor: pointer;border: 1px solid #f5f5f5;border-right-color: #ddd;border-bottom-color: #ddd;
	margin: 0 0 4px 0;padding: 3px 5px 1px 5px; clear:both;font-size:.95em; font-weight: normal;}
h3.back { }
div.element  {	margin:0px;padding:4px 4px 4px 10px;}
.toggler:hover   {color: #973513}  


/*  <IMAGE CAPTION>
--------------------------------------------------*/
#CMScontent p  .arc90_imgcaptionTXT {font-size: .8em;text-align: left; padding-right:0; line-height: normal}
.arc90_imgcaption {text-align: center;width: 9em;
/*border: 1px solid #004716;padding: 1em;margin: 1em 0;*/
}

