/* 
	Designed by Armando Sosa, NoLimit-Studio www.nolimit-studio.com  -  Guadalajara  Mexico
	
	Bugfixed by Andrew Tay (www.andrewtay.com) for HostBaby.com June 2007 
   All styles that have been changed are indented
	
	- some differences between browsers were caused by not zeroing margin and padding values
	- applied firefox defaults to paragraphs (again, for consistency)
	- cured an IE6-only expanding box problem on the #emailsignup by setting a margin-bottom to 0
	- adjusted #container, #content and h1 margin and padding values for consistent display in all browsers
	- fixed a problem in IE6-only with the #footer growing taller than it should
	- fixed a minor but unusually evil display anomaly in Safari where #navigation "buttons" (i.e. the li a
	  elements) wouldn't display at full height; padding-bottom was ignored unless it was also applied to
	  li a span. 
	- ultra-safe box model hacks for IE5 
	  
*/


         html, body, div	{margin: 0; padding: 0}		/* NEW!! clears block margins/padding */
         img					{border: none;}				/* NEW!! clears all image borders */
         
         /* (mostly) firefox defaults, for other browser's benefit */ 						
         
			p 					{display: block;  margin: 1em 0;}

body{
font-size:12px;
font-family:verdana;
text-align:center;
background:#49353c url(/shared/notthesame/body_bg.gif) repeat-x;
}

.photos dl{
text-align:center;
}

h1,h2,h3,dt{
font-family:"trebuchet ms", arial, sans-serif;
font-size:16px;
font-weight:normal;
text-transform:uppercase;
text-indent: 13px; 
letter-spacing:0.1em;
color:#49353c;
background: transparent url(/shared/notthesame/adorno.gif) no-repeat 0 2px;
}

         h1{
			margin-top: 0;			/*	NEW!! Forces consistency between browsers (IE collapses this anyway) */
         text-align:center;
         font-size:20px;
         letter-spacing:0.2em;
         line-height:45px;
         height:30px;
         margin-bottom:45px;
         overflow:hidden;
         color:#f3d0a0;
         background:#d00904 url(/shared/notthesame/h1_bg.gif);
         }

h2 span{
font-size:11px;
color:#8e7d73;
}

h3{
text-transform:lowercase;
letter-spacing:0.05em;
color:#49353c;
/* background-image:none; */
}

a:link{
color:#8e7d73;
}

a:hover{
color:#d00904;
}


dt{
/* background-image:none; */
margin-bottom:20px;
}

dd{
margin-bottom:50px;
}

img{
padding:15px;
background:#8e7d73;
background:#8e7d73 url(/shared/notthesame/nav_bg.gif) repeat-x bottom;
}


label{
cursor:pointer;
}

.contact #content ul li{
list-style-type:none;
}

.music .artist{
text-indent:30px;
color:#cf0a04;
}
.music #content ul li{
text-indent:15px;
list-style-type:none;
margin-bottom:1em;
background: transparent url(/shared/notthesame/notita.gif) no-repeat 0 2px;

}

.press blockquote{
font-family:"trebuchet ms", Georgia;
font-style:italic;
font-size:18px;
text-indent:15px;
line-height:1.2em;
padding:15px 10px 40px 10px;
border-top:1px solid #8e7d73;
border-bottom:1px solid #8e7d73;
color:#49353c;
}

.caption{
text-align:right;
position:relative;
padding-right:50px;
top:0px;
}

.products img{
padding:5px;
position:relative;
top:55px;
}

.products hr{
display:none;
}

#accessibility{
display:none;
}

			/* NEW!! Adjustments to container padding put #content in the correct position, making the entire
				background image visible in all browsers for the first time. */
				
         #container{
         text-align:left;
         width:760px;
         padding: 250px 0 0 0;	/* NEW!! Was 280px, but this incorporates margin-top: -50px; from #content */
         margin:0 auto;
         background:#eef5f0 url(/shared/notthesame/container_bg.gif);
         }

#banner{
width:760px;
height:250px;
background:transparent url(/shared/notthesame/banner_bg.gif) repeat-x 0 -35px;
position:absolute;
top:0;
}



#emailsignup{
text-align:right;
padding:5px;
width:750px;
height:30px;
position:absolute;
top:180px;
z-index:3;
color:#fff;
background:#d00904;
}

   		/* NEW!! An ultra-safe hack for IE6 and IE5 only, combining the Tan hack and the Pixy hack. The
				* html makes sure that only IE5/6 see any of this (and the underscores act as a backup). The
				backslashes pass real values to IE6 that override the fake values for IE5 (box model problem). */

         * html #emailsignup { 		
           	_width: 760px;			/* fake width for IE5win only: real width + padding + border */
            _w\idth: 750px;
				}

			/* NEW!! This is important for IE6. Before, the invisible margin would expand the #emailsignup div
				downward. Since IE6 doesn't respect the set height of 30px and automatically expands #emailsignup,
				the div was covering up part of the #navigation. */
				
         #emailsignup form {
         margin-bottom: 0;
         }

