/* 
	Designed by designer: Jessica Dunn, www.vcdesignconcept.com - Franklinton Louisiana USA
	
	Tweaked by Andrew Tay (www.andrewtay.com) for HostBaby.com May 2007 
   All styles that have been changed are indented. most are located at the end of the file
	
	- image styling was once spceifc to products page but is now universal, styling homepage images as well
	- homepage image is now centered and .home p centering is now automatic instead of using margin-left
	- minor styling changes on links, products and music pages
	- fixed centering problems on calendar and #footer

	NEW VARIATION: using plain text headers instead of graphic headers
		
*/


input, textarea {
	background: #3B4143;
	border: #5A6569 1px solid;
	color: #fff;
}
hr {
	border-top: 1px dashed #3B4143;
	border-bottom: 1px solid #3B4143;
	border-left: none;
	border-right: none;
	width: 100%;
	padding-bottom: 1px;
	height: 4px;
	background: #1A2529;
	color: #1A2529;
}
body {
	background:#221509 url(/shared/fleur/alt-bg.jpg) repeat-y;
	color: #fff;
	padding: 0;
	margin: 0;
	font-family: verdana, times new roman;
	font-size: 75%;
}
#container {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(/shared/fleur/alt-pic1.jpg) 448px 0 no-repeat;
	width: 100%;
}
p {
	width: 60%;
}
a {
	color: #cedb8e;
	font-weight: normal;
	text-decoration: underline;
}
a:hover {
	font-weight: bold;
        color: #fff;
	text-decoration: overline underline;
}
ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

			/* NEW!! This new code styles the text for plain text headers. Previously both were set to
				display: none; and unique graphic background images for each page were applied to #navigation
				instead. These lines have been deleted. */

         h1 {
				margin: 0; 
				padding: 0;
				position: absolute;
				top: 380px;
				left: 35px;
			/* display: none; */
				}
			
         h1 span {
				color: white;
				font: 18px "Georgia", serif;
				text-transform: uppercase;
				letter-spacing: 2px;
			/* display: none; */
				}

h2 {
	color: #fff;
	text-transform: uppercase;
	font-family: courier new;
	font-size: 9pt;
	font-weight: normal;
}
h3 {
	text-transform: uppercase;
	font-family: courier new;
	font-size: 9pt;
	font-weight: normal;
	color: #fff;
	margin: 0 0 4px 0;
	text-indent: 8px;
}

/* -- PICTURE PLACEHOLDERS --*/

#banner {
	background: url(/shared/fleur/alt-bg2.jpg) no-repeat;
	width: 429px;
	height: 353px;
	top: 0;
	left: 20px;
	position: absolute;
}

#banner .photo {
	width: 342px;
	overflow: hidden;
	background: url(/images/hugesarahoct07alorescrop2-368x245.jpg) no-repeat;
	position: absolute;
	padding-top: 245px;
	top: 41px;
	left: 43px;
	height: 245px;
	height: 0;
}

#banner .band {
	width: 342px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 43px;
	padding-top:200px;
	height: 222px;
	height: 0;
}

/*-- MENU -- */

#navigation {
	font-family: courier new;
	font-size: 9pt;
	background: url(/shared/fleur/alt-bg4.jpg) 0 323px no-repeat;
	height: 114px;
	text-transform: uppercase;
	padding-top: 358px;
	left: 553px;
	margin-top: 35px;
	position: absolute;
	width: 189px;

}
#navigation ul {
	margin: 0;
	padding: 85px 0px 0px 78px;
	voice-family: "\"}\"";
	voice-family:inherit;

}
#navigation li {
	list-style: none;
	padding: 5px;

}
#navigation li a {
	color: #ccf;
	text-decoration: none;
	padding: 2px;

}

