@import url('http://www.bmdesign.org/files/cssReset/reset.css');

html {
 padding: 0;
 margin: 0;
 }

body {
 background: url(../images/bodyBG.png) repeat center scroll;
 font-size: small;
 line-height: 1.4em;
 font-family: 'Lucida Grande', Verdana, Arial, Sans-serif;
 color: #333;
 }

/* HEADER / FOOTER */
#header {
 position: relative;
 z-index: 11;
 background: url(../images/headerBG.png) repeat-x top left;
 width: 100%;
 height: 125px;
 margin: 0;
 text-align; center;
 }

.headerLogo {
 margin: 4px auto 0;
 }

#footer {
 z-index: 10;
 position: fixed;
 height: 40px;
 width: 100%;
 bottom: 0;
 right: 0;
 left: 0;
 background: url(../images/musicBG.png) repeat-x;
 }

#footer .footContent {
 margin: 0 auto;
 color: #fff;
 width: 810px;
 padding: 11px 0 0 0;
 letter-spacing: -1px;
 }

#footer .ppn {
 float: left;
 width: 300px; /*130px*/
 font-size: 125%;
 padding: 0 0 0 50px;
 }

.burnt {
 color: #CB3114;
 }

#footer .nowPlaying {
 float: left;
 width: 500px;
 font-size: 150%;
 text-align: center;
 }
/* HEADER / FOOTER */

/* CONTENT / WRAPPER */
#wrapper {
 margin: 0 auto;
 width: 937px;
 }

#content {
 position: relative;
 z-index: 2;
 margin: 0 auto;
 background: url(../images/contentBG.png) no-repeat center;
 width: 937px;
 height: 576px;
 }

#contentLoaded {
 width: 57%;
 margin: 5px 0 105px 80px;
 position: relative;
 z-index: 9;
 overflow: hidden;
 }

#preorder {
 float: left;
 width: 528px;
 height: 209px;
 padding: 1px;
 margin: 0 0 9px;
 }
#preorder:hover {
 cursor: pointer;
 } 
#preorder img {
 padding: 0 !important;
 border: 0 none !important;
 }
#colLeft , #colRight {
 float: left;
 width: 264px;
 height: 300px;
 padding: 1px;
 }
 
#contentRepeat {
 position: fixed;
 z-index: 1;
 top: 0;
 bottom: 0;
 margin: 0 auto;
 width: 100%;
 height: 100%;
 background: url(../images/bodyRepeat.png) repeat-y center;
 width: 937px;
 }

#contentLoaded img {
 margin: 0 0.5%;
 padding: 2px;
 border: 1px solid #AC9877;
 }

.galleryFeed {
 float: left;
 min-height: 300px;
 width: 178px;
 }

.previewIMG {
 float: left;
 margin: 4px !important;
 }
.previewIMG:hover {
 border: 1px solid #666 !important;
 }
.adminPreviewIMG {
 float: left;
 margin: 4px !important;
 height: 58px;
 width: 58px;
 display: none;
 }

.pagePhotoCred {
 text-align: right;
 float: right;
 clear: both;
 margin: 0 9px 0 0;
 font-size: 75%;
 font-weight: bold;
 font-style: italic;
 width: 100%;
 }

.photoCredit {
 float: left;
 clear: both;
 font-size: 85%;
 font-weight: bold !important;
 font-style: italic;
 text-align: center;
 width: 100%;
 }

.photoCaption {
 float: left;
 clear: both;
 font-size: 80%;
 text-align: center;
 width: 100%;
 }

.group {
 height: 150px;
 width: 100%;
 }

.imageHolder {
 overflow: hidden;
 }

#loading {
 position: absolute;
 /*background: url(../images/loadingBG.png) repeat;
 top: 0;
 left: 0;*/
 padding: 128px 0 0 40%;
 display: none;
 z-index: 9;
 }

