/*
*****************************

Sourhaze.com v7 - V7style.css
Browser(s): All

Written by Elliot Jay Stocks
Created: 14.12.2006
Last modified: 04.01.2007

*****************************
*/






/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui/ */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}






/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight:bold }
em { font-style:italic }






/* Basics */

* { margin:0; padding:0 }
html, body { margin:0; padding:0 }
body { background:#fff url(../images/dirtRepeater01.gif); text-align:center }

	





/* Layout */

div#wrapper { background:url(../images/bodyBG01.jpg) top center no-repeat; width:884px; margin:0 auto 0 auto; text-align:left; position:relative }

div#latestNews, div#freeDownloads, div#biog, div#mailingList { position:absolute; padding:50px 0 0 0 }
ul#nav, div#releases, div#almostForgot, div#musicPlayer, a#siteCredit { position:absolute }

ul#nav 				{ top:60px; left:110px }
div#latestNews 		{ top:70px; left:420px; width:420px }
div#freeDownloads 	{ top:210px; left:60px; width:140px }
div#releases 		{ top:300px; left:420px; width:180px; padding:40px 0 0 0 }
div#biog 			{ top:750px; left:110px }
div#mailingList 	{ top:910px; left:600px; width:220px; padding:90px 0 0 0 }
div#almostForgot	{ top:1350px; left:680px; width:180px; padding:60px 0 0 0 }
div#musicPlayer 	{ top:10px; left:500px }
a#siteCredit 		{ top:994px; left:70px; width:20px; height:150px; text-indent:-9999px; border:none }

div#newsArchive { padding:1360px 300px 200px 104px; background:url(../images/footerBG01.gif) bottom right no-repeat }

div#photos { float:left; margin:0 20px 0 0 }
div#biogText { float:left; width:220px }







/* Typography */

/* body { font:20px/20px 'Courier New', Courier, monospace; color:Green } */ 
/* When activated, this helps to easily identify any text sitting outside a typographical tag */

h1, h2 { display:none }
h3 { font:16px/16px Georgia, 'Times New Roman', Times, serif bold; color:#000; margin:50px 0 2px 0 }
h4 { font:16px/16px Georgia, 'Times New Roman', Times, serif bold; color:#000; margin:0 0 4px -50px }
/* div#almostForgot h3 { margin:0 } */

p { margin:0 0 14px 0 }
p, input, select, textarea, li, td, span { font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; color:#666 }
p, li, span { font-size:10px; line-height:14px } 
input, select, textarea { font-size:10px; color:#666; margin:0 6px 10px 0 }
li { margin:0 0 10px 0 }
div#freeDownloads li { margin:0 0 6px 0 }
/* ol { list-style:decimal-leading-zero; padding:0 0 0 23px } */

span.strapline { font:16px/14px Georgia, 'Times New Roman', Times, serif bold; color:#000; margin:0 }
span.discogTitle { color:#000; font-weight:bold }
span.erased { text-decoration:line-through }







/* Links */

* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

a { color:#666; text-decoration:none; border-bottom:1px solid #996 }
a:hover { border-bottom:2px solid #996 }

.buyButton { margin:0 0 6px 1px }
div#almostForgot .buyButton { margin:6px 0 0 1px }

a.linkToNewsArchive { margin:0 0 0 240px }
a.buttoniTunes { background:url(../images/buyButton-iTunes.gif) top left no-repeat; width:107px; height:9px; text-indent:-9999px; display:block; border:none }
a.buttoniTunes:hover { border:none }
a.backToTheTop { text-align:right }






/* Navigation */

ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:14px; display:block; position:absolute; text-indent:-9999px; border:none }

li#navReleases a, li#navBiog a, li#navMailingList a, li#navExtras a, li#navContact a, li#navMySpace a { background:url(../images/navBG01.gif) }

/*  

Measurements for the nav image replacement:

	The distance from the left to the...
	
	first column = 0
	second column = 67px

	The distance from the top to the...
	
	releases button = 0 / 42px
	biog button = 14px / 56px
	mailing list button = 28px / 70px
	extras button = 0 / 42px
	contact button = 14px / 56px
	MySpace button = 28px / 70px
	
*/

li#navReleases a 			{ background-position:0 0; width:67px; top:0; left:0 }
li#navReleases a:hover		{ background-position:0 -42px }

li#navBiog a 				{ background-position:0 -14px; width:67px; top:14px; left:0 }
li#navBiog a:hover			{ background-position:0 -56px }

li#navMailingList a 		{ background-position:0 -28px; width:67px; top:28px; left:0 }
li#navMailingList a:hover	{ background-position:0 -70px }

li#navExtras a 				{ background-position:-67px 0; width:67px; top:0; left:67px }
li#navExtras a:hover		{ background-position:-67px -42px }

li#navContact a 			{ background-position:-67px -14px; width:67px; top:14px; left:67px }
li#navContact a:hover		{ background-position:-67px -56px }

li#navMySpace a 			{ background-position:-67px -28px; width:67px; top:28px; left:67px }
li#navMySpace a:hover		{ background-position:-67px -70px}