/* 
	Designed by designer: Stacy Bias, HostBaby www.hostbaby.com  -  Portland Oregon USA
	
	Bugfixed by Andrew Tay (www.andrewtay.com) for HostBaby.com July 2007 
   All styles that have been changed are indented
	
	- fixed a bug that caused the #navigation to be shifted to far to the right in FF, Opera and Safari,
	  though it looked fine in IE. cause by not zeroing margins and padding on the #navigation ul
	- added margins to home page image and standard splash page code

*/


body {
	margin:0;
	padding:0;
	color:#fff;
	font-family: Verdana, Arial, sans-serif;
	font-size:11px;
	line-height:18px;
	background-image: url(/shared/knaughty/knaughty_platformbg.gif);
	background-position: left top;
	text-align:center;
}
a {
	text-decoration:none;
	border-bottom:solid 1px #FFFFFF;
	color:#CC0000;
}
a:hover {
	color:#FFFFFF;
	border-bottom:solid 1px #CC0000;
}
small {
	font-size:9px;
}
p {
	margin:0;
	padding:0;
	margin-bottom:10px;
}
.center {
	text-align:center;
}
.spacer {
	clear:both;
	height:0;
	margin:0;
	padding:0;
}
form {
	margin: 0;
}

#accessibility {
	position: absolute;
	left: -9999px;
}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 5px 0;
	padding:0;
	line-height:normal;
}
h2 {
	font-size:14px;
}
h3, h4, h5, h6 {
	margin-bottom:0;
	font-weight:normal;
	font-size:12px;
}

/*
body.home #content h1 {
	background:url(/shared/knaughty/red_home_hder.gif) no-repeat;
}
body.bio #content h1 {
	background:url(/shared/knaughty/red_bio_hder.gif) no-repeat;
}
body.music #content h1 {
	background:url(/shared/knaughty/red_music_hder.gif) no-repeat;
}
body.contact #content h1 {
	background:url(/shared/knaughty/red_contact_hder.gif) no-repeat;
}
body.press #content h1 {
	background:url(/shared/knaughty/red_press_hder.gif) no-repeat;
}
body.news #content h1 {
	background:url(/shared/knaughty/red_news_hder.gif) no-repeat;
}
body.calendar #content h1 {
	background:url(/shared/knaughty/red_calendar_hder.gif) no-repeat;
}
body.photos #content h1 {
	background:url(/shared/knaughty/red_photos_hder.gif) no-repeat;
}
body.products #content h1 {
	background:url(/shared/knaughty/red_store_hder.gif) no-repeat;
}
body.guestbook #content h1 {
	background:url(/shared/knaughty/red_guestbook_hder.gif) no-repeat;
}
body.links #content h1 {
	background:url(/shared/knaughty/red_links_hder.gif) no-repeat;
}*/

/* general */
#container {
	width:600px;
	height: auto; 
	background: repeat-y center url(/shared/knaughty/middlebg2.gif) transparent;
	margin: 0 auto;
	padding:0;
	text-align:left;
	position:absolute;
	left:0px;
	border-bottom:none;
}

			/* NEW!! These sections have been changed signifcantly to accomodate plain text headers. The h1 was
				originally position: absolute;. */ 

         #content {
         	margin: 185px 0 0 5px;			/* NEW!! Margin-top was 240px; Reduced so h1 can be back in flow. */
         	padding:10px 10px 10px 10px;
         /*	min-height:600px;						NEW!! This hack is unecessary (IE5 doesn't understand min-height
         	voice-family: "\"}\"";						anyway).
         	voice-family:inherit; */
         	min-height:465px;					/* NEW!! Was 410px; Now adjusted for plain text headers */
         }

			/* This hack is unecessary (IE5 doesn't understand min-height anyway).
         html>#content {
         	min-height:410px;
         }*/
	
         #content h1 {
				margin-left: -10px;
				margin-bottom: 27px;
				color: #c00;
				font: bold 23px verdana, tahoma, arial, helvetica, sans-serif;
				padding-left: 25px;
				background: url(/shared/knaughty/plaintext-redstripesleft.gif) no-repeat;
         }

         #content h1 span {
				padding-right: 57px;
				background: url(/shared/knaughty/plaintext-redstripesright.gif) right no-repeat;
         /*	display:none; 						NEW!! removed for plain text headers */
         }

#content li {
	list-style-image:url(/shared/knaughty/bullet.gif);
}
#content div.entry {
	padding-bottom:20px;
}
#content h2 {
	border-bottom:solid 1px #990000;
}
/* -- banner area -- */
#banner .photo {
	width: 150px;
	height: 150px;
background: url(/images/discoball.jpg) top right no-repeat;
	position: absolute;
	left: 10px;
	top: 30px;
	border:1px;
	border-thickness: 1px;
	border-color: #fff;
	border-style: solid;
}
#banner .band {
	width: 413px;
	height: 150px;