#navigation li a:visted {
	color: #fff;
	text-decoration: none;
	padding: 2px;

}
#navigation li a:hover {
	color: #fff;
	padding-top:1px;
	padding: 2px;
}

         .home p {
         	background: #020911;
         	width: 410px;
         	padding: 10px;
         	border: 1px solid #3B4143;
            
			}

.entry {
	padding: 25px;
	background: url(/shared/fleur/alt-div.gif) bottom no-repeat;
}
.bio .entry {
	padding: 25px;
	background: url();
}
.bio p {
	width: 100%;
}
.contact .entry {
	background: #020911 url();
	padding: 25px;
	margin-left: 35px;
	width: 275px;
	border: 1px solid #3B4143;
}
.press .entry {
	padding: 0;
	background: url();
}
.press .entry {
	padding: 25px;
	background: url(/shared/fleur/alt-div.gif) bottom no-repeat;
}
.press blockquote {
	width: 420px;
	margin: 0px;
}
.calendar .entry {
	padding: 0px;
	width: 430px;
	background: #020911;
	margin-bottom: 10px;
	border: 1px solid #3B4143;
         }

.calendar p {
	margin: 10px;
	width: 390px;
}
.calendar h3 {
	color: #fff;
}
.calendar h4 {
	text-transform: uppercase;
	font-family: courier new;
	font-size: 9pt;
	font-weight: normal;
	color: #fff;
}
.products .entry {
	padding: 0;
	background: url();
}

/* -- WEBSITE CONTENT -- */
#content {
	width: 470px;
	margin-top: 0px;
	padding-top: 420px;
	padding-left: 35px;
	padding-right: 250px;
	text-align: justify;
}

/* -- EMAIL LIST -- */

#emailsignup {
	position:absolute;
	width: 204px;
	margin-left: 0px;
	margin-top: 370px;
	margin-bottom: 0;
	margin-right: 0;
	padding-left: 380px;
	color: #657B75;
/*
	left: -50px;
	top: -10px;
	height: 25px;
	padding-top: 370px;
 */
}
#emailsignup span {
	display: block;
	width: 204px;
	font-size: 1px;
	letter-spacing: -1px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0;
}
#emailsignup div {
	position:absolute;
	width: 204px;
	margin-left: 0px;
	margin-top: 370px;
	margin-bottom: 0;
	margin-right: 0;
	padding-left: 380px;
}

#emailsignup input {
	margin-right: 5px;
}
#emailsignup input[type="text"] {
	color: #657B75;
	margin: 0 5px 0 0;
	border: black 1px solid;
	width: 100px;
	height: 17px;
	font-size: 12px;
	background: #3B4143;
	padding: 0;
}
#emailsignup input[type="submit"] {
	color: #657B75;
	margin: 0 0 0 0;
	background: #3B4143;
	border: black 1px solid;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 22px;
	padding: 0;
}
.music .details {
	margin: 0 30px 15px 30px;
	color: #ccf;
}
/* hide from ie5/mac 
.music .details {
	padding-bottom: 1px;
}
* html .music .details {
	padding-bottom: 7px;
}
/* end hide 
.music .details ul {
	margin-bottom: 0;
}
.music .details li a {
	text-decoration: none;
}
.music .details li a:hover {
	border-top: 1px solid #9E7132;
}

.music #content ul {
	list-style-type: none;
	margin: 10px 0;
	padding: 15px 20px 5px 20px;
	width: 400px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 360px;
}
.music .mp3_hifi_download, .music .mp3_lofi_download {
	padding: 6px 0 6px 25px;
	display: block;
}
.music .mp3_hifi_play, .music .mp3_lofi_play {
	padding: 6px 0 6px 25px;
	display: block;
}
.music blockquote {
	background: #FFB4DC;
	margin: 0;
	padding: 10px 40px;
	width: 400px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 320px;
}
.music blockquote p {
	margin: 0 0 1em 0;
}
.music blockquote.lyrics {
	margin-bottom: 6px;
}

/* -- LINKS ON SELECT -- */
.home #navhome, .index #navindex, .music #navmusic, .contact #navcontact,   .press #navpress, .news #navnews, .photos #navphotos, .guestbook #navguestbook,  .links #navlinks, .calendar #navcalendar, .bio #navbio, .products #navproducts {
	color: #fff;
