/* 
	Designed by Stacy Bias (www.hostbaby.com)
	
	Bugfixed by Andrew Tay (www.andrewtay.com) for HostBaby.com April-July 2007 
   All styles that have been changed are indented
	
	- eliminated a bug in which IE5 thought the blockquotes on the .press page should only be 66px wide, due to
	  a couple unnecessary and invalid (unitless) height and width declarations that other browsers ignore
	- reinstated page centering for IE5 using text-align: center; on body
	- user style images had been left out of the previous version. now they are restored by adding the lines:
				background: transparent url($logo) no-repeat; 				
	  			background: transparent url($bandphoto) no-repeat; 

*/

/* main style sheet */
         body {
           margin: 0px;
           padding: 0px;
           color: #666666;
	    	  text-align: center; 	/* NEW!! this was commented out before but it fixes centering in IE5 */
           font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
           background: #000000 url(/shared/crowdsurf/lineback_blackred.gif) no-repeat 50% 0%;
         }

html>body {
  background: #000000 url(/shared/crowdsurf/lineback_blackred.gif) no-repeat 50% 0%;
}

/* accessibility */
div#accessibility {
  position: absolute;
  font-size: 1px;
  left: -1000px;
  top: -1000px;
}
  
a {
  text-decoration: underline;
  font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
  padding: 0px 0px 0px 10px;
}

a:link {
  color: #000000;
}

a:visited {
  color: #000000;
}

a:hover {
  color: #FFFFFF;
  background: #000000;
}

a:active {
  color: #000000;
}

/* container */
div#container {
  background: transparent url(/shared/crowdsurf/crowdsurfback3_black.gif) no-repeat 50% 0%;
  color: #666666;
  width: 800px;
  margin: 0px auto;
  text-align: left;
  padding: 0px 0px 0px 0px;
  position:relative;
}

/* navigation */
div#navigation {
  position: relative;
  background:url(/shared/crowdsurf/rocker_grey3.gif) no-repeat 0px 0px;
  left: 540px;
  top: 390px;
  width: 260px;
  height: 430px;
  z-index: 2;
}

div#navigation ul {
  position: absolute;
  left: 120px;
  top: 10px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#navigation li {
  list-style: none;
  padding-right: 10px;
  margin: 0px;
}

div#navigation li a {
  text-decoration: none;
  font: 18px impact;
  padding: 0px 0px 0px 15px;
}

div#navigation li a:link {
  color: #000000;
}

div#navigation li a:visited {
  color: #000000;
}

div#navigation li a:hover {
  color: #FFFFFF;
  background: #000000;
}

div#navigation li a:active {
  color: #000000;
}

/* emailsignup */
div#emailsignup {
  position: absolute;
  background: transparent url(/shared/crowdsurf/emailback_black.gif) no-repeat 100% 130%;
  top: 0px;
  right: 0px;
  padding: 347px 0px 0px 25px;
  font: bold 8pt "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
  color: #777;
  width: 298px;
  text-align: center;
  z-index: 2;
}

div#emailsignup input {
  margin: 0px 0px 0px 7px;
  border: 1px solid #888;
  font: bold 8pt "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
  color: #555;
  padding: 2px 3px;
}

div#emailsignup input[type="text"] {
}

div#emailsignup input[type="submit"] {
}

/* banner */
div#banner div.band span {
  display: none;
}

div#banner div.band { 
  width: 437px;
  height: 134px;
  /* 437 x 144 transparent gif for band logo */
background: transparent url(/images/huge-03-437x144.jpg) no-repeat;
  position: absolute;
  top: 200px;
  left: 30px;
  border-bottom: 0px;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-thickness: 0px;
  font: 0px sans-serif;
  color: #ffffff;
}

div#banner div.photo span {
  display: none;
}

div#banner div.photo {
  width: 298px;
  height: 355px;
  /* 298 x 355 style graphic */
background: transparent url(/images/handonhair-298x355-01.jpg) no-repeat;
  position: absolute;
  top: 0px;
  left: 502px;
  border-bottom: 0px;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-thickness: 0px;
  font: 0px sans-serif;
}

/* content */
div#content h1 span {
  visibility:hidden;
  display: none;
}

div#content {
  position: relative;
  top: -50px;
  width: 500px;
  margin: 0px 0px 0px 40px;
  padding-top: 0px;
  font: normal 10pt "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
  color: #666666;
  min-height: 390px;
  _height: 390px;
}

