/* 
	Designed by designer: Amber Orenstein www.2is3.com  -  Portland Oregon 
	
	Bugfixed (no pun) by Andrew Tay (www.andrewtay.com) for HostBaby.com May 2007 
   All styles that have been changed are indented
	
	- added padding-bottom to all images, namely for the homepage image
	- a few minor layout, margin, and text styling tweaks which are at the end of this file
	- in the guestbook, aligned the submit button under the entry fields
	- previously the #content div was slightly wider than the black area of the page background image (the one
	  with the polkadots and the wide black stripe in the middle. This caused part of the leftmost column of dots
	  to get partially cut off on some pages. The simplest fix was to use Photoshop to edit the leftmost dots
	  out of the background images themselves, with no changes to the .css 

*/


body {margin:0; padding:0; color:#fff; font-family: Verdana, Arial, sans-serif; font-size:11px; line-height:18px; background:url(/shared/punkbug/1-nobug-bg.gif) top center #000; text-align:center;}
a {text-decoration:none; border-bottom:dotted 1px #fff; color:#f0f;}
a:hover {color:#fff; border-bottom:solid 1px #fff;}


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; padding:0;}
#accessibility {display:none;}

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/punkbug/nobug-ttl_home.gif) no-repeat;}
body.bio #content h1 {background:url(/shared/punkbug/nobug-ttl_bio.gif) no-repeat;}
body.music #content h1 {background:url(/shared/punkbug/nobug-ttl_music.gif) no-repeat;}
body.contact #content h1 {background:url(/shared/punkbug/nobug-ttl_contact.gif) no-repeat;}
body.press #content h1 {background:url(/shared/punkbug/nobug-ttl_press.gif) no-repeat;}
body.news #content h1 {background:url(/shared/punkbug/nobug-ttl_news.gif) no-repeat;}
body.calendar #content h1 {background:url(/shared/punkbug/nobug-ttl_calendar.gif) no-repeat;}
body.photos #content h1 {background:url(/shared/punkbug/nobug-ttl_photos.gif) no-repeat;}
body.products #content h1 {background:url(/shared/punkbug/nobug-ttl_store.gif) no-repeat;}
body.guestbook #content h1 {background:url(/shared/punkbug/nobug-ttl_guestbook.gif) no-repeat;}
body.links #content h1 {background:url(/shared/punkbug/nobug-ttl_links.gif) no-repeat;}




/* general */
#container {width:780px; margin:0 auto 0 auto; padding:0; text-align:left; position:relative; border:solid 1px #000; border-bottom:none;}

#navigation {position:absolute; top:0; left:0; width:185px; z-index:0; padding-top:115px;}

#content {padding:0 54px 25px 239px; margin-top:185px; min-height:600px; voice-family: "\"}\""; voice-family:inherit; min-height:410px;}
html>#content {min-height:410px;}

#content h1 {position:absolute; top:120px; left:450px; width:276px; overflow:hidden; padding-top:50px; height:0px !important; height /**/:50px;}
#content h1 span {display:none;}

#content li {list-style-image:url(/shared/punkbug/nobug-bullet.gif);}

#content div.entry {padding-bottom:20px;}
#content h2 {border-bottom:dotted 1px #f0f;}

#banner div.photo {position:absolute; top:0; left:185px; width:595px; height:115px;
border-bottom:solid 5px #f0f;}
#banner span {display:none;}

#emailsignup {position:absolute; top:510px; left:0; z-index:5; width:165px; padding:10px; margin:10px; background:#000; border:solid 1px #fff; voice-family: "\"}\""; voice-family:inherit; width:145px;}
html>#emailsignup {width:145px;}
#emailsignup input {font-size:10px; margin-top:10px;}

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


/* nav */
#navigation a {border:none;}
#navigation ul {margin:0; padding:0;}
#navigation li {margin:0; padding:0; list-style-type:none; float:left; width:185px;}
#navigation li span {display:none; margin:0; padding:0;}

a#navhome {display:block; width:185px; height:27px; margin:0; padding:0; background:url(/shared/punkbug/nobug-nav_home.gif) top left no-repeat;}
body.home a#navhome {background:url(/shared/punkbug/1-nobug-nav_home_on.gif) top left no-repeat;}

a#navbio {display:block; width:185px; height:27px; margin:0; padding:0; background:url(/shared/punkbug/nobug-nav_bio.gif) top left no-repeat;}
body.bio a#navbio {background:url(/shared/punkbug/1-nobug-nav_bio_on.gif) top left no-repeat;}

