/* 
	"Pink Tower" - custom design for Paul Bodden Nov 2007
	by Tyler C. Gore  www.tylergore.com
	
	based on:
	"Candy Apple"	
	Designed by Dave Shea www.brightcreative.com
	
	Bugfixed by Andrew Tay (www.andrewtay.com) for HostBaby.com April 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.
	- fixed h1 image replacement. now works fine in all browsers including IE6
	- minor indentation tweaks

*/


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


/* Basic HTML Elements */
html, 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: 0 auto;
               	padding: 60px 0 0 0;
               }

/* main content elements */
               #banner {
               	width: 191px;
               	height: 210px;
               	position: absolute;
               	top: 0;
						left: 0;			/* NEW!! this aligns the image to the left. consistent in all browsers */
               /*	margin-left: 0; 	NEW!! was -191px as part of an IE6 hack */
               }
					
					/*
               html>body div#banner {
               	margin-left: 0;
               }
					*/
					
#navigation ul {
	width: 190px;
	float: left;
	margin-top: 210px;
}
               #content {
               	margin: 0 0 0 195px;
               }
               #emailsignup {
               	position: absolute;
               	top: 0;
						left: 3px;			/* NEW!! this aligns the image to the left. consistent in all browsers */
               	text-align: right;
               	padding: 4px;
               	width: 554px;
					}

					/*	NEW!! got rid of these IE5 hacks that, curiously, messed up FF and Opera as well 
               	voice-family: "\"}\"";
               	voice-family:inherit;
               	width: 546px;
               }
               html>body #emailsignup {
               	width: 554px;
               }

               /* ie5/mac hack \
               html>body #emailsignup {
               	width: 742px;
               }
					*/

/* -- banner area -- */
               #banner .band {
	
	
	
	width: 191px;
	height: 211px;
	background: url(images/pinktowerlogo.gif) no-repeat;
	margin: 0px;
	padding: 0px;
               	/*	margin-left: -3px; 	NEW!! this really didn't need to be there */
               }
               
					/* NEW!! goodbye messy hacks 	

					#banner .band {
               	position: relative;
               	left: -191px;
               } 

               /* ie5/mac hack \
               #banner .band {
               	position: absolute;
               	top: 0;
               	left: auto;
               }
               
               /* end hack 
               html>body #banner .band {
               	margin-left: 1px;
               } */

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

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

/* -- basic html elements -- */
body {
	font: normal 80% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #211B38;
	background: #380080;
}
a {
	color: #4B00B0;
	font-weight: normal;
}
a:hover {
	color: #D20E4E;
	font-weight: normal;
}
h2 {
	color: #D20E4E;
	font-weight: normal;
	font-size: 1.3em;
	padding: 5px 22px;
	margin-bottom: 0.7em;
	margin-top: 0;
}
h2 a {
	color: #380080;
}
h3 {
	font-size: 1.2em;
	margin: 0 10px 0 25px;
}
h4 {
	font-size: 1em;
	/* font-style: italic; */
	margin: 2px 10px 10px 0;
}
ul {
	padding: 0;
	margin: 0 0 0 30px;
	list-style-type: none;  
}
/*
 input:focus, textarea:focus {
	color: #C84130;
	background: #fff;
	font-weight: bold;
}
*/
/* -- content area --*/
#emailsignup {
	font-size: 0.9em;
	padding: 5px;
	color: #333333;
}

/*
#emailsignup input:focus {
	font-weight: normal;
}

*/
#content {
	background: #EAE8F4 url(bodden/05-content-bg.gif)  bottom left repeat-x;
	padding-bottom: 10px;
}
#content h2 {
/*	background: transparent;
	background: url(bodden/h2-bg.gif) bottom left repeat-x;  */
	margin: 10px 25px;
	padding: 5px 0;  

}
#content .entry {
	margin: 0 0 30px 0;
}


#content .entry h2 {
	border-bottom: 1px solid #D20E4E;
	border-top: 0;
	border-right: 0;
	border-left: 0;
}



