/* 
	Designed by Martin Neumann, Rush.media Webdesign www.rushmedia.de  -  Buckenhof  Germany
	
	Bugfixed by Andrew Tay (www.andrewtay.com) for HostBaby.com May 2007 
   All styles that have been changed are indented
	
	- added Arial to the list of fonts for body. Previously, FF and IE would automatically choose Arial to
	  match Helvetica but Opera would go to the next choice, which is Verdana
	- page content from the h1 down was pushed further down on the page in FF and Opera. Although this usually
	  points to the infamous IE collapsing margins/padding bug, it was solved simply by commenting out two
	  hacks, which makes one wonder what the hacks were for in the first place. similar fixes for the footer
	- margins added to home page img
	
*/


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

/* Basic HTML Elements */
         body {
         	padding: 0;
         	margin: 0;
         	text-align: center;
         	font: 80% Helvetica, Arial, Verdana, sans-serif;	/* NEW!! added Arial to the list */
         	color: #E2E2E2;
         	background: #000;
         	background: #000 url(/shared/darkvengeance/bg.jpg) top center repeat-y;
         }
ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
form {
	margin: 0;
}

/* main structural elements */
#accessibility {
	position: absolute;
	left: -9999px;
}
         #container {
         	width: 750px;
         	text-align: left;
         	margin: 0 auto;
         /*	padding-top: 60px; 			NEW!! This didn't do anything anyway; later it's reset to 0 */
         }
			
			/* NEW!! This hack actually created browswer inconsistencies, instead of solving them
			
         html>body #container {
         	padding-top: 40px;
         }
			*/

/* main content elements */
#banner {
	position: absolute;
	top: 10px;
	height: 100px;
}
/* -- navigation -- */
#navigation {
	position:absolute;
	padding: 20px 0 0 0;
	margin: 0 0 0 30px;
	height:35px;
	width:750px;
	top:140px;
	background: url(/shared/darkvengeance/ag_nav_bg.jpg) left bottom no-repeat;
}
/* ie5/mac hack \*/
#navigation {
	padding:0;
	height:60px;
}
/* end hack */
#navigation ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style:none;
	}
#navigation li {
	float:left;
}
/* ie5/mac hack \*/
#navigation li {
	display:block;
	margin:auto;
}
/* end hack */
#navigation li a {
	text-decoration: none;
    padding: 27px 3px 10px 10px;
	margin: 0;
	font-size: 1.2em;
}
/* ie5/mac hack \*/
#navigation li a {
    display:block;
}
/* end hack */
#navigation li a:hover {
	background: none;
}
/* ie5/mac hack \*/
#navigation li a:hover {
	background: url(/shared/darkvengeance/star.gif) 15px 2px no-repeat;
}
/* end hack */
#emailsignup {
	position: absolute;
	top: 250px;
	width: 700px;
	height:60px;
	text-align: right;
	z-index: 1;
}
#content {
	margin: 0;
}

/* -- banner area -- */
#banner .photo {
	width: 750px;
	height: 84px;
	position: relative;
	top: 5px;
}
#banner .band span {
	display: none;
}
#banner .photo span {
	display: none;
}

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

/* -- basic html elements -- */
a {
	color: #CC0000;
	font-weight: bold;
}
a:hover {
	color: #FF0000;
}
h1 {
	color: #8E1718;
}
h2 {
	text-transform: lowercase;
	color: #FCE100;
	font-weight: normal;
	font-style: italic;
	font-size: 1.3em;
	letter-spacing: 1px;
	margin: 0 0 5px 15px;
}
h3 {
	font-size: 15px;
	margin: 0 15px;
}
h4 {
	font-size: 14px;
	font-style: italic;
	margin: 2px 10px 10px 0;
	color: #40673A;
}
ul {
	padding: 0;
	margin: 0 0 0 30px;
	list-style-type: square;
}
p {
	line-height: 1.3;
}

