html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
em { font-style: italic }

/**
 * General
 */
@font-face {
	font-family: 'FuturaLTCondensedRegular';
	src: url('../img/futura.eot');
	src: local('Futura LT Condensed'), local('FuturaLT-Condensed'), url('../img/futura.woff') format('woff'), url('../img/futura.ttf') format('truetype');
}


html, body {
	height: 100%;
}
header, nav, section, article, footer { display:block; }
body {
	background:#e3e3e3 url(../img/bg.png) top center no-repeat fixed;
	font-family:"Lucida Sans", "Lucida Grande", sans-serif;
	font-size:12px;
	width: 10000px;
}
h2 {
	font-size:22px;
	font-family:'FuturaLTCondensedRegular', "Lucida Sans", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	text-shadow:#fff 1px 1px 1px;
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px #999 solid;
}
p {
	font-size:12px;
	line-height:16px;
	margin-bottom:10px;
	color:#7e7e7e;
	text-shadow:#fff 1px 1px 1px;
}
body > header {
	width:100%;
	padding-top:50px;
	margin-bottom:20px;
	position:fixed; top:0; left:0;
	z-index:99;
}
	body > header h1 {
		width:470px; height:59px; display:block;
		background:url(../img/logo.png) center center no-repeat;
		text-indent:-999em;
		margin:0 auto;
	}
	body > header nav {
		width:100%;
		height:75px;
		background:url(../img/nav_bg.png) center center repeat-x;	
	}
		body > header nav ul {
			width:650px; height:17px;
			margin:0 auto;
		}
			body > header nav ul li {
				float:left;
				height:17px;
				margin:29px 0px;
			}
				body > header nav ul li a {
					height:17px;
					float:left; display:block;
					background-image:url(../img/nav_li_bg.png);
					background-repeat:no-repeat;
					text-indent:-999em; overflow:hidden;
					margin-right:90px;
				}
				body > header nav ul li a.home { width:38px; background-position:0 -17px; }
					body > header nav ul li a.home:hover, a.home.current { background-position:0 0px!important; }
				body > header nav ul li a.originals { width:69px; background-position:-38px -17px; }
					body > header nav ul li a.originals:hover, a.originals.current { background-position:-38px 0!important; }
				body > header nav ul li a.remix { width:65px; background-position:-108px -17px; }
					body > header nav ul li a.remix:hover, a.remix.current { background-position:-108px 0!important; }
				body > header nav ul li a.mashups { width:62px; background-position:-172px -17px; }
					body > header nav ul li a.mashups:hover, a.mashups.current { background-position:-172px 0!important; }
				body > header nav ul li a.contact { width:56px; background-position:-234px -17px; margin-right:0px; }
					body > header nav ul li a.contact:hover, a.contact.current { background-position:-234px 0!important; margin-right:0px; }

			
	body > section {
		float: left;
		display: block;
		width: 2000px;
		position: relative;
		z-index:0 !important;
		padding:200px 0px 0px;
	}
		body > section article {
			margin:0 auto; width:650px;
		}
		section#home p {
			width:530px;
			margin:0 auto;
			text-align:center;
		}
		section#home nav ul {
			width:316px; margin:0 auto;
			padding:30px 0;
		}
			section#home nav ul li {
				float:left;
			}
				section#home nav ul li a {
					float:left;
					display:block;
					height:32px;
					background-image:url(../img/social.png);
					text-indent:-999em;
				}
				section#home nav ul li a.sc { width:60px; background-position:0 0; margin-right:21px; }
				section#home nav ul li a.twit { width:108px; background-position:-82px 0; margin-right:7px; }
				section#home nav ul li a.fb { width:120px; background-position:-197px 0; }

body > footer {
	width:100%; height:200px;
	background:url(../img/footer.png) top center repeat-x;
	position:fixed; bottom:0px; left:0px;
}
	body > footer #player {
		position:absolute;
		top:100px; right:30px;
		height:40px; width:100%;
	}
#music-player {
	float:right;
	margin-top:7px;
}
#recently-played-songs p {
	float:left;
	color:#fff;
	font-size:12px; font-weight:bold;
	text-shadow: #000 1px 1px 1px;
	margin-top:-2px;
}

/* Tracks */
ul.music,
ul.music li,
ul.music li a,
ul.music li img{
	margin:0;
	padding:0;
	list-style:none;
	border:0;
	text-decoration:none;
	display:block;
}
	ul.music li{
		margin:0px 15px 55px 0;
		float:left;
		position:relative;
	}
	ul.music li span.overlay {
		display:block;
		position:relative;
		float:left;	
		width:80px;
		height:80px;
		text-indent:-1000em;
		overflow:hidden;
		z-index:2;						
		background:url(../img/album_overlays/vinyl.png) 0 0 no-repeat;
		width:96px;
		height:76px;
	}
	ul.music li img{
		position:absolute;
		border:0;
		width:72px;
		height:72px;
		left:2px;
		top:1px;
	}		
ul.music > li {
	background:url(../img/album_overlays/vinyl_insert.gif) 2px 1px no-repeat;							
}