/* 
	Designed by Chris Vincent, Passive Digressive dris86@cox.net - Goddard Kansas USA
	
	Tweaked by Andrew Tay (www.andrewtay.com) for HostBaby.com May 2007 
   All styles that have been changed are indented
	
	- small tweaks to borders, padding and margins on dt and dl elements
	- fixed inconsistent positioning of h1, which was caused by the infamous IE collapsing margins and padding
	  bug
	- improved h1 image replacement
	- added "left bottom no-repeat;" to user-uploaded banner image
		
*/


body
{
	padding: 0;
	margin: 0;
	background: black url(/shared/shafted/background.gif) no-repeat fixed;
	color: rgb(130,130,130);
	font: 14px/16px "Times New Roman PS MT","Times New Roman",serif;
}

#accessibility
{
	position: absolute;
	left: -10000px;
	top: -10000px;
}

			/* NEW!! now using #content padding exclusively to push page content down */
			
         #content
         {
         	position: absolute;
         	left: 205px;
         	top: -50px;
         	width: 460px;
         	background: black url(/shared/shafted/contentBG.gif) repeat-y 5px 0;
         	padding: 199px 10px 10px 10px;		/* NEW!! padding-top was 180px, now using padding only */
         	text-align: left;
         }

#container
{
	position: absolute;
	left: 90px;
	top: 50px;
	width: 205px;
	background: url(/shared/shafted/navTop.gif) no-repeat;
	z-index: 1;
	text-align: center;
}

#banner
{
	position: absolute;
	left: 215px;
	top: -40px;
	height: 160px;
	width: 460px;														
background: url(/images/hugegregaustinlogoblack-470x160.jpg) left bottom no-repeat;
	z-index: 1;
	text-indent: -10000px;
}

#navigation
{
	margin: 64px 0 0 3px;
	background: black;
}

#navigation ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
}

#navigation a:link, #navigation a:visited, #navigation a:active
{
	color: rgb(130,130,130);
	text-decoration: none;
}

#navigation a:hover
{
	color: rgb(170,170,170);
	letter-spacing: 2px;
	text-transform: uppercase;
}

#emailsignup
{
	margin: 0 0 0 3px;
	background: black;
	padding: 10px 20px 10px 25px;
	text-align: left;
}

form
{
	margin: 0;
}

#footer
{
	background: url(/shared/shafted/navBottom.gif) no-repeat;
	padding-top: 1px;
	height: 63px;
	margin: 0;
}

#footer p
{
	margin: 0;
}

         h1
         {
         /*	padding-top: 29px; 						NEW!! this is the old image replacement, which was a bit clumsy
         	overflow: hidden;
         	height: 0 !important;
         	height /*: 29px;
         	color: black; */
         }

         h1
         {	
				margin: 0 0 16px 0;					/* NEW!! margin-top must be 0 to prevent IE margin bug */
				padding: 1px 0 0 37px;
				height: 30px; 
			}
			
			/* NEW!! Dwyer Image Replacement (www.mezzoblue.com/tests/revised-image-replacement) */
			
			h1 span
			{
				display: block;
				width: 0;
				height: 0;
				overflow: hidden;
			}			
			
body.home h1, body.list h1
{
	background: url(/shared/shafted/headerHome.gif) no-repeat;
}

body.music h1
{
	background: url(/shared/shafted/headerMusic.gif) no-repeat;
}

body.bio h1
{
	background: url(/shared/shafted/headerBio.gif) no-repeat;
}

body.contact h1
{
	background: url(/shared/shafted/headerContact.gif) no-repeat;
}

body.press h1
{
	background: url(/shared/shafted/headerPress.gif) no-repeat;
}

body.news h1
{
	background: url(/shared/shafted/headerNews.gif) no-repeat;
}

body.calendar h1
{
	background: url(/shared/shafted/headerCalendar.gif) no-repeat;
}

body.photos h1
{
	background: url(/shared/shafted/headerPhotos.gif) no-repeat;
}

body.guestbook h1
{
	background: url(/shared/shafted/headerGuestbook.gif) no-repeat;
}

body.links h1
{
	background: url(/shared/shafted/headerLinks.gif) no-repeat;
}

body.products h1
{
	background: url(/shared/shafted/headerStore.gif) no-repeat;
}

#content a:link, #content a:active
{
	color: rgb(100,100,100);
}

#content a:visited
{
	color: rgb(75,75,75);
}

#content a:hover
{
	color: rgb(150,150,150);
}