#navigation{
text-align:center;
width:760px;
height:35px;
background:#8e7d73 url(/shared/notthesame/nav_bg.gif) repeat-x bottom;
position:absolute;
top:215px;
z-index:2;
}
  
	#navigation ul{
	margin:0;
	padding:0;
	}
	
		#navigation ul li{
		margin:0px;
		display:inline;
		}
		
		#navigation ul li a{
		font-family:"trebuchet ms", arial, sans-serif;
		text-transform:uppercase;
		text-decoration:none;
		color:#f3d0a0;
		line-height:35px;
		padding:7px 5px 8px 5px;
		}
		
					/* NEW!! This fixes a display anomaly in Safari (not sure whether it's a true bug or just a
						different way of interpreting the spec) where the bottom padding on #navigation ul li a
						doesn't work unless you also apply this to the span, even though the span tags are normally
						completely extraneous */
						
      			#navigation ul li a span {
      			padding: 7px 0 8px 0;		/* NEW!! This padding fixes things for Safari */
      			}
		
		#navigation ul li a:hover{
		color:#fff;
		background:#d00904 url(/shared/notthesame/nav_item_bg.gif) repeat-x;
		}
		
			/* NEW!! Adjustments to container padding put #content in the correct position, making the entire
				background image visible in all browsers for the first time. */
		
         #content{
         padding: 30px 65px 15px 65px;		/* NEW!! Was padding-top: 15px; makes up for no top margin on h1 */
     	/* margin-top:-50px;							NEW!! This really doesn't help. Now incorporated into #container */
         background:transparent url(/shared/notthesame/content_bg.gif) no-repeat;
         }

			/* NEW!! This fixed a display problem in IE6 that was causing the #footer to be taller than the
				background image */
				
         #footer{ 
			padding-top: 49px;
         text-align:center;
      /* line-height:115px; 						NEW!! Now using padding to put the text at the right height */
         width:760px;
         height: 66px;							/* NEW!! Height was 115px; before padding-top was introduced */
         color:#d00904;
         background:#49353c url(/shared/notthesame/footer_bg.gif) no-repeat;
         }
 
         /* NEW!! An ultra-safe hack for IE6 and IE5 only, combining the Tan hack and the Pixy hack. The
         	* html makes sure that only IE5/6 see any of this (and the underscores act as a backup). The
         	backslashes pass real values to IE6 that override the fake values for IE5 (box model problem). */
         
         * html #footer { 		
            _height: 115px;		/* fake height for IE5win only = real min-height + padding + border */
            _he\ight: 66px;
            }
        
         #footer p {
			margin: 0; 								/* NEW!! Important for consistent height */
			padding: 0;								/* NEW!! Important for consistent height */
			}

.photo{
position:relative;
left:40px;
top:15px;
width:437px;
height:145px;
text-indent:-9000px;
background:#402d33 url(/images/franktarantinologo427.gif) no-repeat 5px 5px;
}

.band{
position:relative;
left:485px;
top:-130px;
width:231px;
height:145px;
text-indent:-9000px;
background:transparent url(/images/frankieshands.jpg) no-repeat;
}


.entry{
margin-top:50px;
line-height:1.5em;
}

.notes{
padding:15px;
}

.home #navhome, .bio #navbio, .music #navmusic, .contact #navcontact, .press #navpress, 
.news #navnews, .calendar #navcalendar, .photos #navphotos, .products #navproducts,
.guestbook #navguestbook, .links #navlinks        {
color:#fff;
background:#49353c;
cursor:default;
}

.home #navhome:hover, .bio #navbio:hover, .music #navmusic:hover, .contact #navcontact:hover, .press #navpress:hover, 
.news #navnews:hover, .calendar #navcalendar:hover, .photos #navphotos:hover, .products #navproducts:hover,
.guestbook #navguestbook:hover, .links #navlinks:hover{
background:#49353c;
}


#postForm {
	text-align: left;
	margin: 0 auto;
	width: 400px;
}
#postForm form {
/*	padding: 25px 20px*/}

#postForm input, #postForm textarea {
	display: block;
	width: 400px;
	margin-bottom: 10px;
}
#postForm input {
	height: 18px;
}
#postForm textarea {
	height: 100px;
}
#postForm input[type="submit"] {
	width: 200px;
	height:25px;
	margin: 0 auto;
}

.guestbook h2{
text-transform:none;
text-indent:0;
font-size:16px;
background-image:none;
color:#d00904;
}

.guestbook .entry{
padding:15px;
border-top:1px solid #49353c;
border-bottom:1px solid #49353c;
}

/*
.home h1{
background-image:url(/shared/notthesame/home_bnr.gif);
}

.bio h1{
background-image:url(/shared/notthesame/bio_bnr.gif);
}

.music h1{
background-image:url(/shared/notthesame/music_bnr.gif);
}

.contact h1{
background-image:url(/shared/notthesame/contact_bnr.gif);
}

.press h1{
background-image:url(/shared/notthesame/press_bnr.gif);
}

.news h1{
background-image:url(/shared/notthesame/news_bnr.gif);
}

.calendar h1{
background-image:url(/shared/notthesame/calendar_bnr.gif);
}

.photos h1{
background-image:url(/shared/notthesame/photos_bnr.gif);
}

.products h1{
background-image:url(/shared/notthesame/store_bnr.gif);
}

.guestbook h1{
background-image:url(/shared/notthesame/guestbook_bnr.gif);
}

.links h1{
background-image:url(/shared/notthesame/links_bnr.gif);
}
*/
#splashimage { text-align: center; margin: 100px auto; }
#splashimage a img { border: 0; }