/* The Project Band Stylesheet, by Dane Petersen & Kota Kows, http://www.kotakows.com/ */
/* All associated graphics copyright 2007-2008, Absolute Entertainment */
/* Created: December 19, 2007 */
/* Updated: April 23, 2008 */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */



* {
	margin: 0;
	padding: 0;
}

body {
	background: #CCC repeat left top;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
	line-height: 16px;
	color: #333;
}

img {
	border: 0;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	}
	
h2 {
	font-size: 16px;
	color:#ff9bd3;
}

h3 {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:lighter;
	padding: 5px 0 14px 5px;
}

h4, h5 {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:lighter;
	padding: 80px 0 14px 14px;
}

a {
	color: #666;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

br.clear {
	clear: both;
}

#maincontainer {
	width: 800px;
	height: 600px;
	margin-top: 50px;
	margin-right:auto;
	margin-left:auto;
	background-color: transparent;
	
}

#wrapper, body#schedule #wrapper {
	background: transparent url(/i/backgrounds/homebackground.gif) no-repeat center top;
	float: left;
	width:800px;
	height: 650px;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
}

body#music #wrapper, body#pictures #wrapper {
	background: transparent url(/i/backgrounds/projectbackground.gif) no-repeat center top;
	float: left;
	width:800px;
	height: 650px;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
}

#logoheader {
	width: 253px;
	height: 92px;
	position: absolute;
	top: 0px;
	background-image: url(/i/projectheader.gif);
	left: 8.5em;
	z-index: 100;
 	visibility: hidden;
}

#logoheader h1 {
	text-indent: -9999px;
	}
	

/* Primary Navigation */

div#globalnav	{
	height: 92px;
	width: 800px;
	margin: 0;
	padding: 0;
	}

div#globalnav ul#menu	{
	height: 92px;
	width: 800px;
	background: transparent url(/i/nav2.gif) no-repeat right top;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#globalnav ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 43px;
	}
	
ul#menu li, ul#menu a {
	height: 27px;
	display: block;
	}
	
div#globalnav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#homemenu	{left: 252px; width: 30px;}
#musicmenu	{left: 308px; width: 32px;}
#picturesmenu {left: 360px; width: 47px;}
#reviewsmenu {left: 426px; width: 45px;}
#schedulemenu {left: 489px; width: 47px;}
#contactmenu	{left: 552px; width: 58px;}

#homemenu a:hover {background: transparent url(/i/nav2.gif) no-repeat -252px -135px;}
#musicmenu a:hover {background: transparent url(/i/nav2.gif) no-repeat -308px -135px;}
#picturesmenu a:hover {background: transparent url(/i/nav2.gif) no-repeat -360px -135px;}
#reviewsmenu a:hover {background: transparent url(/i/nav2.gif) no-repeat -426px -135px;}
#schedulemenu a:hover {background: transparent url(/i/nav2.gif) no-repeat -489px -135px;}
#contactmenu a:hover {background: transparent url(/i/nav2.gif) no-repeat -552px -135px;}
	
	/* you are here - nav */
	
body#home #homemenu {background: transparent url(/i/nav2.gif) -252px -135px no-repeat;}
body#music #musicmenu {background: transparent url(/i/nav2.gif) -308px -135px no-repeat;}
body#pictures #picturesmenu {background: transparent url(/i/nav2.gif) -360px -135px no-repeat;}
body#reviews #reviewsmenu {background: transparent url(/i/nav2.gif) -426px -135px no-repeat;}
body#schedule #schedulemenu {background: transparent url(/i/nav2.gif) -489px -135px no-repeat;}
body#contact #contactmenu {background: transparent url(/i/nav2.gif) -552px -135px no-repeat;}


/* Music Page Links */

#musicnav	{
	height: 55px;
	width: 172px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent top left no-repeat;
	}

#musicnav ul{
	height: 55px;
	width: 172px;
	background: url(/i/music_links.png);
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	}

#musicnav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 172px;
	}
	
#musicnav a {
	height: 24px;
	width: 172px;
	display: block;
	}
	
#musicnav ul li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
#musicnav ul li#listenmenu	{top: 0px; height: 24px;}
#musicnav ul li#downloadmenu	{top: 27px; height: 24px;}

#listenmenu a:hover {background: transparent url(/i/music_links.png) no-repeat 0px -56px;}
#downloadmenu a:hover {background: transparent url(/i/music_links.png) no-repeat 0px -83px;}



