/* COLORCURVES stylesheet template designed by Andrew Tay (www.andrewtay.com) for HostBaby.com August 2005 */


/* --- GLOBAL PAGE SETTINGS --------------------------------------------------------- */

	html, body, div	{margin: 0; padding: 0}		/* clears block margins/padding */
   img					{border: none;}				/* clears all image borders */
 
   body		{
				text-align: center;		/* page auto-centering */
   			}

   #container {
				position: relative;
				top: 19px;
				left: -15px;
   			width: 690px;
				z-index: 50;
				border: 1px solid #666;
   			margin: 0px auto;			/* page auto-centering */
   			text-align: left;	
   			}
   			/* this is the Tan hack */
                  * html #container { 		
                  width: 692px;		/* fake width for IE5/win only: +2px border */
                  w\idth: 690px; }

				/* this is the IE5/mac bandpass filter hack: 
					corrects the relative positioned inhertance bug
					(www.l-c-n.com/IE5tests/misc/#mi001) */
 							/*\*//*/
  							#container {overflow:auto;}
							/**/

         	/* (mostly) firefox defaults, for other browser's benefit */
         
      		p, blockquote 	{margin: 1em 0;}	
      		ul, ol 			{margin: 1em 0 1em 35px; padding: 0;} 
      		h2					{margin: .83em 0;}
				h3					{margin: 1em 0;}	
         
         	/* (mostly) firefox defaults, for other browser's benefit */

/* --- Standard Layout -------------------------------------------------------------- */

	/* backgrounds */
	
	#accessibility {
				position: absolute;
				z-index: 10;
				top: 0%; left: 0%;
				width: 100%;
				height: 355px;		
				font-size: 0px;
				text-indent: -9999px;
				background: url(/shared/colorcurves/colorcurves-ocean-top.gif) 50% 0 no-repeat;
				}

	body		{
				padding: 0 0 108px 0;
				background: #FAFCF7 url(/shared/colorcurves/colorcurves-ocean-bottom.gif) 50% 100% no-repeat;
				} 
				/* this is the IE5/mac bandpass filter hack: 
					corrects body background bug (www.l-c-n.com/IE5tests/misc/#bckimg) */
	 						/*\*//*/
	  						body {background: #FFFBF2 url(/shared/colorcurves/colorcurves-pop-bottom.gif) 50% 99.9% no-repeat;}
							/**/

   #container {
				color: black;
         	background: #FEFFFD url(/shared/colorcurves/colorcurves-ocean-container.gif) 0 0 no-repeat;
				}
	#footer 	{
				clear: both;
				height: 54px;
				padding: 0 30px 30px 30px;
				margin-top: 0;
				background: url(/shared/colorcurves/colorcurves-ocean-footer.gif) 0 100% no-repeat;
				}

	/* band name & images */
					
	#banner .band {
				position: absolute;	
				left: -9999px;			/* hide off-screen */
				}
				
	#banner .photo {
         	width: 208px;
         	height: 177px;
         	overflow: hidden;
         	font-size: 1px;
         	letter-spacing: -1px;
	background: url(/images/scaneddie.jpg) 50% 50% no-repeat;
         	position: absolute;
         	top: 98px;
         	right: -11px;
				}

	/* main content & navigation */
					
	#content { 
				width: 405px;
				padding: 55px 0px 0px 30px;
				margin-top: 10px;
				}
   			/* this is the Tan hack */
                  * html #content { 		
                  width: 435px;		/* fake width for IE5/win only: +30px padding */
                  w\idth: 405px; }
			
	#navigation {
				margin: 331px 50px 0 0;
				width: 107px;
				height: 335px;
         	float: right;
				display: inline; /* corrects IE doubled-margin float bug */
 				}				
		
	/* misc elements */
	
	#emailsignup {
         	position: absolute;
         	top: -10000px;
         	right: 10px;
				display: inline;
				}


/* --- Text Styles & Additional Margin Fixes ---------------------------------------- */

	body		{
  			 	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
				font-size: 13px;
				}
	
	h2 		{
				color: #737270;
				font-weight: bold;
				font-size: 115%;
				text-align: left; 
				}
	
	h3			{
				font-style: italic;
				font-size: 100%;
				}
				
  	p, .notes {
				line-height: 1.2;
				}

	#footer p {
				padding-top: 25px;
				}

	#navigation ul {
				margin: 0; 
				padding: 0;
				font-size: 15px;
				list-style: none;
 				}				

	#navigation li {line-height: 100%; margin-bottom: 6px;}

	#emailsignup {
				font-weight: bold;
				}
   #emailsignup input[type="text"] {
				margin-left: 3px;
         	width: 115px;
         	}

   	