a#navmusic {display:block; width:185px; height:27px; margin:0; padding:0; background:url(/shared/punkbug/nobug-nav_music.gif) top left no-repeat;}
body.music a#navmusic {background:url(/shared/punkbug/1-nobug-nav_music_on.gif) top left no-repeat;}

a#navcontact {display:block; width:185px; height:27px; margin:0; padding:0; background:url(/shared/punkbug/nobug-nav_contact.gif) top left no-repeat;}
body.contact a#navcontact {background:url(/shared/punkbug/1-nobug-nav_contact_on.gif) top left no-repeat;}

a#navpress {display:block; width:185px; height:27px; margin:0; padding:0; background:url(/shared/punkbug/nobug-nav_press.gif) top left no-repeat;}
body.press a#navpress {background:url(/shared/punkbug/1-nobug-nav_press_on.gif) top left no-repeat;}

a#navnews {display:block; width:185px; height:27px; margin:0; padding:0; background:url(/shared/punkbug/nobug-nav_news.gif) top left no-repeat;}
body.news a#navnews {background:url(/shared/punkbug/1-nobug-nav_news_on.gif) top left no-repeat;}

a#navcalendar {display:block; width:185px; height:27px; margin:0; padding:0; background:url(/shared/punkbug/nobug-nav_calendar.gif) top left no-repeat;}
body.calendar a#navcalendar {background:url(/shared/punkbug/1-nobug-nav_calendar_on.gif) top left no-repeat;}

a#navphotos {display:block; width:185px; height:27px; margin:0; padding:0; background:url(/shared/punkbug/nobug-nav_photos.gif) top left no-repeat;}
body.photos a#navphotos {background:url(/shared/punkbug/1-nobug-nav_photos_on.gif) top left no-repeat;}

a#navproducts {display:block; width:185px; height:27px; margin:0; padding:0; background:url(/shared/punkbug/nobug-nav_store.gif) top left no-repeat;}
body.products a#navproducts {background:url(/shared/punkbug/1-nobug-nav_store_on.gif) top left no-repeat;}

a#navguestbook {display:block; width:185px; height:27px; margin:0; padding:0; background:url(/shared/punkbug/nobug-nav_guestbook.gif) top left no-repeat;}
body.guestbook a#navguestbook {background:url(/shared/punkbug/1-nobug-nav_guestbook_on.gif) top left no-repeat;}

a#navlinks {display:block; width:185px; height:27px; margin:0; padding:0; background:url(/shared/punkbug/nobug-nav_links.gif) top left no-repeat;}
body.links a#navlinks {background:url(/shared/punkbug/1-nobug-nav_links_on.gif) top left 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:dotted 1px #f0f;}

/* 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:dotted 1px #f0f;}

         body.photos dd {
         	margin:0;
         	text-align:center;
				padding-top: 5px;			/*	NEW!! Becasue it looks better (before, photos were too close */
         /*	padding-bottom:20px; 		NEW!! This is now applied to the bottom of all img and is now 30px */
         }

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

/* guestbook */
body.guestbook div#postForm {border:solid 1px #f0f; padding:10px; margin-bottom:20px; text-align:center;}
body.guestbook div#postForm label {float:left; width:25%; text-align:right; margin-top:15px;}
body.guestbook div#postForm input, body.guestbook div#postForm textarea {margin-top:15px; width:65%;}

/* Captcha stuff */
body.guestbook div#postForm img#gbimage {
	width: 100px;
	display: block;
	text-align: left;
	margin-top: 10px;
	margin-left: 137px;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

body.guestbook div#postForm label.security_code_label {
	float:left;
	width:115px;
	text-align:right;
	margin-top:5px;
}

body.guestbook div#postForm input#security_code {
	position: relative;
	top: -25px;
	margin-top:5px;
	width: 305px;
}

body.guestbook div#postForm input[type=submit] {
	position: relative;
	top: -15px;
	margin-top:5px;
	width: 300px;
}

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

			/* NEW!! Several minor fixes and tweaks lie here. For the most part, they don't override previous
				settings. */
			
			/* NEW!! aligns the Submit button under entry fields (there's no unique id for the button itself ) */
         .guestbook #postForm input 				{margin-left: 120px;}	
			
			/*	NEW!! puts the entry fields themselves back where they're supposed to be */
         .guestbook #postForm input#gbname, 									
         .guestbook #postForm input#gbaddress    {margin-left: 0px;}
 
 			
			h3 				{font-weight: bold; margin-bottom: 3px;}	/* NEW!! this looks better on most pages... */
			
			.guestbook h3 	{font-weight: normal;}							/* NEW!! ...but not on the guestbook page. */
			
			img				{padding-bottom: 30px;}		/* NEW!! this padding is now applied to all images */

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