/* 
	Designed by Stacy Bias, www.hostbaby.com  -  Portland OR USA
	
	Bugfixed by Andrew Tay (www.andrewtay.com) for HostBaby.com August 2008
   All styles that have been changed are indented
	
	- the band name was still appearing over the #banner .band div, which is used to display the last of the
	  three smaller photos. text is now hidden offscreen using text-indent: -9999px;
	- the four band photos were previously misaligned in several ways by 1px, which was probably due to not
	  taking the the 1px border into account when positioning them. now, with minor adjustments to each, the
	  all line up nicely. the big banner image is now only 159px tall, instead of 160px, like before.
	- fixed a problem with the #emailsignup in IE5.5 using an ultra-safe box model hack
	- fixed another IE5.5 problem, where the entries on the .press page were only 66px wide, due to some
	  bad code which others browsers ignored (and which was useless anyway).
	- fixed problems with the placement of the #content div and the hi header within it, by simplifying its
	  positioning. before, the gap between the #banner and the h1 header varied widely between browsers. now,
	  it's consistent. one of main causes of the problem was not zeroing margins on h1
	
*/


/* main style sheet */
/* vim:set foldmethod=marker: */
#splashimage { text-align: center; margin: 100px auto; }
#splashimage a img { border: 0; }
#splashimage a:hover { background: none; }

body {
  margin: 0px;
  padding: 0px;
  background-attachment: fixed;
  text-align: center;
  font-family: arial,helvetica,sans-serif;
}


/* {{{ a */
a {
  text-decoration: underline;
  font: bold 10px verdana,sans-serif;
  padding: 0px 0px 0px 10px;
}


/* }}} a */
/* {{{ accessibility */
div#accessibility {
  position: absolute;
  font-size: 1px;
  left: -1000px;
  top: -1000px;
}
/* }}} accessibility */
/* {{{ container */
div#container {
  background: transparent url(http://dannyharrington.com/style.css) no-repeat;
  width: 669px;
  margin: 0px auto;
  text-align: left;
  padding: 0px 0px 0px 0px;
  position:relative;
}
/* }}} container */

         /* {{{1 div#banner, .photo and .band too */
         div#banner {
           width: 450px;
           height: 159px;					/* NEW!! this tweak fixes alignment (was height: 160px;) */
background: transparent url(http://dannyharrington.com/images/03_Harrington1-cropped-big450x160.JPG) no-repeat;
           position: relative;
           top: 7px;
           left: 7px;
           border-bottom: 1px;
           border-top: 1px;
           border-right: 1px;
           border-left: 1px;
           border-thickness: 1px;
           border-color: #FFFFFF;
           border-style: solid;
           font: 0px sans-serif;
         }

			/*   {{{2 .photo */

         div#banner div.photo {
           width: 187px;
           height: 45px;
background: transparent url(http://dannyharrington.com/images/02_Harrington-cropped-a187x45.JPG) no-repeat;
           position: absolute;
           top: -1px; 						/* NEW!! this tweak fixes alignment (was top: 0px;) */
           left: 465px;
           border-bottom: 1px;
           border-top: 1px;
           border-right: 1px;
           border-left: 1px;
           border-thickness: 1px;
           border-style: solid;
           font: 0px sans-serif;
         }
         
div#banner div.photo span{
  display: none;
}
/*   }}}2 .photo */
			
			
         /*   {{{2 .band */
         div#banner div.band {
           width: 187px;
           height: 45px;
background: transparent url(http://dannyharrington.com/images/07_Harrington-cropped-b187x45.JPG) no-repeat;
           position: absolute;
           top: 56px;						/* NEW!! this tweak fixes alignment (was top: 57px;) */
           left: 465px;
           border-bottom: 1px;
           border-top: 1px;
           border-right: 1px;
           border-left: 1px;
           border-thickness: 1px;
           border-style: solid;
           font: 0px sans-serif;
         }

         div#banner div.band span {
           width: 187px;
           height: 45px;