background: url(/images/bottomborder.gif) no-repeat;
	position: absolute;
	position: absolute;
	left: 180px;
	top: 30px;
		
}
#banner .band span {
	display: none;
}
#banner .photo span {
	display: none;
}
#emailsignup {
	top: 670px;
	left: 610px;
	text-align: left;
	text-transform: lowercase;
	font-size: x-small;
	width: 200px;
	position: absolute;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size: small;
}

#content form{
	text-align: center;
	display: block;
	padding: 10px;
	position: relative;
	margin: 10px 0;
	_margin-top: 12px;
}

#content label{
	font-weight: bold;
	color: #FFFFF;
	width: 200px;
	text-align: left;
	margin: auto;
}

#content input, #content textarea{
	display: block;
	/* commented out due to interference with contact form. doesn't seem to be used by anything :/
	width: 200px;
	*/
	margin: 0 auto 6px auto;
}

#list_signup_form input, #list_signup_form textarea {
	width: 200px;
}

#emailsignup input {
	margin-left: 5px;
	border: 1px solid #990000;
	background-color: #000000;
	padding: 1px;
	font-weight: bold;
	color: #ffffff;
}

#footer {
	clear: both;
	padding:0px 4px 5px 239px;
	font-size:.85em;
	color:#666;
}

/* -- navigation -- */

			/* NEW!! The entire #navigation was shifted to the right in FF, Opera, and Safari, but not in IE. To
				style lists consistently across browsers, *both* margins and padding should be zeroed, since most
				browsers apply padding by default, while IE applys margins by default */
				
         #navigation ul {
         	margin: 0;
				padding: 0;					/* NEW!! both margins and padding should be zeroed for cross-browser */
         	width: 600px;
         	text-align: center;
         	font-size: 11px;
         	font-weight: bold;
         	height: 18px;
         	border-top: solid 1px #990000;
         	border-bottom: solid 1px #990000;
         	border-right: 0px;
         	border-left: 0px;
         	background: url(/shared/knaughty/orange_nav_bg.gif) 3px 0px no-repeat;
         	}
	
#navigation li {
	display: inline;
	
}
#navigation li a {
	text-decoration: none;
	padding: 5px 5px 5px 5px;
	margin: 0;
	color: #FFFFFF;
	font-size: 0.9em;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 0px;
	}
#navigation li a:hover {
	background: none;
	color: #990000;
}
/* ie5/mac hack \*/
#navigation li a:hover {
	background: url(/shared/knaughty/orange_nav_bg.gif) 1px 1px no-repeat;
}

/* home + news */
body.home p {
	padding-bottom:20px;
}
body.home div.entry p {
	padding-bottom:0;
}

/* music */
body.music div.details {
	padding-bottom:20px;
}
body.music div.artist {
	font-size:.85em;
	line-height:normal;
	display:block;
	border-bottom:solid 1px #000000;
}

/* contact */
body.contact #content li {
	list-style-image:none;
	list-style-type:none;
}

/* press */
body.press div.entry blockquote {
	margin:10px;
}
body.press div.entry .caption {
	margin:10px;
	font-weight:bold;
}

/* photos */
body.photos dt {
	padding-bottom:3px;
	margin-bottom:5px;
	border-bottom:solid 1px #000000;
}
body.photos dd {
	margin:0;
	text-align:center;
	padding-bottom:20px;
}

/* products */
body.products hr {
	display:none;
}

/* guestbook */
body.guestbook div#postForm {
	border:solid 1px #990000;
	padding:0px;
	margin-bottom:20px;
	text-align:center;
}
body.guestbook div#postForm input, body.guestbook div#postForm textarea {
	margin-top:5px;
	width:265px;
}

/* Captcha stuff */ 
#postForm img#gbimage {
	width: 100px;
	position: relative;
	top: 15px;
	left: -35px;
}

#postForm label.security_code_label {
	width: 150px;
	position: relative;
	top: -20px;
	left: -20px;
}

#postForm input#security_code {
	position: relative;
	top: -20px;
	left: 55px;
	width: 145px;
}

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

/* links */
body.links #content dl {
	margin:0 25px 20px 25px;
}
body.links #content dt {
	padding-bottom:3px;
}
 
/* =========== TWEAKS =========== */

/* -- selected links --*/
.home #navhome, .blog #navblog, .index #navindex, .music #navmusic, .contact #navcontact,   .press #navpress, .news #navnews, .photos #navphotos, .guestbook #navguestbook,  .links #navlinks, .calendar #navcalendar, .bio #navbio, .products #navproducts {
	padding: 5px 5px 5px 5px;
}

/* -- selected links --*/
.home #navhome, .blog #navblog, .index #navindex, .music #navmusic, .contact #navcontact,   .press #navpress, .news #navnews, .photos #navphotos, .guestbook #navguestbook,  .links #navlinks, .calendar #navcalendar, .bio #navbio, .products #navproducts {
	text-transform: uppercase;
	}


			/* NEW!! minor tweaks for splash and home page images */

         .home img {margin-bottom: 20px; display: block;}	/* NEW!! display: block triggers margin collapse */
         
         #splashimage { text-align: center; margin: 100px auto; }
         #splashimage a img { border: 0; }