/* 
	Designed by Martin Neumann, Rush.media Webdesign  -  www.rushmedia.de  -  Buckenhof  Germany
	
	Bugfixed by Andrew Tay (www.andrewtay.com) for HostBaby.com April-June 2007 
   All styles that have been changed are indented
	
	- band photo was pushed to the right in IE7, due to failed hacks. Fixing the hacks revealed many other
	  positioning problems due to relative and absolute positiong, and mixing the use of margins and "top"
	  and "left" for controlling where things are. all fixed now.
	- added margins for home page image
	- calendar styling is now applied at the div level instead of the page level (#calendar instead 
	  of .calendar). This means they styling gets applied to the calendar when it's chosen to appear on the home
	  page, too.
	- removed some redundancies in #navigation li a padding

*/


/* =========== LAYOUT =========== */


/* Basic HTML Elements */
body {
	padding: 0;
	margin: 0;
	text-align: center;
}
ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
form {
	margin: 0;
}

/* main structural elements */
#accessibility {
	position: absolute;
	left: -9999px;
}
               #container {
						position: relative;		/* NEW!! this is crucial for #banner to be position: absolute */
               	width: 750px;
						text-align: left;
               	margin: 0px auto;
               	padding: 0;
						
               }

/* main content elements */
               #banner {
               	width: 191px;
               	height: 210px;
               	position: absolute;
               	top: 10px; 
						left: 0;		/* NEW!! the right way to make the photo line up along left edge of container */
						
               /*	margin-left: -191px; 	NEW!! part of a messy IE6 hack that didn't work for IE7 */
               }
					
					/* NEW!! part of a messy IE6 hack that didn't work for IE7 
               html>body div#banner {
               	margin-left: 0;
               }
					*/
					
					
/* -- navigation -- */
#navigation ul {
	position: absolute;
	margin: 350px 0 6em 20px;
	width: 120px;
	top: 50px;		
	background: url(http://kingbirdmusic.com/shared/roughpaper/nav-ul-bg.jpg) left top no-repeat;
	list-style: none;
}
/* ie5/mac hack \*/
#navigation ul {
	margin-top: 300px;
}
/* end hack */
#navigation li {
	height:30px;
	background: url(http://kingbirdmusic.com/shared/roughpaper/nav-bg.jpg) left bottom no-repeat;
}
#navigation li a {
	text-decoration: none;
	display: block;
	white-space: nowrap;
	padding: 5px 0 3px 28px;
}
#navigation li a:hover {
	background: url(http://kingbirdmusic.com/shared/roughpaper/nav-bg-hover.gif) 5px 4px no-repeat;
}

               #content {
               	margin: 0 0 213px 190px;	/* NEW!! margin-bottom was 0px before */
               	position: relative; 
						top: 136px;			/* NEW!! */
               }
               #content h1 {
               	margin-top: 0px;	/* NEW!! was 50px */
               }
#content .entry {
	width: 460px;
}

            #emailsignup {
            	position: absolute;	/* NEW!! was relative, but IE positioned banner differently from FF & OP9 */
            	padding: 4px;
            	width: 120px;
            	top: 230px;				/* NEW!! */
            	left: 28px;
            	height: 60px;
            	/* margin-top: 10px; */
            }
/*
html>body #emailsignup {
    margin-left:28px;
}
*/

#emailsignup span {
	display: block;
}
#emailsignup input {
	width: 83px;
}


               /* -- banner area -- */
               #banner .band {
                   position: absolute;
               /*	top: 10px; 		NEW!! redundant with #banner */ 
               	left:5px;
               	width: 190px;
               	height: 211px;
background: url(http://kingbirdmusic.com/images/thinkingofyou-250x250.jpg) no-repeat;
               /*	margin-left: -140px; 	NEW!! this is useless too; see #banner above */
               }
					
/* ie5/mac hack \*/
#banner .band {
	margin-left: 0px;
}
/* end hack */

#banner .band span {
	display: none;
}
#banner .photo span {
	display: none;
}

/* =========== STYLE =========== */