/* Left Container */

#leftcontainer {
	float: left;
	width: 180px;
	padding: 10px 20px 0 0;
}

body#music #leftcontainer {
	float: left;
	width: 270px;
	padding: 0px 10px 0 0;
}

body#pictures #leftcontainer {
	float: left;
	width: 750px;
	height: 410px;
	padding: 0px 10px 0 0;
}

#leftcontainer h1 {
	padding: 0 0 12px;
}

#leftcontainer h2 {
	padding: 12px 0 12px 0;
	color:#E29600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: lighter;
}

#leftcontainer img {
	padding: 0 0 0px 0;
}


/* Left Sub Area */

#email {
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;	
	margin: 0;
	padding: 0;
}

#news {
	overflow: auto;
	width: 217px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px 0px 5px 2px;
	padding: 0 5px 0 0;
	position: absolute;
	height: 400px;
	}

#tunes {
	width: 270px;
	font-size: 10px;	
	margin: 0;
	padding: 0;
}

#photos {
	width: 728px;
	font-size: 12px;	
	margin: 0;
	padding: 0;
}

#calendar {
	width: 240px;
	font-size: 10px;	
	margin: 0;
	padding: 0;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#news h1 {
    background: transparent url(/i/News_homehed.gif) no-repeat left top;
	width: 200px;
	height: 60px;
	padding: 0px;
	margin: 0 0 20px 0;
	text-indent: -9999px;
}

#tunes h1 {
    background: transparent url(/i/Music_musiched.gif) no-repeat left top;
	width: 206px;
	height: 55px;
	padding: 0px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
}
#photos h1 {
    background: transparent url(/i/Pictures_pictureshed.gif) no-repeat left top;
	width: 206px;
	height: 55px;
	padding: 0px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
}

#gallery h1 {
    background: transparent url(/i/Pictures_pictureshed.gif) no-repeat left top;
	width: 206px;
	height: 65px;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}

#calendar h1 {
    background: transparent url(/i/Schedule_calendarhed.gif) no-repeat left top;
	width: 206px;
	height: 55px;
	padding: 0px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
}

#email h1 {
    background: transparent url(/i/emaillisthed.gif) no-repeat left top;
	width: 200px;
	height: 55px;
	padding: 0px;
	margin: 0 0 20px;
	text-indent: -9999px;
}

#news h2, #tunes h2, #photos h2, #calendar h2, #email h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000;
	margin-left:12px;
	line-height: 0;
}

#news p {
	font-family: "HelveticaNeueLT Std Cn", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	line-height: 14px;
	padding: 0;
	margin-left:10px;
	margin-bottom: 5px;
}

/*#news p {
	font-family: "HelveticaNeueLT Std Cn", Arial, Helvetica, Geneva, sans-serif;
	text-align: justify;
	line-height: 14px;
	padding: 0;
	margin-bottom: 5px;
	margin-left: 5px;
}*/

#tunes p, #photos p, #email p {
	font-family: "HelveticaNeueLT Std Cn", Arial, Helvetica, Geneva, sans-serif;
	text-align: justify;
	line-height: 14px;
	padding: 0;
	margin-left:12px;
	margin-bottom: 10px;
}

#calendar p {
	overflow: auto;
	font-family: "HelveticaNeueLT Std Cn", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	line-height: 24px;
	padding-right: 5px;
	position: absolute;
	width: 210px;
	margin-top: 0px;
	margin-left: 12px;
	height: 300px;
	color: #000000;
}
#tunes p.listen {
	height: 28px;
	padding: 0px;
	margin: 0px;
}
#tunes p.download {
	height: 25px;
	padding: 0px;
	margin: 0px;
}

#tunes p.download a:hover {
	cursor:hand;
}

#news a {
	text-decoration:none;
	font-weight:normal;
}

#email a {
	text-decoration:none;
	font-weight:normal;
	font-size: 12px;
}

#news a:hover, #email a:hover {
	color:#C60;
}


/* Middle Area */

#contentcontainer, body#schedule #contentcontainer, body#contact #contentcontainer  {
	float: left;
	width: 560px;
	padding: 10px 0 0px 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 560px;
	height: 400px;
	margin: 0 0 0 36px;
}