.entry .name, .entry .act {
	font-weight: bold;
	font-size: 1em;
	margin-left: 30px;
	display: block;
}
.entry ul {
}
.entry li {
	line-height: 20px;
	list-style: none;
}

               .entry p, .notes {		/* NEW!! now applied to .notes, which had no indentation before */
               	margin: 10px 20px 15px 60px;
               }
					
					img {margin: 0 20px;}	/* NEW!! images had no margins before */
					
					
/* Tyler added */					
.entry ul li p {
	margin: 0px;

}


.details {
	margin: 0 20px 0 30px;
}
#footer {
	font-size: 0.9em;
	text-align: center;
	border-top: 1px solid #251E43;
	border-bottom: 1px solid #251E43;
	background: #fff url(bodden/05-footer.gif) 0 0 repeat-x;
	padding: 8px 10px 11px 10px;
	margin: 2px 0 0 0;
	clear: both;
	color: #D20E4E;
}
#footer p {
	margin: 0;
}

/* -- section-specific style -- */
.home p, .index p, .list p, .list form {
	margin: 0.5em 20px 1.5em 20px;
	line-height: 140%;
}
#postForm {
	border: 1px solid #380080;
	margin: 15px 35px 30px 35px;
	padding: 10px;
	background: #7A6FBB 0 0;
}
#postForm input, #postForm label, #postForm textarea {
	display: block;
	text-align: left;
	width: 300px;
	margin: 0 auto 10px auto;
}
#postForm label {
	color: #fff;
	padding: 3px;
	margin-bottom: 1px;
	width: 294px;
}


.guestbook h2 {
	margin-bottom: 5px;
	font-size: 95%;
	font-weight: bold;
}
.guestbook h2 a {
	text-transform: lowercase;
}
               .guestbook h3 {
	margin: 0 15px 10px 25px;
	color: #D20E4E;
	font-weight: normal;
	font-size: 90%;
	padding-top: 5px;
	padding-left: 5px;
               }
			   
			   
.guestbook blockquote {
	margin: 0px 0px 0px 30px;
	padding: 0px;
}





.links h2 {
	border-bottom: 1px solid #D20E4E;
}


.links dl {
	margin: 10px 25px 25px 35px;
}
.links dt {
	font-weight: bold;
	font-size: 105%;
	padding-bottom: 5px;
	clear: left;
}


.links dd {
	margin-bottom: 15px;
	margin-left: 8px;
}

.music h2 {
	margin-top: 40px;
	margin-bottom: 1em;
	font-weight: normal;
}
.music h3 {
	margin-top: 20px;
	font-weight: normal;
	margin-bottom: 10px;
	padding-left: 5px;
	color: #D20E4E;
}
.music .details {
	margin: 0 30px 15px 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CEC9E4;
}
.music .artist {
	color: #D20E4E;
}
.music .artist, .music .caption {
	padding-right: 10px;
}

.music .artist {
padding-bottom: 4px;

}
.music .description {
	line-height: 125%;
	padding: 10px;
	border-top: 1px solid #5A4A9B;
	border-right: 1px none #5A4A9B;
	border-bottom: 1px solid #5A4A9B;
	border-left: 1px none #5A4A9B;
	margin-left: 10px;
	margin-top: 35px;
	margin-bottom: 35px;
	color: #5A4A9B;
	font-style: italic;
}

.music .lyrics {
	
}




.music #content ul {
	padding: 5px 10px;
	margin: 10px 0;
}

.music #content ul li {
	padding-bottom: 5px;
	color: #007BCE;
	list-style: disc;
	
}


/* .music .mp3_hifi_download, .music .mp3_lofi_download {
	background: url(bodden/ico-cd.gif) no-repeat;
	padding: 6px 0 6px 100px;
}
.music .mp3_hifi_play, .music .mp3_lofi_play {
	padding: 6px 0 6px 25px;
	background: url(bodden/ico-play.gif) no-repeat;
	display: block;
}
*/
.news {
	line-height: 130%;
}

.news #content .entry h2 {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.news h2 span.news_title {

	font-size: 90%;
	font-weight: normal;
	border-bottom: 1px solid #D20E4E;
