/*
   HostBaby Wizard "Leaving My Mark" (blue left hand) style

   By: Allen Reed
       ar [at] node {dot} ws
       http://www.node.ws
		 
	Bugfixed by Andrew Tay (www.andrewtay.com) for HostBaby.com May 2007 
   All styles that have been changed are indented
	
	- links now have underlines, making them more visible and easier to distinguish from headers, which looked
	  pretty much identical
	- margins added to all imgs, mainly to improve layout on home page
	- minor tweaks to line spacing (actually top and bottom margins) on calendar
	  
*/


body {
	color: #ddd;
	font: 80% Verdana, sans-serif;
	background: #000 url(shared/leavingmymark/body_bg-left.png) repeat-y top center;
	margin: 0;
	padding: 0;
	height: 100%;
}

			/* NEW!! Restored underlines to all links except in nav. This may be against the original designer's
				intent, but before it was impossible to tell the difference between a link and a header. */
				
         a {
         	color: #6997fe;
         	font-weight: bold;
         /*	text-decoration: none; 		NEW!! restores underlines to links */
         }
			
a:hover {
	color: #ddd;
}
a:visited {
	color: #5377b5;
}
img {
	border: 0;
}
dl {
	margin-top: 0;
}
.entry {
	margin-bottom: 10px;
}
hr {
	width: 80%;
}
table {
	/* ie5 has text too big */
	font: 1.0em Verdana, sans-serif;
}


#container {
	position: absolute;
	left: 50%;
	margin-left: -375px;
	padding-bottom: 10px;
	width: 750px;
	height: 275px;
	background: url(shared/leavingmymark/left_hand-covered_thumb-blue.png) no-repeat top left;
	text-align: justify;

	/* ie5/mac horizontal scroll hack */
	right: 16px;
	margin-right: -16px;
}

#navigation {
	margin-bottom: 10px;
	position: absolute;
	top: 290px;
	left: 39.5px;
}
#navigation ul {
	list-style-type: none;
	width: 120px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	border: none;
}
#navigation ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
}
#navigation ul li a {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
}
#navigation ul li a:visited {
	color: #6997fe;
	text-decoration: none;
}
#navigation ul li a:hover {
	color: #ddd;
	text-decoration: none;
}

/* current page on the nav has a different color */
.home #navigation ul li #navhome {
	color: #ddd;
	background: url(shared/leavingmymark/nav_bg-blue.png) no-repeat center;
}
.bio #navigation ul li #navbio {
	color: #ddd;
	background: url(shared/leavingmymark/nav_bg-blue.png) no-repeat center;
}
.music #navigation ul li #navmusic {
	color: #ddd;
	background: url(shared/leavingmymark/nav_bg-blue.png) no-repeat center;
}
.contact #navigation ul li #navcontact {
	color: #ddd;
	background: url(shared/leavingmymark/nav_bg-blue.png) no-repeat center;
}
.press #navigation ul li #navpress {
	color: #ddd;
	background: url(shared/leavingmymark/nav_bg-blue.png) no-repeat center;
}
.news #navigation ul li #navnews {
	color: #ddd;
	background: url(shared/leavingmymark/nav_bg-blue.png) no-repeat center;
}
.calendar #navigation ul li #navcalendar {
	color: #ddd;
	background: url(shared/leavingmymark/nav_bg-blue.png) no-repeat center;
}
.photos #navigation ul li #navphotos {
	color: #ddd;
	background: url(shared/leavingmymark/nav_bg-blue.png) no-repeat center;
}
.products #navigation ul li #navproducts {
	color: #ddd;
	background: url(shared/leavingmymark/nav_bg-blue.png) no-repeat center;
}
.guestbook #navigation ul li #navguestbook {
	color: #ddd;
	background: url(shared/leavingmymark/nav_bg-blue.png) no-repeat center;
}
.links #navigation ul li #navlinks {
	color: #ddd;
	background: url(shared/leavingmymark/nav_bg-blue.png) no-repeat center;
}