body#reviews #contentcontainer {
	float: left;
	width: 560px;
	padding: 10px 0 0px 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 560px;
	height: 430px;
	margin: 0 0 -30px 36px;
}
body#music #contentcontainer {
	float: right;
	width: 480px;
	padding: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 480px;
	height: 300px;
	margin: 0 0 -30px 36px;
}

body#reviews #contentcontainer p {
	overflow: auto;
	font-family: "HelveticaNeueLT Std Cn", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	text-align: left;
	position: absolute;
	margin-top: 0px;
	width: 270px;
	height: 308px;
	color: #333333;
	padding-right: 5px;
}

body#reviews #contentcontainer h1 {
    background: transparent url(/i/reviewshed.gif) no-repeat left top;
	width: 200px;
	height: 60px;
	padding: 0px;
	margin: 24px 0 0px;
	text-indent: -9999px;
}

body#contact #contentcontainer h1 {
    background: transparent url(/i/contacthed.gif) no-repeat left top;
	width: 200px;
	height: 40px;
	padding: 0px;
	margin: 0px 0 0px;
	text-indent: -9999px;
}

body#pictures #contentcontainer h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	margin: 0 48px 0 0;
	padding: 0 0 3px;
	text-align: right;
}

/* Image Styles */

.thumbnail {
	float: left;
	width: 174px;
	padding: 4px 26px 16px 0;	
}

.reviewimg {
	float: right;
	width: 243px;
	border: 5px solid #000000;
	margin: 0px 10px 0px 40px;
	}
	
.reviewflash {
	float: right;
	width: 253px;
	border: 2px solid #000000;
	margin: -50px 10px 90px 40px;
	padding: 0px;
	}	
	
.photosimg {
	float: left;
	width: 420px;
	margin: 40px 0px 0px;
}

.scheduleflash{
	float: left;
	width: 524px;
	border: 2px solid #000000;
	margin: 0px;
}


/* Home Page--Bottom Columns */

#duo {
  float:left;
  width:550px;
  margin: 5px 0 40px;
  }
  
#duo .part1 {
  background:none;
  float:left;
  width:298px;
  margin:0;
  padding:0;
}

#duo .part2 {
  background:#fff;
  float:left;
  width:247px;
  margin:0;
  padding: 0;
  height: 250px;
}  
  
.part1 p {
  font-family: "HelveticaNeueLT Std Cn", Arial, Helvetica, Geneva, sans-serif;
  text-align: left;
  line-height: 14px;
  padding: 0;
  margin: 0 0 12px 12px;
  }
  
.part2 p {
	font-family: "HelveticaNeueLT Std Cn", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	line-height: 28px;
	padding: 0 0 14px;
	margin: 0 0 22px 12px;
	font-size: 10px;
  }
  
.part1 h2 {
  background: transparent url(/i/Bio_homehed.gif) no-repeat left top;
  width: 298px;
  height: 37px;
  text-indent: -9999px;
  margin-bottom: 10px;
  }
  
.part2 h2 {
  background: transparent url(/i/Shows_homehed.gif) no-repeat left top;
  width: 247px;
  height: 37px;
  text-indent: -9999px;
  margin-bottom: 10px;
  }  
  
.part1 h3, .part2 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	margin:0 0 0 12px;
	padding: 0;
}


/* Music Page--Center Columns */

.boxtop40, .boxdisco, .boxmotown, .boxrock, .boxjazz, .boxcountry {
	background: transparent url(/i/backgrounds/Music_back.jpg) no-repeat left top;
	padding: 5px;
	}
	
.boxtop40 {
	position: relative;
	float:left;
	width:219px;
	height:134px;
	margin:0px;
	/*top: 150px;
	left: 430px;*/
	}
	
.boxdisco {
	position: relative;
	float:left;
	width:219px;
	height:134px;
	margin:0px;
	/*top: 150px;
	left: 663px;*/
	}	
	
.boxmotown {
	position: relative;
	float:left;
	width:219px;
	height:134px;
	margin:0px;
	/*top: 295px;
	left: 430px;*/
	}
	
.boxrock {
	position: relative;
	float:left;
	width:219px;
	height:134px;
	margin:0px;
	/*top: 295px;
	left: 663px;*/
	}				

.boxjazz {
	position: relative;
	float:left;
	width:219px;
	height:134px;
	margin:0px;
	/*top: 440px;
	left: 430px;*/
	}
	