/*	position: relative;  */
	
}

.news h2 span.news_dash {
	display: none;
	
	
}



.news h2 span.date {
	display: block;
	font-size: 80%;
	color: #D20E4E;
	padding-left: 18px;
	padding-bottom: 0px;
	padding-top: 15px;
	position: relative;
	border: none;
	
}


.news .notes {
	margin-left: 50px;

}

.photos img {
	background: #FFFFFF no-repeat 0 0;
	padding: 8px;
	margin-bottom: 30px;
	border: 1px solid #380080;
}
.photos dl {
	margin: 0 20px;
	background: #7A6FBB;
	border: 1px solid #380080;
	position: relative;   /* needed for ie6 apparently */
}
.photos dt {
	text-align: center;
	margin-bottom: 8px;
	margin-top: 15px;
	color: #FFFFFF;
}
.photos dd {
	text-align: center;
	margin: 0;
	padding: 0;
}



.press h2 {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 10px;
	border-bottom: 1px solid #D20E4E;
}
.press .caption {
	margin: 0 40px 40px 35px;
	padding: 8px;
	border-right: 1px solid #380080;
	border-bottom: 1px solid #380080;
	border-left: 1px solid #380080;
	text-align: right;
	color: #380080;
	width: 459px;
	border-top: 1px none #7A6FBB;
	background: #D7D5EC;

}

.press .caption a:link, .press .caption a:visited {
color: #380080;

}

.press .caption a:hover {
	color: #D20E4E;
	
}

.press blockquote {
	padding: 35px 8px 15px;
	background: #F8F8FC url(bodden/quotes.gif) no-repeat center top;
	margin-bottom: 0px;
	border-top: 1px solid #380080;
	border-right: 1px solid #380080;
	border-left: 1px solid #380080;
	width: 459px;
	margin-right: 0px;
	margin-left: 35px;
}




.calendar h3 {
	margin-top: 20px;
	font-weight: normal;
	margin-bottom: 3px;
	padding-left: 15px;
	color: #380080;
	padding-bottom: 0px;

}

.calendar h4 {
	margin-bottom: 0px;


}


.calendar .details {
	margin: 0 30px 15px;
	padding: 3px 10px 10px;
	font-size: 95%;
	border-bottom: 1px solid #CEC9E4;
	color: #380080;
}

.calendar .entry p {
	margin-left: 30px;


}

.products h2 {
	border-bottom: 1px solid #D20E4E;

}
.products h3 {
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 20px;
	clear: both;


}

.products .caption div.product_img {
	float: left;
	height: auto;
	width: auto;
		margin: 0px 5px 2px 0px;


}


.products .caption a img {
	height: auto;
	width: auto;
	margin: 0px;
	padding: 0px;
	position: relative;
	display: inline;
}


.products .caption a:link img, .products .caption a:visited img {
	border-color: #4B00B0;
	display: block;
	position: relative;
}


.products .caption a:hover img {
	border-color: #D20E4E;
	height: auto;
	width: auto;
	display: block;
	position: relative;

}

.products .caption a:active img {
	border-color: #D20E4E;
	height: auto;
	width: auto;
	position: relative;

}


.products .details {
	border-bottom: 1px solid #CEC9E4;
	margin-bottom: 20px;
	padding-bottom: 10px;
}


.contact .entry ul li {
	white-space: normal;
	margin-right: 20px;
}