/* layout tweaks */
#content {
	padding: 0;
}
         #container {
         	background: url(/shared/darkvengeance/ag_footer.jpg) bottom center no-repeat;
         	width: 760px;
         	voice-family: "\"}\"";
         	voice-family:inherit;
         	width: 750px;
         	padding: 0px;
         }
			
         #footer {
         	margin: 70px 0 0 0;			/* NEW!! margin-top was 40px; now added 30px from footer */
         	padding: 0 0 15px 0;
         	clear: both;
         }
			/* NEW!! This hack actually created browswer inconsistencies, instead of solving them

         html > body #footer {
        		padding: 30px 0 15px 0;
         }
			*/
			
#footer p {
	margin: 0;
	font-size: 0.8em;
	text-align: center;
}

			/* NEW!! This hack actually created browswer inconsistencies, instead of solving them

         html > body #footer p {
         /*	margin-top: 20px; 
         }
			*/
			
/* -- emailsignup --*/
#emailsignup {
	padding: 8px;
}

/* -- content area --*/
#content .entry {
	margin: 0 15px 30px 15px;
	clear: left;
}
.entry .name, .entry .act {
	font-weight: bold;
	font-style: normal;
	font-size: 1em;
	margin-left: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #FCE100;
}
.entry .name {
	margin-left: 4em;
}
.entry ul {
	margin-top: 10px;
}
.entry li {
	line-height: 20px;
}
.entry p {
	margin: 10px 20px 15px 20px;
}
.details {
	margin: 0 20px 0 30px;
}

/* -- section-specific style -- */
#navigation a {
    color: #E2E2E2;
}
#navigation a:hover {
    color: #FFF;
}
.home p, .index p, .list p {
	margin: 0 35px 1.5em 35px;
	line-height: 130%;
}
.contact ul {
	list-style: none;
}
.contact h2 {
    letter-spacing: 5px;
}
#postForm {
	height: 345px;
	margin: 0 auto 35px auto;
	padding: 10px;
	w\idth:300px;
	text-align:center;
	}
#postForm input, #postForm label, #postForm textarea {
	display: block;
	text-align: left;
	width: 300px;
	margin: 0 auto 10px auto;
}
#postForm input:focus, #postForm textarea:focus {
	color: #fff;
	background: #C84130;
	font-weight: bold;
}
#postForm label {
	padding: 3px 0;
	margin-bottom: 1px;
	font-style: italic;
}

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

#postForm label.security_code_label {
	margin: auto;
}

#postForm input#security_code {
	margin: auto;
}

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

