/* CSS Document */

/*FORM STYLES*/


form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:10px arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 475px;
  max-width: 475px;
  width: 475px; 
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #9b9882;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 95px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	font-size: 11px;
}




form fieldset legend {
	font-size:1.1em;
	color: #000000; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 80%;
}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.morePad {
padding: 5px 0 0 0;
}

#name, #email, #comments, #message {
	width:300px;
 	background-color: #fff;
 	border: 1px solid #ddd9d0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}


	/*END FORM STYLES*/
	

/* TABLE STYLES */

table.gig {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	width: 475px;
	background-color: #9b9882;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	}

table.gig td {
	background-color: #827e65;
	color: #000;
	padding: 5px;
	text-align: left;

	vertical-align: top;
	}

table.gig td.hed{	
	background-color: #827e65;
	color: #fff;
	padding: 5px;
	text-align: left;

		border-top: 1px #9b9882 dashed;
	font-size: 12px;
	font-weight: bold;
	} 
	
table.gig td.gap{	
	background-color: transparent;
	color: #fff;
	padding: 3px;
	text-align: left;
	border: 2px #827e65 solid;
	}
	
	table.gig td.title{	
		border-top: 1px #9b9882 dashed;
	}

/* END TABLE STYLES */

/*NAVIGATION STYLES*/

#mainNav {
	width: 786px;
	height: 42px;
	padding: 0;
	margin: 0;
	float: left;
	background-color: #146582;
}

ul.mainNav {
	padding:0; 
	margin: 0; 
	list-style-type:none;
}

ul.mainNav li {
   display:block;
   float:left !important;
   list-style-type:none;
   }

ul.mainNav li a  {
   display:block;
   height:42px; width:96px;
   background:transparent url(images/home.jpg) no-repeat 0 0;
   text-indent:-9009px;
   }
   
   ul.mainNav li a.gigs  {
   display:block;
   height:42px; width:65px;
   background:transparent url(images/gigs.jpg) no-repeat 0 0;
   text-indent:-9009px;
   }
   
ul.mainNav li a.press  {
   display:block;
   height:42px; width:138px;
   background:transparent url(images/press.jpg) no-repeat 0 0;
   text-indent:-9009px;
   }
   
ul.mainNav li a.shop  {
   display:block;
   height:42px; width:67px;
   background:transparent url(images/shop.jpg) no-repeat 0 0;
   text-indent:-9009px;
   }
   
ul.mainNav li a.news  {
   display:block;
   height:42px; width:74px;
   background:transparent url(images/news.jpg) no-repeat 0 0;
   text-indent:-9009px;
   }
   
ul.mainNav li a.info  {
   display:block;
   height:42px; width:63px;
   background:transparent url(images/info.jpg) no-repeat 0 0;
   text-indent:-9009px;
   }
   
ul.mainNav li a.contact  {
   display:block;
   height:42px; width:105px;
   background:transparent url(images/contact.jpg) no-repeat 0 0;
   text-indent:-9009px;
   }
   
ul.mainNav li a.electric  {
   display:block;
   height:42px; width:105px;
   background:transparent url(images/electric.jpg) no-repeat 0 0;
   text-indent:-9009px;
   }
	  
ul.mainNav li a:hover {
   background-position: 0 -42px;
   }
   
ul.mainNav li a.selected {
   background-position: 0 -42px;
   }
   
ul.mainNav li a.gigSelected {
   height:42px; width:65px;
   background:transparent url(images/gigs.jpg) no-repeat 0 0;
   background-position: 0 -42px;
   }
   
ul.mainNav li a.pressSelected {
   height:42px; width:138px;
   background:transparent url(images/press.jpg) no-repeat 0 0;
   background-position: 0 -42px;
   }
   
ul.mainNav li a.shopSelected {
   height:42px; width:67px;
   background:transparent url(images/shop.jpg) no-repeat 0 0;
   background-position: 0 -42px;
   }
   
ul.mainNav li a.newsSelected {
   height:42px; width:74px;
   background:transparent url(images/news.jpg) no-repeat 0 0;
   background-position: 0 -42px;
   }
   
ul.mainNav li a.infoSelected {
   height:42px; width:63px;
   background:transparent url(images/info.jpg) no-repeat 0 0;
   background-position: 0 -42px;
   }
   
ul.mainNav li a.contactSelected {
   height:42px; width:105px;
   background:transparent url(images/contact.jpg) no-repeat 0 0;
   background-position: 0 -42px;
   }
   
ul.mainNav li a.electricSelected {
   height:42px; width:105px;
   background:transparent url(images/electric.jpg) no-repeat 0 0;
   background-position: 0 -42px;
   }
   