/* -- basic html elements -- */
body {
	font: 80% Verdana, sans-serif;
	color: #4A4437;
	background: #635A4B url(http://kingbirdmusic.com/shared/roughpaper/body-bg.jpg) center top repeat-y;
	margin:0;
	padding: 0;
}
a {
	color: #B5784F;
	font-weight: bold;
}
a:hover {
	color: #C75F19;
}
h1 {
	color: #8E1718;
}
h2 {
	text-transform: lowercase;
	color: #64612B;
	font-weight: normal;
	font-style: italic;
	font-size: 1.3em;
	letter-spacing: 1px;
	margin: 0 0 5px 0;
}
h3 {
	font-size: 15px;
	margin: 0 10px;
}
h4 {
	font-size: 14px;
	font-style: italic;
	margin: 2px 10px 10px 0;
	color: #40673A;
}
ul {
	padding: 0;
	margin: 0 0 0 30px;
	list-style-type: square;
}
p {
	line-height: 1.3;
}

/* layout tweaks */
#content {
	padding: 0 15px;
}
#container {
	background: #DAD2C5 url(http://kingbirdmusic.com/shared/roughpaper/footer.jpg) bottom center no-repeat;
	width: 760px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 750px;
	padding: 0px;
}
#footer {
	margin: 6em 0 0 0;
	padding-bottom: 15px;
	clear: both;
}
#footer p {
	margin: 2px;
	font-size: 0.8em;
	text-align: center;
}

/* -- emailsignup --*/
#emailsignup {
	background: url(http://kingbirdmusic.com/shared/roughpaper/emailsignup-bg.jpg) top right no-repeat;
	padding: 8px;
}

/* -- content area --*/
#content .entry {
	margin: 0 15px 30px 15px;
	clear: left;
}
.entry .name, .entry .act {
	font-weight: bold;
	font-style: normal;
	font-size: 1em;
	margin-left: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #516651;
}
.entry .name {
	margin-left: 4em;
}
.entry ul {
	margin-top: 10px;
}
.entry li {
	line-height: 20px;
}
.entry p {
	margin: 10px 20px 15px 0px;
}
.details {
	margin: 0 20px 0 30px;
}

/* -- section-specific style -- */
#navigation a {
	color: #64612B;
}
#navigation a:hover {
	color: #7D7936;
}
.home p, .index p {
	margin: 0 20px 1.5em 20px;
	line-height: 130%;
}
.contact ul {
	list-style: none;
}
.contact h2 {
    letter-spacing: 5px;
}
#postForm {
	height: 300px;
	margin: 0 0 35px 0;
	padding: 10px;
	background: url(http://kingbirdmusic.com/shared/roughpaper/postform-bg.jpg) top left no-repeat;
}
#postForm input, #postForm label, #postForm textarea {
	display: block;
	text-align: left;
	width: 300px;
	margin: 0 auto 10px auto;
}
#postForm input:focus, #postForm textarea:focus {
	color: #fff;
	background: #C84130;
	font-weight: bold;
}
#postForm label {
	padding: 3px 0;
	margin-bottom: 1px;
	font-style: italic;
}

/* Captcha stuff */
#postForm img#gbimage {
	width: 100px;
	float: left;
	margin-top: 7px;
	margin-left: 105px;
	margin-bottom: 10px;
}

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

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

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