.boxcountry {
	position: relative;
	float:left;
	width:219px;
	height:134px;
	margin:0px;
	/*top: 440px;
	left: 663px;*/
	}													
	
.boxflash {
	float:left;
	width:222px;
	height:136px;
	margin:0px;
	padding: 5px;
	}
	
.boxtop40 p, .boxdisco p, .boxmotown p, .boxrock p, .boxjazz p, .boxcountry p {
	overflow: auto;
	position: absolute;
	margin:0px;
	width:200px;
	height: 80px;
	top: 35px;
	left: 6px;
	font-family: "HelveticaNeueLT Std Thin Cn", Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	}

* html .boxtop40 p, .boxdisco p, .boxmotown p, .boxrock p, .boxjazz p, .boxcountry p {
	margin:0px 0 15px 5px;
	}

.boxtop40 h3, .boxdisco h3, .boxmotown h3, .boxrock h3, .boxjazz h3, .boxcountry h3 {
	margin: 0px;
	font-family: "HelveticaNeueLT Std Thin Cn", Arial, Geneva, Helvetica, sans-serif;
	color: #fff;
	padding-top: 10px;
	padding-left: 5px;
	}

	
	
/* Photo Page Layout */

#gallery {
	width:728px;
	height:380px;
	padding:10px;
	background: transparent;
	position:relative;
}
#gallery1 {
	width:728px;
	height:380px;
	padding: 10px 30px;
	background: transparent;
	position:relative;
}
#gallery b.default {position:absolute; left:10px; top:85px; width:548px; height:380px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:2px solid; border-color:#555 #555 #333 #333;}
#gallery b.default span {display:block; color:#fff; font-family:arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:transparent;}
#gallery ul li a:hover b {position:absolute; left:-548px; top:10px; width:548px; height:380px; text-align:center; background:transparent; z-index:20;}
#gallery ul li a:hover span {display:block; color:#000; font-family:arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:2px solid; border-color:#555 #555 #333 #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #555 #333 #333; background:transparent;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-548px; top:10px; width:548px; height:380px; text-align:center; background:transparent; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:none; color:#000; font-family:arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:2px solid; border-color:#555 #555 #333 #333;}


/* Contact Form */

form#two {background:#FF9900; width:470px; padding:10px; border:1px solid #CC9900; margin:0 auto; font-size: 10px;}
form#two fieldset {width:450px; display:block; border:1px solid #fff; padding:5px; font-family:Arial, Helvetica, sans-serif; margin-bottom:0.5em; line-height:1.5em; color: #000;}
* html form#two fieldset#personal {background-position:400px 20px; font-size: 10px;}
* html form#two fieldset#current {background-position:390px 20px;}
form#two fieldset#opt {background:#FF9900; text-align:center;}
form#two legend {font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; margin-bottom:5px; text-align:center;}
form#two label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#000; margin-bottom:0.5em;}
form#two input {border:1px solid #fff; background:#fff repeat-x top left; padding-left:0.5em; margin-bottom:0.6em;}
form#two select {margin-left:0.5em;}
form#two textarea {width:350px; height:5em; border:1px solid #fff; padding:0.5em; overflow:auto; margin-left:60px;background-color:#fff;}
form#two option {background:#CCC; color:#000;}
form#two optgroup {background:#abb; color:#000; font-family:Arial, Helvetica, sans-serif;}
form#two optgroup option {background:#CCC; color:#000;}
form#two #button1, form#two #button2 {color:#000; padding-right:0.5em; cursor:pointer; width:150px; margin-left:55px;}
form#two #button1:hover, form#two #button2:hover {background-position:center left; color:#c00;}


/* Footer */

#footer {
	clear: both;
	margin: 30px 0 80px 0;
	padding: 40px 0 0 0;
	width:800px;
	font-size:9px;
	color:#000;
	background: transparent url(/i/footer.gif) no-repeat left bottom;
}

body#music #footer {
	clear: both;
	margin: -21px 0 80px;
	padding: 30px 0 0;
	width:800px;
	font-size:9px;
	color:#000;
	background: transparent url(/i/footer.gif) no-repeat left bottom;
}

#footer p {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	text-align: right;
	margin: 0 22px 0 0;
	padding: 0 0 3px;
}

#footer a {
   text-decoration:none;
}

#footer a:hover {
  text-decoration:underline;
  color:#3399FF;
}