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

body, html { background:url(/images/bkgTile.jpg)}
body {min-width:958px;}

html {min-height: 101%;}


/*  <PAGE STRUCTURE>
--------------------------------------------------*/
#outerWrap {width:969px; margin:20px auto 0 auto;}
#innerWrap {width:969px; background: url(/images/shadowLR.png) repeat-y;}
#container { width:899px; background:url(/images/bkgContent.jpg) no-repeat; margin-left:35px; min-height:575px;}
#foot {background: url(/images/shadowBot.png) no-repeat; min-height:29px; padding:15px 35px 0 35px;font-size:77%; font-family:Arial, Helvetica, sans-serif; color:#d7cdb6;}

.sidebar {float:left}
.content {float:right}

#container .sidebar {width:121px;  padding:20px 0 0 45px}
#container .content {width:640px;  margin:40px}
#container .header {padding-bottom:30px}

#foot a {color:#d7cdb6;}


/*  <NAVIGATION>
--------------------------------------------------*/
#nav {margin:40px 0 0 0; padding:0; float:right;   } 
#nav a, #nav a:hover {text-decoration:none; display:block; float:right; padding-bottom:25px; clear:both; text-indent:-5000px; text-decoration:none   } 

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

#nav .band a {background: url(/images/navBand.png) no-repeat -61px 0; width:61px; height:15px;}
#nav .band a:hover {background: url(/images/navBand.png) no-repeat 0 0;}
#band #nav .band a {background: url(/images/navBand.png) no-repeat 0 0; cursor:default}

#nav .listen a {background: url(/images/navListenBuy.png) no-repeat -96px 0; height:18px; width:96px}
#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 .friends a {background: url(/images/navFriends.png) no-repeat -48px 0; height:18px; width:48px}
#nav .friends a:hover {background: url(/images/navFriends.png) no-repeat 0 0;}
#friends #nav .friends a {background: url(/images/navFriends.png) no-repeat 0 0; cursor:default}

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

#nav .gallery a {background: url(/images/navGallery.png) no-repeat -52px 0; width:52px; height:18px;}
#nav .gallery a:hover {background: url(/images/navGallery.png) no-repeat 0 0;}
#gallery #nav .gallery a {background: url(/images/navGallery.png) no-repeat 0 0; cursor:default}

#nav .contact a {background: url(/images/navContact.png) no-repeat -52px 0; width:52px; height:11px;}
#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}

#dummy {}   /* sometimes we need a dummy  */

/*  <PAGINATION>
--------------------------------------------------*/
#container .pagination {font-size:.9em;padding: 3px 3px 3px 0;margin:3px 3px 3px 0; text-decoration:none}
#container .pagination a {padding: 1px 5px;margin: 2px 4px 2px 0;border: 1px solid #666666;text-decoration: none;color: #666666; background-color:#ffffff;}
#container .pagination a:hover, .pagination a:active {border: 1px solid #000000;color:#fff; background-color:#096c3c; text-decoration:none}
#container .pagination .current {border: 1px solid #000000;color:#000000; background-color:#c26612; cursor: default	}
#container .pagination .disabled {padding:1px 5px;margin: 2px;border: 1px solid #EEE;color: #aaa;}


/*  <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}
.small {font-size:77%}

.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 shadow */
.imgShadowLeft {float:left;background: url(/images/imagesCMS/shadowAlpha.png) no-repeat bottom right  !important;margin: 10px 10px 0 10px !important;}
.imgShadowLeft img {display: block; position:relative;border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px;padding: 4px;} 

.imgShadowRight {float:right;background: url(/images/imagesCMS/shadowAlpha.png) no-repeat bottom right  !important;margin: 10px 10px 0 10px !important;}
.imgShadowRight img {display: block; position:relative;border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px;padding: 4px;} 

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