/* 
	Designed by designer: Nigel Goodfellow www.thatluckydog.com - Ottawa Ontario Canada
	
	Bugfixed by Andrew Tay (www.andrewtay.com) for HostBaby.com June 2007 
   All styles that have been changed are indented
	
	- improved #emailsignup; it now displays consistently across different browsers and no longer overlaps the
	  #banner photos as it did in FF before
	- minor tweaks for home page images, calendar .details
	
*/


body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #C3BDAB url(/shared/squeeze/bodybg.gif) repeat-y center;
	}

#accessibility {
	position: absolute;
	left: -9999px;
	}
	
#container {
	text-align: left;
	margin: 0px auto;
	width: 400px;
	border-top: 5px solid #413129;
	padding-top: 1px;
	background: #fff url(/shared/squeeze/navbg.jpg) no-repeat top;
	}

#navigation {
	height: 60px;
	}
	
#navigation ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
	
#navigation li {
	margin: 0;
	padding: 0;
	float: left;
	height: 20px;
	width: 100px;
	}

#navigation li a {
	display: block;
	font: 0.7em/20px Georgia, Arial, sans-serif;
	color: #999;
	text-decoration: none;
	padding: 0 4px 0 4px;
	background: transparent url(/shared/squeeze/navabg.gif) no-repeat;
	background-position: 0 0px;
	}

#navigation li a:hover {
	color: #fff;
	background-position: 0 -20px;
	}

#navigation a.here {
	background: #fff url(/shared/squeeze/atest.gif);
	color: #666;
	}
	
         #emailsignup {
         	clear: both;
         	font: 0.7em Arial, sans-serif;
         	padding: 4px;
         	text-align: right;
				height: 26px;					/* NEW!! improves consistency across browsers */
				line-height: 26px;			/* NEW!! improves consistency across browsers (and centers vertically) */
         /*	margin-bottom: -17px;			
           	voice-family: "\"}\""; 			NEW!! These negative margins pulled the #banner up, partly
           	voice-family:inherit;					overlapping the #emailsignup. Must've been an attempt to 
           	margin-bottom: -16px; 					eliminate the gap that appeared in IE before (but no longer) */	
         	}
			
			#emailsignup form	{
				margin: 0;						/* NEW!! eliminates a gap that appeared below in IE6 */
				}

#emailsignup input {
	border: 1px solid #ccc;
	padding: 1px;
	font: 0.9em Verdana, sans-serif;
	margin-left: 10px;
	}
	
#banner {
	height: 90px;
	}
	
.photo {
	float: left;
	width: 199px;
	height: 90px;
background: #fff url(/images/greatgallery6a-200x90.jpg);
	}
	
.band {
	float: right;
	width: 200px;
	height: 90px;
	}
	
.photo span, .band span {
	display: none;
	}
	
	
#content {
	clear: both;
	width: 400px;
	}
	
#content h1 {
	border-top: 1px solid #fff;
	padding: 0;
	margin: 0 0 10px 0;
	height: 41px;
background: #fff url(/images/greatgallery6a-200x90.jpg);
 	voice-family: "\"}\""; 
 	voice-family:inherit;
	40px;
	}
	
#content h1 span {
	display: none;
	}

#content h2 {
	font: 0.9em Tahoma, sans-serif;
	color: #773C1C;
	padding: 0 5px 0 20px;
	margin: 0 0 10px 0;
	background: transparent url(/shared/squeeze/h2bg.gif) no-repeat left center;
	}
	
#content h2 a {
	color: #773C1C;
	}

#content h3, .name {
	font: 1em Arial, Tahoma, sans-serif;
	color: #545967;
	padding: 0 5px 0 20px;
	margin: 0;
	}	

#content p {
	font: 0.7em Verdana, sans-serif;
	color: #777;
	padding: 0 5px 0 20px;
	margin: 0 0 10px 0;
	background: transparent url(/shared/squeeze/pbg.gif) no-repeat left center;
	}
	
#content .notes {
	font: 0.7em Verdana, sans-serif;
	color: #777;
	padding: 0 5px 0 20px;
	margin: 0 0 10px 0;
	}

#content a {
	color: #555;
	text-decoration: none;
	border-bottom: 1px solid #555;
	}
	
#content a img {
	border: 1px solid #777;
	padding: 1px;
	}
	
.entry {
	padding: 5px 0 5px 0;
	/* border-top: 5px solid #eee; */
	margin: 0;
	}
	
         .details {
         	padding: 5px 0 15px 20px;					/* NEW!! padding-left was 0, but this is better */
         	/* border-bottom: 5px solid #eee; */
         	/*	margin-bottom: 13px; 						NEW!! I think it looks better without this gap */
         	}

         .details .price {padding-left: 15px;}		/* NEW!! another small aesthetic improvement */
	
.artist {
	font: 0.7em Verdana, sans-serif;
	color: #777;
	padding: 0 5px 0 20px;
	margin: 0 0 10px 0;
	}	
	
#content ul {
	margin: 0 0 0px 20px;
	padding: 0;
	list-style-type: none;
	}
	
#content li {
	margin: 0;
	padding: 2px 0 2px 15px;
	background: transparent url(/shared/squeeze/pbg.gif) no-repeat left center;
	font: 0.7em Tahoma, sans-serif;
	color: #888;
	}
	
#content li a {
	text-decoration: none;
	border-bottom: 1px solid #555;
	}
	
#content li a:hover {
	}

#content blockquote {
	font: 0.8em Georgia, serif;
	color: #777;
	padding: 0 5px 0 20px;
	margin: 5px 0 10px 0;
	background: transparent url(/shared/squeeze/blockquotebg.gif) no-repeat left top;
	}
	
#content .caption {
	font: 0.7em Verdana, sans-serif;
	padding: 0 5px 0 20px;
	margin: 0 0 10px 0;
	}
	
#content .details {
	color: #888;
	}	
	
address {
	margin: 0;
	padding: 0 0 0 15px;
	background: transparent url(/shared/squeeze/pbg.gif) no-repeat left center;
	color: #888;
	}
		
#content h4 {
	margin: 0;
	padding: 0 0 0 15px;
	background: transparent url(/shared/squeeze/pbg.gif) no-repeat left center;
	color: #888;
	}
	
dl {
	text-align: center;
	}
	
dt {
	margin: 0 0 5px 0;
	padding: 9px 5px 14px 5px;
	font: 0.7em Tahoma, sans-serif;
	color: #888;
	background: transparent url(/shared/squeeze/photobg.gif) no-repeat bottom center;
	}
	
dd {
	margin: 0;
	padding: 0;
	}
	
table .entry {
	border-top: 10px solid #eee;
	}
	
th {
	font: 0.7em Arial, Tahoma, sans-serif;
	color: #888;
	text-align: left;
	}	
	
td {
	color: #888;
	}
	
#postForm {
	padding: 10px 10px 10px 10px;
	margin: 0 0 5px 0;
	border-bottom: 4px solid #eee;
	}
	
#postForm label {
	display: block;
	font: 0.6em Arial, sans-serif;
	text-transform: uppercase;
	color: #888;
	}
	
#postForm tinput {
	display: block;
	}
	
#footer {
	margin-top: 10px;
	background: #eee url(/shared/squeeze/footerbg.gif);
	}
	
#footer p {
	font: 0.7em Tahoma, sans-serif;
	text-align: center;
	margin: 0;
	padding: 3px;
	color: #888;
	}

			/* NEW!! minor tweak for home page images */

         .home img {margin: 10px 0; display: block;}	/* NEW!! display: block triggers margin collapse */
         

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