.pressPush {
 background: url(../images/quote.png) top left no-repeat;
 float: left;
 width: 44%;
 padding: 10px 9px 1px 14px;
 text-align: center;
 min-height: 285px;
 margin: 10px 3px 0;
 border: 1px solid #ddd;
 color: #000 !important;
 }
.pressPush:hover {
 border: 1px solid #999;
 background: #f0f0f0 url(../images/quote.png) top left no-repeat;
 }

/* CONTENT / WRAPPER */

/* RIGHT COLUMN NEWS */
#newsTitle {
 float: right;
 margin: 0 55px 0 0;
 width: 175px;
 color: #6E5237;
 font-size: 125%;
 text-transform: uppercase;
 font-family: helvetica, arial;
 }

#newsFeed {
 clear: right;
 text-align: right;
 float: right;
 width: 238px;
 margin: -12px 62px 13px 0;
 padding: 15px 10px 0 0 ;
 border-bottom: 1px solid #B7A78D;
 }
#newsFeedLast {
 clear: right;
 text-align: right;
 float: right;
 width: 238px;
 min-height: 100px;
 margin: -12px 62px 21px 0;
 padding: 15px 10px 7px 0 ;
 }
#newsFeed:hover {
 background: #f0f0f0;
 cursor: pointer;
 }

#newsFeed h3 {
 color: #B53A23;
 font-size: 180%;
 text-transform: capitalize;
 }

#newsFeed p {
 color: #b53a23;
 padding: 5px 0 7px;
 margin: 2px 0 1px 5px;
 border-bottom: 1px dashed #B53A23;
 }
#newsFeed a {
 color: #b53a23;
 text-decoration: none;
 height: 100%;
 width: 100%;
 }

#newsLinks {
 padding: 7px 0 0;
 margin: 0;
 color: #E84A2D;
 }

#newsLinks a {
 color: #E84A2D;
 font-size: 85%;
 padding: 2px 3px;
/* border: 1px solid #C53F26;
 background: #fff;
*/ text-decoration: none;
 }

#newsLinks a:hover {
 color: #fff;
 font-size: 85%;
 padding: 2px 3px;
/* border: 1px solid #C53F26;
 background: #E84A2D;
*/ margin: 3px 0 5px;
 }

/* RIGHT COLUMN NEWS */

/* NAV */
#nav {
 position: relative;
 z-index: 5;
 height: 40px;
 width: 837px;
 padding: 37px 0 0 75px;
 }

#nav ul {
 float: left;
 width: 550px;
 list-style: none;
 }

#nav ul li {
 float: left;
 padding: 0;
 margin: 0 1px;
 font-size: 95%;
 font-family: "Lucida Grande", sans-serif;
 }

#nav ul a {
 display: block;
 color: #55472F;
 text-decoration: none;
 float: left;
 margin: 0;
 padding: 4px 6px;
 background: #AC9877 url(../images/navNotActive.png) repeat-x top left;
 border: 1px solid #AC9877;
 border-bottom: 0 none;
 -moz-border-radius: 3px 3px 0 0;
 -webkit-border-top-right-radius: 3px;
 -webkit-border-top-left-radius: 3px;
 text-transform: capitalize;
 font-weight: bold;
 }

#nav ul a:hover {
 color: #6A593C;
 border: 1px solid #BDA783;
 border-bottom: 2px solid #fff;
 background: #fff url(../images/navHover.png) repeat-x top left;
 cursor: pointer;
 }

.active {
 color: #333 !important;
 border: 1px solid #BDA783 !important;
 border-bottom: 2px solid #fff !important;
 background: #fff url(../images/navOn.png) repeat-x top left !important;
 }
/* NAV */

/* HTML ELEMENTS */
.strong {
 font-weight: bold;
 }

.italic {
 font-style: italic;
 }

.big {
 font-size: 120%;
 }

.small {
 font-size: 90%;
 }

table th {
 font-weight: bold;
 text-decoration: underline;
 font-size: 110%;
 }