h2
{
	font-size: 16px;
	text-transform: uppercase;
	z-index: 2;
}

.date
{
	display: block;
	font-size: 14px;
	text-transform: capitalize;
}

h3
{
	font-size: 14px;
	z-index: 2;
}

body.music .details
{
	background: rgb(25,25,25);
	border: 1px solid rgb(50,50,50);
	margin-top: -10px;
}

blockquote
{
	margin-left: 0;
	padding-left: 40px;
	padding-top: 10px;
	background: url(/shared/shafted/quotes.gif) no-repeat;
}

.caption
{
	margin-left: 40px;
	margin-top: -10px;
}

.entry
{
	margin: 10px 0;
	padding: 10px;
}

.entry h2
{
	margin-top: 0;
}

h4
{
	font-size: 12px;
	margin: 0;
}

.entry h3
{
	margin: 0;
}

address
{
	font-style: italic;
}

			/*	NEW!! we can now use bottom borders. border-bottom was set to 0 because the intention was to 
				use dt to form the top half of the box and dd to form the bottom, but this looks funny when the
				user fills in the dt but leaves the dd blank. The solution is to set the bottom border anyway and
				then use position: relative to shift the dd up by 1px, covering up the bottom border. */
				
         dt
         {
         	background: rgb(25,25,25);
         	border: 1px solid rgb(50,50,50);
         /*	border-width: 1px 1px 0 1px; 			NEW!! see big comment above */	
         	padding: 10px;							
         	font-size: 12px;						
         	font-weight: bold;
         	margin: 0;
         }

         dd
         {
         	margin: 0 0 10px 0;
         	background: rgb(25,25,25);
         	border: 1px solid rgb(50,50,50);
         	border-width: 0 1px 1px 1px;
         	padding: 0 10px 10px 10px;
         	text-align: center;
         	position: relative;					/* NEW!! see big comment above */	
         	top: -1px;								/* NEW!! see big comment above */	
         }

			
			/* NEW!! the whole dl box thing didn't work was well on this page so it has been gotten rid of.
				All of these styles are new. */
			
         .links dd
         {
         	background-color: transparent;
         	border: none;
				text-align: left;
         	padding: 0 0 0 40px;
				margin: 0 0 3px 0;
         }

body.photos img
{
	background: rgb(150,150,150);
	border: 1px solid rgb(100,100,100);
	border-width: 3px 2px;
	border-style: double solid;
	background: rgb(25,25,25);
}

body.products .entry
{
	margin-top: -1px;
}

body.products p, body.products h3, body.products ul
{
	margin: 0;
}

hr
{
	display: none;
}

body.guestbook h3, body.guestbook h2
{
	margin: 2px 0;
}

#postForm
{
	background: rgb(25,25,25);
	border: 1px solid rgb(50,50,50);
	padding: 10px 20px 20px 20px;
	text-align: center;
}

/* Captcha stuff */
#postForm img#gbimage {
	width: 100px;
	float: left;
	margin-left: 85px;
	margin-bottom: 15px;
}

#postForm label.security_code_label {
	width: 100px;
	margin-top: 2px;
	margin-left: 15px;
	float: left;
}

#postForm input#security_code {
	width: 132px;
	float: left;
	margin-left: 15px;
}

#postForm input[type=submit] {
	clear: both;
	text-align: center;
}

body.guestbook label, body.guestbook #postForm input, body.guestbook textarea
{
	display: block;
	width: 100%;
	/* IE/Mac fix \*/
	width: 250px;
	/**/
	margin: 0 auto;
}

body.guestbook label
{
	margin-top: 10px;
	text-align: left !important;
}

body.guestbook textarea
{
	margin-bottom: 20px;
}

body.links dt
{
	margin: 0 20px;
	background: transparent;
	border: 0;
	padding: 0;
}

body.bio .entry
{
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
}

body.music .details
{
	padding: 10px 10px 0 10px;
}

body.music h3
{
	padding-left: 10px;
	z-index: 1;
}

body.press .entry
{
	background: transparent;
	border: 0;
}

input, textarea
{
	border: 1px solid rgb(50,50,50);
	background: rgb(25,25,25);
	color: rgb(100,100,100);
	font-family: Arial, sans-serif;
}

body.music .caption
{
    margin: 0;
    padding: 0;
}

body.products .caption
{
    margin: 5px 0;
    padding: 0;
}

body.products dd
{
    text-align: left;
}

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