#content {
	margin-left: 199px;
	padding: 10px;
	margin-top: 55px;   /* from 45px */
	
	/* ie5 hack */
	width: 551px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 531px;
}
html>body #content {
	width: 531px;
}

/* page specific headers */
.home #content h1, .list #content h1 {
	background: url(shared/leavingmymark/header-blue-welcome.gif);
	height: 22px;
	width: 94px;
}
.bio #content h1 {
	background: url(shared/leavingmymark/header-blue-bio.gif);
	height: 22px;
	width: 39px;
}
.music #content h1 {
	background: url(shared/leavingmymark/header-blue-music.gif);
	height: 22px;
	width: 67px;
}
.contact #content h1 {
	background: url(shared/leavingmymark/header-blue-contact.gif);
	height: 22px;
	width: 85px;
}
.press #content h1 {
	background: url(shared/leavingmymark/header-blue-press.gif);
	height: 22px;
	width: 59px;
}
.news #content h1 {
	background: url(shared/leavingmymark/header-blue-news.gif);
	height: 22px;
	width: 57px;
}
.calendar #content h1 {
	background: url(shared/leavingmymark/header-blue-calendar.gif);
	height: 22px;
	width: 98px;
}
.photos #content h1 {
	background: url(shared/leavingmymark/header-blue-photos.gif);
	height: 23px;
	width: 73px;
}
.products #content h1 {
	background: url(shared/leavingmymark/header-blue-store.gif);
	height: 24px;
	width: 60px;
}
.guestbook #content h1 {
	background: url(shared/leavingmymark/header-blue-guestbook.gif);
	height: 23px;
	width: 107px;
}
.links #content h1 {
	background: url(shared/leavingmymark/header-blue-links.gif);
	height: 22px;
	width: 60px;
}

#content h1 {
	font-size: 1.5em;
	position: absolute;
	top: 20px;
	left: 50%;
	margin: 0 0 0 -166px;  /* all (for ie) */
	padding: 0;
}
/* only opera6 hack */
html>body div#content h1 {
	marg\in: 0 0 0 -56px;  /* opera6 */
}
head:first-child+body div#content h1 {
	margin: 0 0 0 -166px;  /* all but opera6 and ie */
}

#content h1 span {
	display: none;
}
#content h2 {
	font-size: 1.3em;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #6997fe;
	margin: 0;
	padding: 0;
}
#content h3 {
	font-size: 1.1em;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #5377b5;
	margin-top: 0;
	color: #6e9fea;
}
#content h4 {
	font-size: 1.0em;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0;
	color: #6e9fea;
}
#content p {
	margin-top: 0;
}

/* user defined photo styles */
#banner .photo {
	position: absolute;
	top: 152px;
	left: 54px;
background: url(images/cone-89x74.jpg) no-repeat;
	height: 74px;
	width: 89px;
}
#banner .photo span {
	display: none;	
}
#banner .band {
	display: none;
}

#accessibility {
	display: none;
}

/* mailing list signup form styles */
#emailsignup {
	font-size: 0.9em;
	width: 300px;
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: 65px;
	text-align: right;

	/* ie5/mac horizontal scroll hack */
	right: 16px;
	margin-right: -16px;
}
#emailsignup input {
	margin-left: 5px;
	font-size: 0.9em;
}
form {
	margin: 0;
	padding: 0;
}

#footer {
	position: absolute;
	left: 50%;
	margin-left: -100.5px;
	width: 400px;
	text-align: center;
	font-size: 0.8em;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #aaa;
}

/* bio page styles */
.bio #content p {
	margin-top: 0;
}