h1 {
 font-family: Georgia;
 margin: 35px 0 ;
 font-size: 240%;
 color: #861500;
 text-transform: uppercase;
 text-align: center;
 }

h2 {
 padding: 0 0 5px;
 margin: 6px 0 0 ;
 font-size: 175%;
 color: #333;
 text-transform: uppercase;
 }

h3 {
 font-size: 125%;
 color: #555;
 }

h4 {
 font-size: 115%;
 color: #800;
 text-align: center;
 }
h5 {
 font-size: 125%;
 color: #000;
 padding: 0 0 12px 9px;
 border-bottom: 1px dotted #ccc;
 }
h6 {
 color: #B53A23;
 font-size: 90%;
 font-style: italic;
 margin: 3px 0 0 0;
 }

p {
 font-family: Helvetica, arial;
 font-size: 105%;
 color: #333;
 }
#gigInfo p {
 padding: 12px 0 0 9px;
 font-size: 90%;
 color: #666;
 }
.wrap {
 float: left;
 margin: 3px 0;
 width: 530px;
 min-height: 232px;
 height: auto;
 }

.wrap p , .wrap img {
 border: 0 none !important;
 float: left;
 margin: 0 1px;
 height: auto;
 width: auto;
 }

a {
 color: #900;
 }

a:hover {
 color: #400;
 }

.hasBullet {
 color: #222 !important;
 font-weight: bold;
 }

.hasBullet li {
 list-style-image: url(../images/bullet.png) !important;
 margin: 0 0 0 25px;
 }

.orderThisForm {
 clear: both;
 padding: 3px;
 background: #ddd !important;
 border: 1px solid #eee; 
 }

/* cool stuff */
.fadeThisIn {
 }

/* all triggers */
.triggerNoah {
 position: absolute;
 top: 93px;
 left: 26%;
 z-index: 999;
 padding: 7px 50px; 
 }
.triggerDan {
 position: absolute;
 top: 93px;
 left: 37%;
 z-index: 999;
 padding: 7px 50px;
 }
.triggerNik {
 position: absolute;
 top: 93px;
 left: 46%;
 z-index: 999;
 padding: 7px 50px;
 }
.triggerJason {
 position: absolute;
 top: 93px;
 left: 55%;
 z-index: 999;
 padding: 7px 50px;
 }
.triggerJosh {
 position: absolute;
 top: 93px;
 left: 65%;
 z-index: 999;
 padding: 7px 50px;
 }

.triggerOverNoah , .triggerOverDan , .triggerOverNik , .triggerOverJason , .triggerOverJosh {
 display: none;
 padding: 0 !important;
 position: absolute;
 top: 12px;
 left: -90px;
 z-index: 999;
 width: 300px;
 height: 29px;
 margin: 0 auto;
 background: url(../images/bioBox.png) top center no-repeat;
 }
.triggerOverNoah img , .triggerOverDan img , .triggerOverNik img , .triggerOverJason img , .triggerOverJosh img {
 float: left;
 margin: 0 4px 0 0;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border: 1px solid #999;
 padding: 1px;
 }
.triggerOverNoah p , .triggerOverDan p , .triggerOverNik p , .triggerOverJason p , .triggerOverJosh p {
 margin: 22px auto 0 ;
 padding: 3px 17px 18px;
 width: 230px;
 height: auto;
 overflow: hidden;
 font-size: 80%;
 background-image: url(../images/bioBox.png);
 background-position: bottom center;
 background-repeat: repeat;
 }


#firstVisitor {
 position: fixed;
 z-index: 15;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: url(../images/loadingBG.png) repeat fixed;
 }
#firstVisitor div {
 padding: 1%;
 top: 24%;
 left: 24%;
 position: absolute;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 background: url(../images/trans.png) repeat;
 border: 2px solid #5F1203;
 width: 50%;
 height: auto;
 font-weight: bold;
 font-size: 110%;
 }
