/*
   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/logo2004-139x137-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; }