/* -- section-specific image replacement -- */
h1 {
	height: 46px;
	padding: 5px 0 0 5px;
	margin: 10px 0 30px;
	background: url(bodden/h1-bg.gif) repeat-x;
}
.contact h1 span {
	background-image: url(bodden/h1-contact.gif);
}
.calendar h1 span {
	background-image: url(bodden/h1-calendar.gif);
}
.guestbook h1 span {
	background-image: url(bodden/h1-guestbook.gif);
}
.home h1 span, .index h1 span, .list h1 span {
	background-image: url(bodden/h1-welcome.gif);
}
.links h1 span {
	background-image: url(bodden/h1-links.gif);
}
.music h1 span {
	background-image: url(bodden/h1-music.gif);
}
.news h1 span {
	background-image: url(bodden/h1-news.gif);
}
.photos h1 span {
	background-image: url(bodden/h1-photos.gif);
}
.press h1 span {
	background-image: url(bodden/h1-press.gif);
}
.bio h1 span {
	background-image: url(bodden/h1-bio.gif);
}
.products h1 span {
	background-image: url(bodden/h1-store.gif);
}

					/* NEW!! This is a better way to get rid of the text in this span. fixes IE6 problem */
               h1 span {
               	display: block;
						/* height: 32px;  */
						height: 46px;
						background-position: 0 0;
						background-repeat: no-repeat;
						font-size: 9px;
						text-indent: -9999px;
               }

					/* NEW!! This was the old way, which left vestigal text and positioning problems in IE6 
               h1 span {
               	display: block;
               	width: 250px;
               	font-size: 1px;
               	color: #C00300;
               	padding: 57px 0 0 0;
               	overflow: hidden;
               	background-position: 0 0;
               	background-repeat: no-repeat;
               	height: 0px !important; 
               	height: 57px;
               }
					*/

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

body {
	background: #380080 url(bodden/04-body-bg.gif) repeat-y center top;
}
        			/* NEW!! strange, messy, gone.
		         #content {
               	margin-top: 60px; 
               	padding-top: 10px;
               }*/
h1 {
	margin-top: 0;
}
#content {
	background-position: 0 -15px;
}
					
/* -- navigation -- */
#navigation ul {
	margin-left: 0;
	margin-top: 250px;
	background: #fff;
	position: absolute;
	top: -29px;
	width: 191px;
}
 #navigation {
}
#navigation li {
	display: block;
	padding-bottom: 1px;
	list-style: none;
	margin: 0 0 -19px 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	margin: 0 0 -1px 0;
}
 #navigation {
}
#navigation li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 20px;
	font-size: 1em;
	text-transform: lowercase;
	background: url(bodden/04-nav-link.gif) no-repeat left bottom;
	font-weight: bold;
}
#navigation li a:hover {
	color: #55BBFF;
}

               #emailsignup {
               	margin: 1px 0 0 0;	/* NEW!! margin-left was -194px; as part of a hack for IE6 */
               	padding: 7px 10px 0 5px;
               	color: #fff;
               	text-align: right;
               	background: #30006E url(bodden/04-emailsignup-bg.gif) repeat-x left bottom;
               	position: absolute;
               	top: 0;
               	width: 750px;
               	height: 59px;
               	voice-family: "\"}\"";
               	voice-family:inherit;
               	width: 735px;
               	height: 52px;
               }
					
					/* NEW!! part of an IE6 hack that is now gone 
               html>body #emailsignup {
               	margin-left: 1px;
               }
					*/
					
#emailsignup input {
	width: 83px;
}
#emailsignup div {
	background: #30006E url(bodden/05-emailsignup-bg-2.gif) repeat-x 0 22px;
	width: 300px;
	height: 25px;
	padding: 10px 5px 10px 2px;
	float: right;
}

/* ie5/mac hack \*/
html>body #emailsignup {
	width: 735px;
}

/* end hack */
#footer {
	margin-left: 195px;
}

/* -- banner area -- */
#banner {
	position: absolute;
	top: 0;
}
#banner .band {
	left: -1px;
}
.no-images #banner .band {
	font-size: 36px;
	letter-spacing: -2px;
	line-height: 40px;
	padding: 80px 10px 2px 10px;
	color: #B9B9BD;
	text-align: center;
}

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

address {
	font-style: normal;

}

/* jump link menus  */

ul.section_menu {
	padding-left: 30px;
}

ul.section_menu li {
	color: #007BCE;
	list-style: disc;
	margin: 0px;
	padding: 0px;
}

ul.section_menu br {
	display: none;
}

div.backtop {
	font-size: 90%;
	text-indent: 420px;
}

/* additional user text styles */

.purple
{
	font-weight: bold;
	color: #380080;
}