ul.sitemap li {
padding: 10px 0 10px 0;
}

ul.sitemap ul li {
padding: 20px 0 0 0;
}
   
/*END NAVIGATION STYLES */

/* IMAGE REPLACEMANT */

#mainHeader {
	display:block;
	padding: 84px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:104px /* IE5/Win */
	}
	
#headerReplace {
	width: 786px;
	background-image: url(images/header_title.jpg);
	}
	
#mainTitle {
	display:block;
	padding: 25px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:25px /* IE5/Win */
	}
	
#title, #titleGigs, #titleHistory {
	width: 114px;
	background-image: url(images/hello.jpg);
	}
	
#titleElectric {
	width: 300px;
	background-image: url(images/elec_banner.jpg);
	}
	
#titleGigs {
	background-image: url(images/gigs_title.jpg);
	}
	
#titleHistory {
	background-image: url(images/history.jpg);
	}
	
#titlePressPosters, #titleQuotes, #titleReviews, #titleMusic, #titleShop, #titleNews, #titleInfoHistory, #titleInfoDisc, #titleContact, #titleMailing, #titleLinks, #titleGigHistory, #titleWorkshops, #titleNewsOld {
	width: 250px;
	background-image: url(images/poster_title.jpg);
	}
	
#titlePressPosters {
	width: 300px;
	}

#titleQuotes {
	background-image: url(images/quotes_title.jpg);
	}
	
#titleReviews {
	background-image: url(images/reviews_title.jpg);
	}
	
#titleMusic {
	background-image: url(images/music_title.jpg);
	}
	
#titleShop {
	background-image: url(images/shop_title.jpg);
	}
	
#titleNews {
	background-image: url(images/news_title.jpg);
	}
	
#titleInfoHistory {
	background-image: url(images/info_history_title.jpg);
	}
	
#titleInfoDisc {
	background-image: url(images/info_disc_title.jpg);
	}
	
#titleContact {
	background-image: url(images/contact_title.jpg);
	}
	
	#titleMailing {
	background-image: url(images/mailing_title.jpg);
	}
	
	#titleLinks {
	background-image: url(images/links_title.jpg);
	}
	
	#titleGigHistory {
	background-image: url(images/gig_history_title.jpg);
	}
	
	#titleWorkshops {
	background-image: url(images/workshops_title.jpg);
	}
	
	#titleNewsOld {
	background-image: url(images/newsold_title.jpg);
	}


	
.mainTitle1 {
	display:block;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:104px /* IE5/Win */
	}
	
.title1, .title2, .title3, .title4, .title5 {
	width: 115px;
	background-image: url(images/new_album.jpg);
	}
	
.title2 {
	width: 142px;
	background-image: url(images/upcoming_gigs.jpg);
	}
	
.title3 {
	background-image: url(images/booking_info.jpg);
	}
	
.title4 {
	background-image: url(images/up_to_date.jpg);
	}
	
.title5 {
	background-image: url(images/other_info.jpg);
	}
	
/* END IMAGE REPLACEMANT */

/* TYPE STYLES */

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding: 0;
	margin: 0;
	}
	
.title {
	font-weight: bold;
	font-size: 12px;
	color: #e6e5e0;
	}
	
h1 {
	padding: 0;
	margin: 0;
	font-size: 14px;
	}
	
.sideBox p, .sideBox2 p, .sideBox3 p {
	font-size: 11px;
	}
	
.bold {
	font-weight: bold;
	}
	
.smallBold {
	font-weight: bold;
	font-size: 11px;
	}
	
#header1 p, #flashHeader2 p {
	text-align: right;
	font-size: 10px;
	line-height: 10px;
	padding: 15px 20px 0 0;
	color: #fff;
	}
	
.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 11px;
	}
	
.quoteCredit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	}
	
.discography {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-style: normal;
	}
	
.padding {
	padding: 0 10px 0 0;
	}
	
 hr {
	 border: 0;
	 width: 100%;
	 color: #827e65;
	background-color: #827e65;
	height: 1px;
}

.capsTitles {
	font-weight: bold;
	font-size: 14px;
	color: #e7e7db;
	}
	
.newsText p {
	font-size: 11px;
	}
	
.date {
	font-weight: bold;
	font-size: 11px;
	color: #e6e6da;
	}
	
.italic {
	font-style: italic;
	}

	
/* END TYPE STYLES */

/* LINK STYLES */

:focus { 
	outline:none;
	}

a:link {
	font-weight: bold;
	text-decoration: none;
	color: #000;
	background: transparent;
	}

a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #000;
	background: transparent;
	}