background: transparent url(http://dannyharrington.com/images/02_Harrington-cropped-c187x45.JPG) no-repeat;
           position: absolute;
           top: 56px;
           left: -1px; 						/* NEW!! this tweak fixes alignment (was left: 0px;) */
           border-bottom: 1px;
           border-top: 1px;
           border-right: 1px;
           border-left: 1px;
           border-thickness: 1px;
           border-style: solid;
           font: 1px sans-serif;
			  text-indent: -9999px;			/* NEW!! This hides the band name text */
         }


/*   }}}2 .band */
/* }}}1 div#banner, .photo and .band too */
/* {{{ div#navigation */
div#navigation {
  z-index: 10;
  position: absolute;
  top: 200px;
  right: 0px;
  width: 195px;
  padding: 0px 0px 0px 0px;
  font: bold 8pt verdana,sans-serif;
}

div#navigation ul {
  list-style-type: none;
  padding: 30px 0px 0px 0px;
  margin:  0px 0px 0px 0px;
}

/* ie5/mac hack \*/
div#navigation ul {
}
/* end hack */

div#navigation li {
  height:35px;
}

div#navigation li a {
  text-decoration: none;
  font: bold 14px verdana,sans-serif;
  padding: 0px 0px 0px 10px;
  display: block;
}

/* }}} div#navigation */

         /* {{{1 #content */
			
			/* NEW!! Removed this code in order to simplify positioning of #content and h1. #content is now
				part of the normal flow.
			
         #content {
           position: absolute;
           top: 95px; 
         }
			
			*/


/*   {{{2 body.??? #content */
body.home #content h1 {
  background:url(http://dannyharrington.com/style.css) no-repeat;
}

body.bio #content h1 {
  background:url(http://dannyharrington.com/style.css) no-repeat;
}

body.music #content h1 {
  background:url(http://dannyharrington.com/style.css) no-repeat;
}

body.contact #content h1 {
  background:url(http://dannyharrington.com/style.css) no-repeat;
}

body.press #content h1 {
  background:url(http://dannyharrington.com/style.css) no-repeat;
}

body.news #content h1 {
  background:url(http://dannyharrington.com/style.css) no-repeat;
}

body.calendar #content h1 {
  background:url(http://dannyharrington.com/style.css) no-repeat;
}

body.photos #content h1 {
  background:url(http://dannyharrington.com/style.css) no-repeat;
}

body.products #content h1 {
  background:url(http://dannyharrington.com/style.css) no-repeat;
}

body.guestbook #content h1 {
  background:url(http://dannyharrington.com/style.css) no-repeat;
}

body.links #content h1 {
  background:url(http://dannyharrington.com/style.css) no-repeat;
}

         /*   }}}2 body.??? #content */
         #content h1 {
            font-family: impact, verdana;
            font-weight: normal;
            width:450px;
         /* height: 35;						NEW!! removed in order to simplify positioning of #content and h1 */		
            font-size: 25px;
         /* position: relative;			NEW!! removed in order to simplify positioning of #content and h1
            top: 10px;						NEW!! removed in order to simplify positioning of #content and h1	*/
         }

			/* NEW!! Zeroing these values forces consistency between browsers (especially IE) */
			h1 {
				margin: 0 0 10px 0; 
				padding: 0;
				}			
			
			
div#content li a {
  text-decoration: none;
  font: bold 11px verdana,sans-serif;
  padding: 0px 0px 0px 10px;
}

div#content li a:hover {
  color: #FFFFFF;
}


div#content h2 {
  font-size: 16px;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

div#content h3 {
  font-size: 14px;
}