.guestbook h2 {
	margin: 0 0 2px 0;
	padding: 1px 1px 1px 20px;
	letter-spacing: 0;
	font-size: 1.1em;
}
.guestbook h2 a {
	text-transform: lowercase;
	font-weight:normal;
}
.guestbook h3 {
	margin: 0;
	padding: 10px 0 0 20px;
	font-weight:normal;
	font-size: 1em;
	text-transform: uppercase;
}
.guestbook blockquote {
	margin: 0;
	padding: 0px 20px 15px 20px;
}
.guestbook p:first-letter {
    font-size: 1.2em;
}
.links h2 {
	margin: 0 20px 10px;
}
.links dl {
	margin: 0 25px 20px;
}
.links dd {
	margin-bottom: 5px;
}
.music h2 {
	font-size: 1.3em;
}
.music h2 {
	margin-top: 40px;
	padding-bottom: 10px;
	letter-spacing: 5px;
}
.music h3 {
    text-transform:uppercase;
	font-weight: normal;
	margin: 5px 10px 5px 60px;
}
.music h3 a {
    text-decoration: none;
    font-weight:normal;
}
.music .details {
	margin: 0 30px 15px 60px;
}
.music .artist {
	color: #838386;
}
.music .artist, .music .caption {
	display: inline;
	text-size: 0.7em;
	padding-right: 10px;
}
.music .description {
	line-height: 150%;
	font-style: italic;
	border-bottom: solid 1px #797982;
}
.music #content ul {
	list-style-type: none;
	background: url(http://kingbirdmusic.com/shared/roughpaper/box_bg.jpg) top left no-repeat;
	padding: 5px 10px;
	margin: 10px 0;
}
.music #content li a {
	font-weight: normal;
}
.music .mp3_hifi_download, .music .mp3_lofi_download {
	padding: 0 0 10px 20px;
	background: url(http://kingbirdmusic.com/shared/roughpaper/ico-cd.gif) no-repeat;
	display: block;
}
.music .mp3_hifi_play, .music .mp3_lofi_play {
	padding: 0 0 10px 20px;
	background: url(http://kingbirdmusic.com/shared/roughpaper/ico-play.gif) no-repeat;
	display: block;
}
.news {
	line-height: 130%;
}
.photos img {
	border: solid 1px #D0C6C6;
	background: #F3F5F2;
	padding: 10px;
}
.photos dl {
	margin: 0 20px;
	padding: 0;
}
.photos dt {
	padding: 5px;
	margin: 20px 0 1px 0;
}
.photos dd {
	margin: 0;
	padding: 0;
}
.press h2 {
	margin-left: 20px;
	margin-right: 20px;
	letter-spacing: 5px;
}
.press .caption {
	margin: 0 40px 40px;
	padding: 0 5px 0 35px;
	background: url(http://kingbirdmusic.com/shared/roughpaper/ico-speech.gif) no-repeat;
}
.links h3 a {
	font-size: 0.9em;
}

			/* NEW!! Before, these were styled at the page level (using body.calendar or .calendar for short).
			Now that calendars can also appear on the	home page, they are styled using div#calendar or
			#calendar for short. Calendars are always contained within a #calendar div, no matter what page
			they're on. Good, no? */

         #calendar h2 {
         	font-size: 1.1em;
         	text-transform:uppercase;
         	font-style: normal;
         	color: #464646;
         }
         #calendar h2 a {
             font-weight:normal;
         }
         #calendar h3 {
         	font-weight: normal;
         	font-variant: small-caps;
         	font-size: 1.1em;
         	margin: 0;
         }

/* -- selected links --*/

         .home #navhome, .blog #navblog,
         .index #navindex,
         .bio #navbio,
         .music #navmusic,
         .contact #navcontact,
         .press #navpress,
         .news #navnews,
         .calendar #navcalendar,
         .photos #navphotos,
         .products #navproducts,
         .guestbook #navguestbook,
         .links #navlinks {
         	text-transform: uppercase;
         /*	padding: 5px 3px 3px 22px; 			NEW!! This was redundant and is now removed */
         	padding: 5px 0 3px 28px;			/* NEW!! This was tweaked later on */
         }

/* -- section-specific image replacement -- */
h1 {
	height: 55px;
	margin: 4em 0 1em 0;
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
}
.bio h1 {
	background-image: url(http://kingbirdmusic.com/shared/roughpaper/h1-bio.jpg);
}
.products h1 {
	background-image: url(http://kingbirdmusic.com/shared/roughpaper/h1-store.jpg);
}
.contact h1 {
	background-image: url(http://kingbirdmusic.com/shared/roughpaper/h1-contact.jpg);
}
.calendar h1 {
	background-image: url(http://kingbirdmusic.com/shared/roughpaper/h1-calendar.jpg);
}
.guestbook h1 {
	background-image: url(http://kingbirdmusic.com/shared/roughpaper/h1-guestbook.jpg);
}
.home h1, .index h1, .list h1 {
	background-image: url(http://kingbirdmusic.com/shared/roughpaper/h1-welcome.jpg);
}
.links h1 {
	background-image: url(http://kingbirdmusic.com/shared/roughpaper/h1-links.jpg);
}
.music h1 {
	background-image: url(http://kingbirdmusic.com/shared/roughpaper/h1-music.jpg);
}
.news h1 {
	background-image: url(http://kingbirdmusic.com/shared/roughpaper/h1-news.jpg);
}
.photos h1 {
	background-image: url(http://kingbirdmusic.com/shared/roughpaper/h1-photos.jpg);
}
.press h1 {
	background-image: url(http://kingbirdmusic.com/shared/roughpaper/h1-press.jpg);
}
h1 span {
	display: none;
}

/* =========== TWEAKS =========== */

			/* NEW!! new margins for home page image */

         .home img {margin: 0 0 1.5em 20px;}
			
#splashimage { text-align: center; margin: 100px auto; }
#splashimage a img { border: 0; }

.news #content .news_next,.news_prev { margin-left: 15px; }