.guestbook h2 {
	margin: 0 0 2px 0;
	padding: 1px 1px 1px 20px;
	letter-spacing: 0;
	font-size: 1.1em;
}
.guestbook h2 a {
	text-transform: lowercase;
	font-weight:normal;
}
.guestbook h3 {
	margin: 0;
	padding: 10px 0 0 20px;
	font-weight:normal;
	font-size: 1em;
	text-transform: uppercase;
}
.guestbook blockquote {
	margin: 0;
	padding: 0px 20px 15px 20px;
}
.guestbook p:first-letter {
    font-size: 1.2em;
}
.links h2 {
	margin: 0 20px 10px;
}
.links dl {
	margin: 0 25px 20px;
}
.links dd {
	margin-bottom: 5px;
}
.music h2 {
	font-size: 1.3em;
}
.music h2 {
	margin-top: 40px;
	padding-bottom: 10px;
	letter-spacing: 5px;
}
.music h3 {
    text-transform:uppercase;
	font-weight: normal;
	margin: 5px 10px 5px 60px;
}
.music h3 a {
    text-decoration: none;
    font-weight:normal;
}
.music .details {
	margin: 0 30px 15px 60px;
}
.music .artist {
	color: #838386;
}
.music .artist, .music .caption {
	display: inline;
	text-size: 0.7em;
	padding-right: 10px;
}
.music .description {
	line-height: 150%;
	font-style: italic;
	border-bottom: solid 1px #797982;
}
.music #content ul {
	list-style-type: none;
	background: url(/shared/darkvengeance/box_bg.jpg) top left no-repeat;
	padding: 5px 10px;
	margin: 10px 0;
}
.music #content li a {
	font-weight: normal;
}
.music .mp3_hifi_download, .music .mp3_lofi_download {
	padding: 0 0 10px 20px;
	background: url(/shared/darkvengeance/ico-cd.gif) no-repeat;
	display: block;
}
.music .mp3_hifi_play, .music .mp3_lofi_play {
	padding: 0 0 10px 20px;
	background: url(/shared/darkvengeance/ico-play.gif) no-repeat;
	display: block;
}
.news {
	line-height: 130%;
}
.photos img {
	border: solid 10px #F3F5F2;
	background: #F3F5F2;
	padding: 0;
}
.photos dl {
    text-align:center;
	margin: 0 20px;
	padding: 0;
}
.photos dt {
	padding: 5px;
	margin: 20px 0 1px 0;
}
.photos dd {
	margin: 0;
	padding: 0;
}
.press h2 {
	margin-left: 20px;
	margin-right: 20px;
	letter-spacing: 5px;
}
.press .caption {
	margin: 0 40px 40px;
	padding: 0 5px 0 35px;
	background: url(/shared/darkvengeance/ico-speech.gif) no-repeat;
}
.links h3 a {
	font-size: 0.9em;
}
.calendar h2 {
	font-size: 1.1em;
	text-transform:uppercase;
	font-style: normal;
	color: #464646;
}
.calendar h2 a {
    font-weight:normal;
}
.calendar h3 {
	font-weight: normal;
	font-variant: small-caps;
	font-size: 1.1em;
}

/* -- selected links --*/
.home #navhome, .blog #navblog, .index #navindex, .bio #navbio, .music #navmusic, .contact #navcontact, .press #navpress, .news #navnews, .calendar #navcalendar, .photos #navphotos, .guestbook #navguestbook, .links #navlinks, .products #navproducts {
	text-transform: uppercase;
}

/* -- section-specific image replacement -- */
         h1 {
         	height: 116px;
         	margin: 185px 0 50px 35px;		/* NEW!! margin-top was 220px but this matches appearance in IE */
         	background-repeat: no-repeat;
         	background-position: top left;
         	background-color: transparent;
         }
			
			/* NEW!! This hack actually created browswer inconsistencies, instead of solving them
			div>h1 {
             margin-top: 185px;
         }*/
			
.contact h1 {
	background-image: url(/shared/darkvengeance/ag_h1-contact.jpg);
}
.calendar h1 {
	background-image: url(/shared/darkvengeance/ag_h1-calendar.jpg);
}
.guestbook h1 {
	background-image: url(/shared/darkvengeance/ag_h1-guestbook.jpg);
}
.home h1, .index h1, .list h1 {
	background-image: url(/shared/darkvengeance/ag_h1-welcome.jpg);
}
.links h1 {
	background-image: url(/shared/darkvengeance/ag_h1-links.jpg);
}
.music h1 {
	background-image: url(/shared/darkvengeance/ag_h1-music.jpg);
}
.news h1 {
	background-image: url(/shared/darkvengeance/ag_h1-news.jpg);
}
.photos h1 {
	background-image: url(/shared/darkvengeance/ag_h1-photos.jpg);
}
.press h1 {
	background-image: url(/shared/darkvengeance/ag_h1-press.jpg);
}
.bio h1 {
	background-image: url(/shared/darkvengeance/ag_h1-bio.jpg);
}
.products h1 {
	background-image: url(/shared/darkvengeance/ag_h1-store.jpg);
}
h1 span {
	display: none;
}


			/* NEW!! new margins for home page image */

         .home img {margin: 0 0 1.5em 35px;}

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