#firstVisitor div p {
 color: #fff;
 }
#firstVisitor a {
 color: #fff;
 text-transform: uppercase;
 }
#firstVisitor a.closeThis {
 color: #000;
 font-size: 110% !important;
 text-transform: uppercase;
 position: relative;
 bottom: 0;
 float: right;
 }
#firstVisitor a.bugMeNot {
 color: #000;
 font-size: 110% !important;
 text-transform: uppercase;
 position: relative;
 bottom: 0;
 float: left;
 }

#mailListLate {
 position: fixed;
 top: 0;
 right: 0;
 z-index: 15;
 padding: 0px 3px 0 0;
 color: #fff;
 font-size: 90%;
}
#mailList form {
 position: relative;
 float: left;
 }

#mailList input {
 padding: 3px;
 margin: 0 0 1px;
 border: 1px solid #842410;
 font-size: 90% !important;
 width: 300px;
 border: 0 none;
 }

#mailList .submit {
 width: 25px !important; 
 padding: 3px;
 }

/*****
 admin stuff
*****/
.clearfix {
clear:both;
display:block;
height:6px;
width:0;
overflow:hidden;
visibility:hidden;
}

#adminBox {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 15;
 padding: 0px 0 0 3px;
 }
#adminBox a {
 color: #fff;
 text-decoration: none;
 font-size: 60%;
 }

#messages {
 position: absolute;
 top: 0;
 width: 100%;
 height: 100px;
 z-index: 1000;
 border-bottom: 3px solid #333;
 background: url(../images/transWhite.png) repeat;
 display: none;
 }

.label {
 float: left;
 clear: both;
 width: 70px;
 padding: 3px 10px 0 0;
 color: #333;
 font-size: 100%;
 text-align: right;
 }

.editable {
 width: 80%;
 margin: 0 0 3px;
 float: left;
 border: 1px solid #999;
 padding: 3px;
 font-size: 110%;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 }

#addImageInput {
 display: none;
 }

.submit , .reset {
 font-size: 80%;
 padding: 3px;
 border: 1px solid #999;
 background: #444;
 margin: 0 3px 0 0;
 color: #fff;
 float: left;
 font-weight: bold;
 }

.erGig {
 background: #900 !important;
 color: #fff !important;
 }

#suggest {
 position: relative;
 z-index: 9999;
 }

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100% !important;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
 * 	if width will be 100% horizontal scrollbar will apear 
 * 		when scroll mode will be used
 * 			*/
	/*width: 100%;*/
	font: menu;
	font-size: 16px;
	/* 
 * 	it is very important, if line-height not setted or setted 
 * 		in relative units scroll will be broken in firefox
 * 			*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* my modal box */
#modalBox {
 display: none;
 position: fixed;
 z-index: 99999;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: url(../images/transBlack.png) repeat fixed;
 }

#modalBox div {
 padding: 1%;
 top: 24%;
 left: 24%;
 position: absolute;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 background: #fff;
 border: 4px solid #aaa;
 width: 50%;
 height: auto;
 font-weight: bold;
 font-size: 100%;
 }

.closeThis {
 color: #aaa;
 position: absolute;
 padding: 0 10px 5px 0;
 bottom: 0;
 right: 0;
 }
.closeThis:hover {
 cursor: pointer;
 }

/* calendar stuff */

table.gigCal {
 margin: 0 auto;
 border: 0;
 border-bottom: 1px solid #eee;
 }

tr.month th {
 text-align: center;
 text-decoration: none;
 font-size: 135%;
 padding: 10px 0;
 color: #333;
 }

tr.daysOfWeek td {
 text-align: center;
 font-weight: bold;
 padding: 10px 0;
 color: #555;
 }

tr.day td {
 text-align: center;
 padding: 10px 0;
 color: #666;
 }

td .today {
 background: #B53A23;
 color: #fff;
 padding: 3px;
 }

ul.gigEvents li {
 margin: 0 0 0 5px;
 }