/* --- Link Styling ----------------------------------------------------------------- */

	/* general links */	   
	a				{font-weight: bold; text-decoration: underline;}
   a:link 		{color: #5B8FBA;}	
	a:visited	{color: #5B8FBA;}
   a:hover 		{color: #F7C600;}	
   a:active		{color: white;}

	/* navigation links */
	#navigation li a 				{text-decoration: none;}
	#navigation li a:link 		{color: white;}
	#navigation li a:visited	{color: white;}
	#navigation li a:hover 		{color: #FCE99D;}
	#navigation li a:active		{color: white;}

	/* links page links */
	.links a:link h2				{text-decoration: none;}				
	.links a:visited h2			{text-decoration: none;}				
	.links a:hover h2				{color: #F7C600;}				
	.links a:active h2			{color: white;}				

	
	/* highlight current page */
	.home #navhome, .index #navindex, .music #navmusic, .contact #navcontact,   .press #navpress, .news #navnews, .photos #navphotos, .guestbook #navguestbook,  .links #navlinks, .calendar #navcalendar, .bio #navbio, .products #navproducts {
				color: #CFE5AE !important;
				}
				
	/* playfully stagger links */
	#navigation li {text-align: center;}
	
   #navhome			{margin-left: 11px; 	margin-right: 10px;}	/* squeezed */
   #navbio			{margin-left: 4px; 	margin-right: 4px;}	
   #navmusic		{margin-left: 2px; 	margin-right: 20px;}	/* squeezed */
   #navcontact		{margin-left: 10px;}								
   #navpress		{margin-left: 0px; margin-right: 20px;}	/* squeezed */
   #navnews			{margin-left: 2px; margin-right: 4px;}
   #navcalendar	{margin-left: 2px; margin-right: 4px;}
   #navphotos		{margin-left: 0px; margin-right: 6px;}
   #navproducts		{margin-left: 5px; margin-right: 1px;}	
   #navguestbook	{margin-left: 10px;}								
   #navlinks		{margin-left: 6px; margin-right: 12px;}	/* squeezed */
   
	#navindex		{margin-left: 5px;}
	
	
/* --- PAGE SPECIFIC STYLES --------------------------------------------------------- */

	/* photos */
	.photos dt	{
   			color: #737270;
   			font-weight: bold;
   			font-size: 115%;
				margin: 1.7em 0 .8em 0; 
				}	
	.photos dd	{
				margin: 0; 
				padding: 0;
				}

	/* music */
	.music .artist, .music .details {margin: 0; padding: 0;}
	
	/* contact */
	.contact .name			{font-weight: bold;}
	.contact .entry ul 	{list-style: none;}
	.contact .entry li	{padding-bottom: .15em;}				
				
	/* press */
	.press .caption		{font-weight: bold; color: #8f8f8f;}
	
	/* store */
	.products hr {display: none;}

	/* calendar */
	.calendar h3, .calendar .details, .calendar .entry p {margin-left: 35px;}
	.calendar h3, .calendar h4, .calendar address {
   			margin-top: 0; 
   			margin-bottom: 0.1em;
   			font-style: normal;
				font-size: 100%;
   			}
	.calendar h4		{font-weight: normal;}
	
	/* store */
	.products table	{font-size: 100%;}
	
	/* guestbook */
   #postForm 	{
           	text-align: left;
           	width: 340px;
				margin: 18px 0 25px 20px;
            }
   #postForm input, #postForm textarea {
         	display: block;
         	width: 100%;
         	margin-bottom: 10px;
     	    	}
   #postForm textarea {
   			height: 100px;
   			}
   #postForm input[type="submit"] {
   			width: 200px;
   			margin: 0 auto;
				}

	#guestbook .entry	{
				padding: 2px 10px;
				margin-bottom: 10px;
				}				
	#guestbook .entry h2	{
      		font-size: 100%;
      		color: #81807E;
      		padding-bottom: 4px;
      		margin-bottom: 0;
      		border-bottom: 1px solid #B9B8B7;
      		}
	#guestbook .entry h3	{
      		font-size: 85%;
      		color: #81807E;
      		text-align: right;
      		margin: 0; padding: 0;
      		}

	/* links */
	.links h3	{font-style: normal;}	
	.links dl, .links h2 {margin-left: 10px;}

					
/* --- Modified Rundle Image Replacement (phark.typepad.com/phark/2003/08/) --------- */

	h1			{
            width: 400px; height: 70px;
				margin: 0; padding: 0;
				}
	h1 span 	{
            display: block;
				text-indent: -9999px;		/* hide off-screen */
            }
			
	.home h1		{background: url(/shared/colorcurves/ocean-welcome.gif) top left no-repeat;}
	.index h1	{background: url(/shared/colorcurves/ocean-index.gif) top left no-repeat;}
	.music h1 	{background: url(/shared/colorcurves/ocean-music.gif) top left no-repeat;}
	.contact h1 {background: url(/shared/colorcurves/ocean-contact.gif) top left no-repeat;}
	.press h1  	{background: url(/shared/colorcurves/ocean-press.gif) top left no-repeat;}
	.news h1 	{background: url(/shared/colorcurves/ocean-news.gif) top left no-repeat;}
	.photos h1	{background: url(/shared/colorcurves/ocean-photos.gif) top left no-repeat;}
	.guestbook h1 {background: url(/shared/colorcurves/ocean-guestbook.gif) top left no-repeat;}
	.links h1 	{background: url(/shared/colorcurves/ocean-links.gif) top left no-repeat;}
	.calendar h1 {background: url(/shared/colorcurves/ocean-calendar.gif) top left no-repeat;}
	.bio h1 		{background: url(/shared/colorcurves/ocean-bio.gif) top left no-repeat;} 
	.products h1 	{background: url(/shared/colorcurves/ocean-store.gif) top left no-repeat;}