/* music page styles */
.music #content .artist {
	margin-left: 10px;
	color: #aaa;
}
.music #content ul {
	list-style-type: none;
	border: 1px solid #333;
	padding: 0;
	margin: 0;
	margin-left: 10px;
	background-color: #000;
	margin-right: 10px;
	margin-bottom: 10px;
}
.music #content ul li {
	padding: 5px;
}
.music #content h2 {
	font-size: 1.5em;
	margin-top: 8px;
	margin-bottom: 5px;
}
.music #content .caption {
	margin-left: 10px;
}

/* contact page styles */
.contact #content .name {
	margin-left: 10px;
	color: #aaa;
}
.contact #content ul {
	list-style-type: none;
	border: 1px solid #333;
	padding: 0;
	margin: 0;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #000;
}
.contact #content ul li {
	padding: 5px;
}

/* press page styles */
.press #content blockquote {
	margin-bottom: 5px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
}
.press #content .caption {
	background: url(shared/leavingmymark/press_quote_small.gif) no-repeat top left;
	margin-left: 30px;
	padding-left: 25px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/* photos page styles */
.photos dt {
	text-align: center;
	margin: 0;
	margin-bottom: 5px;
}

         .photos dd {
         	margin: 0;
         	margin-bottom: 8px;		/* NEW!! Was 20px, but now 12px margin is applied to all images */
         	text-align: center;
         }
			
.photos dd img {
	background-color: #000;
	padding: 10px;
	border: 1px solid #333;
}

/* guestbook page styles */
.guestbook #content #postForm {
	background-color: #000;
	border: 1px solid #333;
	margin-top: 0px;
	width: 400px;
	margin-left: 65.5px;
	margin-bottom: 20px;
}
.guestbook #content #postForm form {
	padding: 0 10px 10px 10px;
}
head:first-child+body #content #postForm form {
	padding: 10px 10px 0 10px;
}
.guestbook #content #postForm label {
	margin: 10px 0 3px 0;
	width: 100%;
	display: block;
	text-align: left;
}
head:first-child+body #content #postForm label {
	margin: 0 0 3px 0;
}
.guestbook #content #postForm input {
	margin: 0;
	width: 380px;
	display: block;
}
head:first-child+body #content #postForm input {
	margin: 0 0 10px 0;
}
.guestbook #content #postForm textarea {
	margin: 0 0 10px 0;
	width: 380px;
	display: block;
}
head:first-child+body #content #postForm textarea {
	margin: 3px 0 10px 0;
}

/* Captcha stuff */ 
#postForm img#gbimage {
	width: 100px;
	display: block;
	margin: auto;
}

#postForm label.security_code_label {
	display: block;
	margin: auto;
}

#postForm input#security_code {
	display: block;
}

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

.guestbook #content #guestbook blockquote {
	margin: 0 20px 0 20px;
}
.guestbook #content #guestbook .entry {
	margin-bottom: 20px;
}
.guestbook #content #guestbook h3 {
	margin-left: 20px;
}

/* calendar page styles */
.calendar #content h3 {
	margin: 0;
	margin-left: 10px;
}
         .calendar #content h4 {
         	margin: 0;
         /*	margin-left: 10px; */
				font-style: italic;
         }

			.calendar .details {					/* NEW!! now all details are indented at this level */
				margin: .75em 0 1em 10px;		/* NEW!! for better readability (top & bottom were 0px) */
			}
			
         .calendar #content p {
         	margin: 0 0 .75em 10px;			/* NEW!! for better readability (top & bottom were 0px) */
         /*	margin-left: 10px; 					NEW!! now indented in .calendar .details */
         
         }
         .calendar #content address {
         	margin: 0;
         /*	margin-left: 10px; 					NEW!! now indented in .calendar .details */
         	color: #aaa;
         }

/* products page styles */
.products #content h2 {
	margin-top: 0;
}
.products #content p {
	margin: 0;
}

/* links page styles */
.links #content dl {
	margin-left: 10px;
}
.links #content h3 {
	margin-top: 0;
}

			img {margin: 5px 0 12px 0;}

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