a:hover, a.selected {
	font-weight: bold;
	text-decoration: none;
	color: #000;
	background: #e6e5e0;
	}

a:active {
	font-weight: bold;
	text-decoration: none;
	color: #000;
	background: transparent;
	}
	
.sideBox2 a {
	font-weight: normal;
	}
	
.sideBox2 a.aBold {
	font-weight: bold;
	}
	
#header1 a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #fff;
	background: transparent;
	}
	
#header1 a, #flashHeader2 a {
	color: #fff;
	}
	
/* END LINK STYLES */

.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

body {
	text-align: center;
	padding: 0 0 20px 0;
	margin: 0;
	background-color: #151515;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	}
	
#wrapper {
	background-image: url(images/contentBg.jpg);
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0;
	width: 786px;
	}
	
#header1 {
	width: 786px;
	background-image: url(images/header_top.jpg);
	height: 53px;
	}
	
#header2 {
	float: left;
	width: 786px;
	}
	
#header3 {
	float: left;
	width: 420px;
	height: 84px;
	background-image: url(images/header.jpg);
	}
	
#gap {
	float: left;
	width: 786px;
	height: 1px;
	background-color: #151515;
	}
	
#content {
	float: left;
	width: 786px;
	background-image: url(images/contentBg.jpg);
	}
	
#photoContent {
background-color:#827e65;
	float: left;
	padding: 20px;
	/* IE Win hack */
	width: 786px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 746px;
	}
	
#leftContent, #pressContent {
	float: left;
	background-color: #827e65;
	padding: 20px;
	/* IE Win hack */
	width: 515px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 475px;
	}
	
.workshopContent {
	float: left;
	background-color: #827e65;
	border-bottom: dashed 1px #9b9882;
	padding: 20px 0 20px 0;
	margin: 0 20px 0 20px;
	/* IE Win hack */
	width: 515px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 475px;
	}
	
	.contactContent {
	float: left;
	background-color: #827e65;
	border-bottom: dashed 1px #9b9882;
	padding: 0 10px 20px 10px;
	margin: 0;
	/* IE Win hack */
	width: 495px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 455px;
	}
	
#workshop {
	float: left;
	width: 515px;
	}
	
#musicContent {
	width: 475px;
	padding: 20px 0 0 0;
	}
	
.pressImg {
	float: left;
	border: 1px solid #333333;
	margin: 20px 30px 0 0;
	}
	
.pressImgLast {
	float: left;
	border: 1px solid #333333;
	margin: 20px 0 0 0;
	}
	
.pressImg img, .pressImgLast img {
	border: 0;
	}
	
#reviewContent {
	border-bottom: dashed 1px #9b9882;
	background-color: #827e65;
	padding: 20px 0 20px 0;
	width: 475px;
	}
	
#rightContent {
	float: left;
	padding: 20px;
	background-color: #908c74;
	/* IE Win hack */
	width: 271px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 231px;
	}
	
.newsContent {
	width: 475px;
	padding: 20px 0 20px 0;
	border-bottom: 1px dashed #9b9882;
	}
	
.newsImg {
	float: left;
	border: 1px solid #333333;
	/* IE Win hack */
	width: 110px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 108px;
	}
	
.newsText {
	float: left;
	padding: 0 0 0 20px;
	/* IE Win hack */
	width: 365px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 345px;
	}
	
#formContent {
	float: left;
	background-color: #827e65;
	padding: 0 20px 0 80px;
	/* IE Win hack */
	width: 515px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 415px;
	}
	
.sideBox, .sideBox2, .sideBox3 {
	width: 231px;
	background-color: #9b9882;
	background-image: url(images/tape.jpg);
	background-position: top;
	background-repeat: repeat-x;
	margin: 0 0 20px 0;
	padding: 20px;
	border: 1px solid #827e65;
	/* IE Win hack */
	width: 231px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 189px;
	}
	
.sideBox2 {
	background-image: url(images/amp.jpg);
	}
	
.sideBox3 {
background-image: none;
	}
	
.album {
	width:150px;
	float:left;
	margin:20px 0 0 0;
	}
	
.album img {
	border: 1px solid #333333;
	}
	
.albumText {
	float:left;
	padding: 20px 0 0 20px;
	/* IE Win hack */
	width: 323px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 303px;
	}
	
.tracklisting {
	width: 475px;
	height: 20px;
	border-bottom: 1px dashed #9b9882;
	}
	
.shopForm input{
	padding: 0;
	margin: 0;
	}
	
#flashHeader {
	float: left;
	width: 362px;
	height: 137px;
	}
	
#flashHeader2 {
	float: left;
	width: 424px;
	height: 137px;
	background-image: url(images/flash_right.jpg);
	}