border-top: 1px solid #3A545E;
}

/*-- ACCESSIBILITY HIDE-- */
#accessibility {
	position: absolute;	
	left: -9999px ;
}
			/* NEW!! fixes to centering of copyrigth notice in footer */
			
         #footer {
         /*	position: relative; 				NEW!! not necessary */
         	width: 400px;
				padding-left: 70px;			/* NEW!! the padding should be here, not on #footer p */
         }


         #footer p {
         	background: transparent;
         	text-align: center;
         	margin: 25px auto;			/*	NEW!! was 25px all around, now it's automatically centered */
         /*	padding-left: 90px; 				NEW!! the padding should on #footer, not here */
         	voice-family: "\"}\"";
         	voice-family:inherit;
         	border: 0;
         	height: 10px;
         }

			/* NEW!! was applied to photo page only, but this styling works well on .home img too. Now it's applied
				to all images (which, of course, only appear on the home photo pages. */

         img {
         	margin: 10px;
         	padding: 10px;
         	border: solid 1px #3B4143;
         	background: #020911;
         }

.photos dl {
	margin: 0 8px;
	padding: 0;
}
.photos dt {
	padding: 5px;
	background: ;
	margin: 10px 0 1px 0;
	text-align: center;
}
.photos dd {
	text-align: center;
	margin: 0;
	padding: 0;
}
.photos h1 {
}
.calendar h2 {
	width: 400px;
	height: 39px;
	text-align: center;
	background: url(/shared/fleur/alt-calbg.gif) top;
	padding-top: 2px;
}
.calendar h3 {
	margin-left: 5px;
}
.calendar .details {
	margin: 10px;
}


#guestbook {
	margin: 0 20px 30px 20px;
}

.guestbook blockquote {
	width: 420px;
	margin: -10px;
}


.guestbook h2 {
	margin-bottom: 5px;
	text-transform: uppercase;
	font-family: courier new;
	font-size: 9pt;
	text-align: left;
}
.guestbook h2 a {
	text-transform: lowercase;
}
.guestbook h3 {
	width: 100px;

	margin: 15px 15px 20px 0;
	padding: 3px 3px;
	background: #020911;
	text-align: center;
	border: 1px solid #3B4143;
}



#postForm {
	margin: 0 20px 0px 20px;
	padding: 10px;
}
#postForm input, #postForm label, #postForm textarea {
	display: block;
	text-align: left;
	width: 300px;
	margin: 0 auto 10px auto;
}
#postForm label {
	padding: 3px;
	margin-bottom: 1px;
	width: 294px;
}

.products img {
	border: 2px solid #A9B9BF;
}
.products td {
	padding: 10px;
}

.press .caption {
	text-transform: uppercase;
	font-family: courier new;
	font-size: 9pt;
	text-align: center;
	margin-left: 8px;
}

			/* NEW!! Minor adjustments to improve layout - generally, the don't override earlier settings */
			
         .home	#content		{text-align: center;}	/* NEW!! forces centering of img and p in IE */

         .home #content p	{									
				text-align: left;								/* NEW!! realigns text (part of the above IE workaround) */ 
				margin-left: auto; 							/* NEW!! centers p */
				margin-right: auto;
			}
			
         .calendar .entry {
				margin-left: auto; 							/* NEW!! centers p */
				margin-right: auto;
			}

			.links dd			{color: #9C9084;}			/* NEW!! because it looks good */
			
			.products .details {
				margin: 0 30px 15px 30px;					/* NEW!! these are the same styles as .music .details */
			/*	color: #9C9084; */
			}

			.music ul	{margin-top: 4px;}				/* NEW!! slight improvement to readability */


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