#content h1 {
  overflow:hidden;
  display: none;
  position:absolute;
  top:373px;
  left:535px;
  width:135px;
  height:427px;
  padding-top:50px;
  font-size: 0px;
  color: #666666;
}
  
div#content li a {
  text-decoration: none;
  font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
  padding: 0px 0px 0px 10px;
}

div#content li a:link {
  color: #000000;
}

div#content li a:visited {
  color: #000000;
}

div#content li a:hover {
  color: #FFFFFF;
  background: #000000;
}

div#content li a:active {
  color: #000000;
}

div.entry {
  margin: 20px 0;
  text-align: justify;
}
  
div.entry h2, div.entry h3 {
  padding: 0px 0 0 0;
  font: 24px impact,sans-serif;
  text-align: left;
  width: 500px;
  height: 35px;
  color: #000000;
}

div#content h2 {
  font-size: 24px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

div#content h3 {
  font-size: 24px;
  color: #000000;
  background:url(/shared/crowdsurf/musicbar_blackred.gif) no-repeat;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

div#content h4 {
  font-size: 12px;
}

body.contact div#content ul {
  padding: 0px;
  margin: 10px 0px;
}

body.contact div#content li {
  display: block;
  padding: 0px 0px 0px 24px;
  margin: 0px;
}

form {
  margin:0px;
}

/* photos */
body.photos dt {
  margin: 0px 0px 0px 0px;
  padding: 15px 0px 0px 20px;
  text-align: center;
  font: bold 10pt "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
}

body.photos dd {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  text-align: center;
  padding: 5px 0px 10px 0px;
}

body.photos img {
  border: 1px solid #898;
}

/* footer */
div#footer {
  background: transparent url(/shared/crowdsurf/footer_blackred.gif) no-repeat;
  padding: 0px 0px 0px 0px;
  width: 800px;
  height: 24px;
  font: bold 8pt "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
  color: #FFFFFF;
  text-align: center;
  position: relative;
  left: 0px;
  top: 0px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: auto;
}

/* music */
body.music div.details {
  padding-bottom:10px;
}

body.music div.artist {
  font-size:.85em;
  line-height:normal;
  display:block;
}

/* press */

			/* NEW!! This eliminates a bug in which IE5 thought the blockquotes dhould only be 66px wide. */
			
         body.press div.entry blockquote {
           margin:0px;
           padding: 30px;
         /* height: 66; 		NEW!! No units, so these were always ignored by browsers except for IE5 */
         /* width: 66; 			NEW!! No units, so these were always ignored by browsers except for IE5 */
         }

body.press div.entry .caption {
  margin:10px;
  font-weight:bold;
}

div#calendar div.entry h3 {
  background: none;
  padding: 0px;
  margin: 0px;
}

  div#calendar div.entry h2 {
  padding: 10px;
  margin: 0px;
}
  
  div#calendar div.entry h4 {
  background: none;
  padding: 0px;
  margin: 0px;
}
  
/* products */
body.products hr {
  display:none;
}

.products h2 {
  margin-left: 10px;
}
  
div#postForm {
  border: 1px solid #000;
  min-height: 296px;
  align: center;
}

div#postForm label {
  margin: 5px;
  font: bold 10pt "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
  padding: 6px 9px;
  width: 312px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 312px;
}

html>body div#postForm label {
  width: 294px;
}

div#postForm input {
  width: 308px;
  height: 22px;
  margin: 5px;
}

div#postForm textarea {
  width: 308px;
  height: 95px;
  margin: 5px;
}

/* guestbook */
body.guestbook div#postForm {
  border:solid 1px #000;
  width: 320px;
  padding:0px;
  margin: 0 0 0 110px;
  text-align:center;
}

body.guestbook div#postForm input, body.guestbook div#postForm textarea {
  margin-top:5px;
  width:265px;
}

div#guestbook div.entry h3 {
  background: none;
  display: inline;
  padding: 0px;
  margin: 0px;
}

/* -- selected links --*/
.home #navhome, .index #navindex, .music #navmusic, .contact #navcontact,   .press #navpress, .news #navnews, .photos #navphotos, .guestbook #navguestbook,  .links #navlinks, .calendar #navcalendar, .bio #navbio, .products #navproducts {
  text-transform: uppercase;
  color: #FFFFFF;
  background: #CC6666;
}

#splashimage { text-align: center; margin: 100px auto; }
#splashimage a img { border: 0; }