div#content h4 {
  font-size: 12px;
}

         div#content {
           width: 450px;
           margin: 30px 0px 0px 10px;				/* NEW!! margin-top was 60px */
           padding: 0px 0px 0px 0px;
           font: normal 10pt arial,sans-serif;
         }

			/* NEW!! removed in order to simplify positioning of #content and h1
         html>body div#content {
           margin-top: 70px;
         }

body.contact div#content ul {
  padding: 0px;
  margin: 10px 0px;
}

body.contact div#content li {
  display: block;
  padding: 0px 0px 0px 24px;
  margin: 0px;
}
/* }}}1 #content */


         /* {{{ div#emailsignup */
         div#emailsignup {
           z-index: 10;
           position: absolute;
           top: 727px;
           width: 181px;
           right: 0px;
           padding: 30px 7px 7px 7px;
           font: bold 8pt verdana,sans-serif;
         }
			
			
         /* NEW!! An ultra-safe hack for IE6 and IE5 only, combining the Tan hack and the Pixy hack. The
         	* html makes sure that only IE5/6 see any of this (and the underscores act as a backup). The
         	backslashes pass real values to IE6 that override the fake values for IE5 (box model problem). */
         
         * html div#emailsignup { 		
         	_width: 195px;			/* fake width for IE5win only = real width + padding + border */
            _w\idth: 181px;
            }



div#emailsignup input {
  margin: 7px 7px 7px 7px;
  font: bold 8pt verdana,sans-serif;
  padding: 2px 3px;
}

div#emailsignup input[type="text"] {
}

div#emailsignup input[type="submit"] {
}
/* }}} div#emailsignup */
/* {{{ div#footer */
div#footer {
  z-index: 10;
  position: absolute;
  top: 815px;
  width: 181px;
  left: 472px;
  text-align: left;
  padding: 3px 7px 3px 7px;
  font: bold 8pt verdana,sans-serif;
}
/* }}} div#footer */
/* {{{ entry */
div.entry {
  margin: 10px 0;
  text-align: justify;
}

div.entry h2, div.entry h3 {
  padding: 10px 0 0 0;
  font: bold 14px sans-serif;
  text-align: left;
  width: 500px;
  height: 35px;
}
/* }}} entry */
form {
  margin:0px;
}
/* {{{ photos */
body.photos dt {
  margin: 0px 0px 0px 0px;
  padding: 15px 0px 0px 20px;
  text-align: center;
  font: bold 10pt verdana,sans-serif;
}

body.photos dd {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  text-align: center;
  padding: 5px 0px 10px 0px;
}

/* }}} photos */
html>body div#footer {
  width: auto;
}
/* {{{ music */
body.music div.details {
  padding-bottom:10px;
}

body.music div.artist {
  font-size:.85em;
  line-height:normal;
  display:block;
}
/* }}} music */
/* {{{ press */

         body.press div.entry blockquote {
           margin:10px;
           padding: 10px 10px 0px 10px;
        /* height: 66;			NEW!! This bad code should have been ignored by all browsers, but
           width: 66; 			strangely, IE5.5 honored it anyway. Now it's gone. */
         }

body.press div.entry .caption {
  margin-bottom: 35px;
  font-weight:bold;
  text-align: right;
}
/* }}} press */
/* {{{ calendar */
div#calendar div.entry h3 {
  background: none;
  padding: 0px;
  margin: 0px;
}

div#calendar div.entry h2 {
  padding: 10px;
  margin: 0px;
}

div#calendar div.entry h4 {
  background: none;
  padding: 0px;
  margin: 0px;
}
/* }}} calendar */
/* products */
body.products hr {
  display:none;
}
/* {{{ #postForm */
#postForm img#gbimage {
	display: block;
	margin: auto;
}

div#postForm {
  border: 1px solid #000;
  min-height: 296px;
  align: center;
}

div#postForm label {
  margin: 5px;
  font: bold 10pt arial,sans-serif;
  padding: 6px 9px;
  width: 312px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 312px;
}

html>body div#postForm label {
  width: 294px;
}

div#postForm input {
  width: 308px;
  height: 22px;
  margin: 5px;
}

div#postForm textarea {
  width: 308px;
  height: 95px;
  margin: 5px;
}

