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

body {min-width:932px; background: #566985 url(/images/bkgWindow.jpg) no-repeat top center;}
html {height:101%}

/*  <PAGE STRUCTURE>
--------------------------------------------------*/
#outerWrap {width:932px; margin:39px auto 0 auto;}
#innerWrap {width:932px; background: url(/images/bkgShadowLR.png) repeat-y;}
#container { width:899px; background:#2e92f9 url(/images/bkgPage.jpg) no-repeat; margin-left:17px;}
#contact #container {background-image:url(/images/bkgContact.jpg); min-height:812px}

.contentSection {min-height:460px; padding-top:70px;}
#contact .contentSection {min-height:548px;}

#foot { margin-top:10px;font-size:.7em;color:#cbc0a6; font-weight:bold;}
#bottomWrap {background: url(/images/bkgShadowB.png) no-repeat; min-height:17px}
.sidebar {float:left;}
.content {float:right;  }
#container .sidebar {width:180px;padding:0 30px 0 0 ;}
#container .content {width:639px;margin:0 50px 0 0;}
#contact #CMScontent { width:300px}

/*  foot  */
#foot .sidebar {text-align:right}
#foot .content {text-align:right}
#foot a {color:#cbc0a6;}
#foot a:hover {color:#fff;}

a.facebook {background:url(/images/iconFacebook.png) no-repeat; width:39px; height:40px; display: inline-block; text-indent:-5000px; float:right}
a.myspace {background:url(/images/iconMySpace.png) no-repeat; width:40px; height:40px; display:inline-block; text-indent:-5000px; float:right}

a.logo {position: relative; left:26px; top:-21px; overflow:visible; background:url(/images/logo.png) no-repeat; width:964px; height:116px; text-indent:-5000px; display:block;}
h1.pageTitle  {display:block; text-indent:-5000px;margin:0 0 .5em 0}
#calendar h1.pageTitle {background:url(/images/txtCalendar.png) no-repeat; width:128px; height:13px}
#blog h1.pageTitle {background: url(/images/txtBlog.png) no-repeat; width:65px; height:13px}
#press h1.pageTitle {background: url(/images/txtPressInfo.png) no-repeat; width:142px; height:13px}
#listen h1.pageTitle {background: url(/images/txtListenBuy.png) no-repeat; width:161px; height:13px}
#contact h1.pageTitle {background: url(/images/txtContact.png) no-repeat; width:115px; height:13px}

/*  <NAVIGATION>
--------------------------------------------------*/
ul.nav { padding:0; margin:5px 0 0 0; float:right; list-style-image:none }
ul.nav a, ul.nav a:hover {text-decoration:none; display:block; text-indent:-5000px; margin-bottom:25px; float:right; clear:both;   } 

.nav .home a {background: url(/images/navHome.png) no-repeat -53px 0; width:53px; height:10px;}
.nav .home a:hover {background: url(/images/navHome.png) no-repeat 0 0; }
#home .nav .home a {background: url(/images/navHome.png) no-repeat 0 0; cursor:default}

.nav .calendar a {background: url(/images/navCalendar.png) no-repeat -98px 0; width:98px; height:10px;}
.nav .calendar a:hover {background: url(/images/navCalendar.png) no-repeat 0 0; }
#calendar .nav .calendar a {background: url(/images/navCalendar.png) no-repeat 0 0; cursor:default}

.nav .blog a {background: url(/images/navBlog.png) no-repeat -50px 0; width:50px; height:13px;}
.nav .blog a:hover {background: url(/images/navBlog.png) no-repeat 0 0; }
#blog .nav .blog a {background: url(/images/navBlog.png) no-repeat 0 0; cursor:default}

.nav .press a {background: url(/images/navPressInfo.png) no-repeat -108px 0; width:108px; height:13px;}
.nav .press a:hover {background: url(/images/navPressInfo.png) no-repeat 0 0; }
#press .nav .press a {background: url(/images/navPressInfo.png) no-repeat 0 0; cursor:default}

.nav .listen a {background: url(/images/navListenBuy.png) no-repeat -122px 0; width:122px; height:13px;}
.nav .listen a:hover {background: url(/images/navListenBuy.png) no-repeat 0 0; }
#listen .nav .listen a {background: url(/images/navListenBuy.png) no-repeat 0 0; cursor:default}

.nav .contact a {background: url(/images/navContact.png) no-repeat -87px 0; width:87px; height:10px;}
.nav .contact a:hover {background: url(/images/navContact.png) no-repeat 0 0; }
#contact .nav .contact a {background: url(/images/navContact.png) no-repeat 0 0; cursor:default}


/*  <SIDEBAR>
--------------------------------------------------*/
#sideContent  {margin:40px 0 10px; text-align:right;  line-height:normal}
#sideContent  h1 { margin:0;text-decoration:underline; font-size:.8em; margin:0; padding:0; text-transform: capitalize}
#sideContent div { color:#787878;padding:0 0 20px 0}
#sideContent div p { padding:0; margin:0;font-size:.75em; line-height:1.4em}

#sideContent a { color:#000;text-decoration:none; text-transform: capitalize}
#sideContent a:hover {text-decoration:none; color:#7a2a0b}
#sideContent li {margin-left:-10px }
#sideContent ul { margin:0; padding:0 }
#sideContent ul li.active, 
#sideContent ul li.active a, 
#sideContent a.active 
	{text-decoration:none; color:#7a2a0b;}
#sideContent div .paging {padding:5px 0; margin-left:-10px}

#sideContent hr { height:1px; border:1px solid #fff}
#sideContent .blogTitle {font-style:italic;}


/*  <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-size:.9em;padding: 3px 3px 3px 0;margin:3px 3px 3px 0; text-decoration:none}
.pagination a {padding: 1px 5px;margin: 2px 4px 2px 0;border: 1px solid #666666;text-decoration: none;color: #666666; background-color:#ffffff;}
.pagination a:hover, .pagination a:active {border: 1px solid #000000;color:#000000; background-color:#aaa; text-decoration:none}
.pagination .current {border: 1px solid #000000;color:#000000; background-color:#aaa; 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}
.SQLerror {color:#7a2a0b; font-weight:bold; margin-top:10px; text-align:left; border:1px solid #7a2a0b; padding:5px }

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