/* guestbook */
body.guestbook div#postForm {
  border:solid 1px #000;
  width: 320px;
  padding:0px;
  margin: 0 0 0 50px;
  text-align:center;
}

body.guestbook div#postForm input, body.guestbook div#postForm textarea {
  margin-top:5px;
  width:265px;
}
/* }}} #postForm */
div#guestbook div.entry h3 {
  background: none;
  display: inline;
  padding: 0px;
  margin: 0px;
}

/* -- selected links --*/
.home #navhome, .blog #navblog,
.index     #navindex,
.music     #navmusic,
.contact   #navcontact,
.press     #navpress,
.news      #navnews,
.photos    #navphotos,
.guestbook #navguestbook,
.links     #navlinks,
.calendar  #navcalendar,
.bio       #navbio,
.products     #navproducts {
  text-transform: uppercase;
  background: #FFFFFF;
  /* defined in individual color file
  color: #000000;
   */
}
body {
  color: #FFFFFF;
  background: #000000 url(http://dannyharrington.com/shared/darkjane/djbg_seafoam.gif) repeat-y 50%;
  }

html>body {
  background: #000000 url(http://dannyharrington.com/shared/darkjane/djbg_seafoam.gif) repeat-y 50%;
  }

a:link {
  color: #00797E;
  }

a:visited {
  color: #00797E;
  }

a:hover {
  color: #000000;
  background: #00797E;
   }

a:active {
  color: #00797E;
  }

div#navigation {
  color: #FFFFFF;
  border-left: 2px dashed #00797E;
  background: url(http://dannyharrington.com/shared/darkjane/navigate_seafoam.jpg) no-repeat;
  }

div#navigation li a {
  color: #00797E;
  }

div#navigation li a:link {
  color: #00797E;
  }

div#navigation li a:visited {
  color: #00797E;
  }

div#navigation li a:hover {
  color: #000000;
  background: #00797E;
   }

div#navigation li a:active {
  color: #00797E;
  }

div#emailsignup {
  color: #FFFFFF;
  background: url(http://dannyharrington.com/shared/darkjane/signup_seafoam.jpg) no-repeat;
  border-left: 2px dashed #00797E;
  }

div#emailsignup input {
  border: 1px solid #FFFFFF;
  color: #00797E;
  }

  div#footer {
  color: #00797E;
  border-left: 2px dashed #00797E;
  }

div#banner {
	border-color: #00797E;
  }

div#banner div.photo {
	border-color: #00797E;
  }

div#banner div.band {
	border-color: #00797E;
    }

div#banner div.photo span {
	border-color: #00797E;
	}

div#banner div.band span
{
	border-color: #00797E;
	color: #00797E;
	}

#content h1 {
  /*
	background:url(http://dannyharrington.com/shared/darkjane/h1back_seafoam.jpg) no-repeat;
  */
	color: #00797E;
	}

div#content li a:link {
  color: #cccccc;
  }

div#content li a:visited {
  color: #cccccc;
  }

div#content li a:hover {
  background: #cccccc;
   }

div#content li a:active {
  color: #cccccc;
  }

div.entry h2, div.entry h3 {
  color: #cccccc;
  background:url(http://dannyharrington.com/shared/darkjane/h1back_seafoam.jpg) no-repeat;
  }

div#content h3 {
  background:url(http://dannyharrington.com/shared/darkjane/h1back_seafoam.none) no-repeat;
  }

div#content {
  color: #FFFFFF;
  }

body.photos img {
  border: 1px solid #cccccc;
  }

.home #navhome, .blog #navblog, .index #navindex, .music #navmusic, .contact #navcontact,   .press #navpress, .news #navnews, .photos #navphotos, .guestbook #navguestbook,  .links #navlinks, .calendar #navcalendar, .bio #navbio, .products #navproducts {
	color: #000000;
}
.news #content .news_next,.news_prev { padding: 0; line-height: 3; }