body,div,h1,p,ol,ul,li{margin:0;padding:0;border:0;}
body {
	background: #fff;
	color: #111;
	font: 100%/1.3 Helvetica,Arial,sans-serif;
}
a {
	color: #111;
	text-decoration: none;
}
ol a:hover, ol a:focus { color: #acacac; }
p 	{ color: #aaa; font-size: .7em; margin: 5em 0 1em 0; text-align: center; }
p a { color: #aaa; text-decoration: underline; }

#container {
	margin: 0 auto;
	width: 270px;
}
#player {
	height: 194px;
	margin: 0 auto 8px auto;
	position: relative;
	width: 270px;	
}
	canvas,.canvas {
		display: block;
		height: 154px;
		margin: 0;
		position: absolute; left: 0; top: 0;
		width: 270px;
		z-index: 1;
	}			
		#peaks {
			margin: 0;
			height: 36px;
			left: 17px; top: 157px;
			width: 236px;
			z-index: 3;
		}
	#control {
		background: transparent url(../img/control.png) 0 0 no-repeat;
		display: block;
		height: 45px;
		margin: -25px 0 0 -23px;
		outline: none;
		overflow: hidden;
		position: absolute; left: 50%; top: 50%;
		text-indent: -999em;
		width: 45px;
		z-index: 200;
	}
		.playing #control { background-position: 0 -46px; }
	
	#seek {
		background: rgba(200,200,200,.6);
		display: none;
		height: 36px;
		margin-left: 17px;
		position: absolute; left: 0; bottom: 0;
		text-indent: -999em;
		width: 2px;
		z-index: 4;
	}
		.ready #player:hover #seek 	{ display: block; }
		.eq #player:hover #seek 	{ display: none; }

	h1 {
		background: transparent url(../img/tree-murder-mask.png) 0 0 no-repeat;
		height: 194px;
		position: absolute; left: 0; bottom: 0;
		text-indent: -999em;
		width: 270px;
		z-index: 2;
	}
		.boring h1 { background-image: url(../img/tree-murder.png); }

ol {
	border-bottom: 1px solid #111;
	list-style: none;
	margin: 0 auto;
	padding: 0 0 .6em 0;
	text-align: center;
	width: 236px;
}
	ol a 		{ outline: none; }
	.current a	{ color: #acacac; }

ul {
	height: 24px;
	list-style: none;
	margin: .6em auto;
	padding: 0 58px .8em 58px;
	position: relative;
	width: 120px;
}
	ul li { display: inline; }
	ul a {
		background: transparent url(../img/control.png) 0 0 no-repeat;
		color: #aaa;
		display: block;
		float: left;
		font-size: .8em;
		height: 24px;
		margin: 0 3px;
		width: 24px;
	}
		.download a { background-position: 0 -92px; }
		.hello a	{ background-position: -25px -92px; }
		.facebook a	{ background-position: -50px -92px; }
		.twitter a	{ background-position: -75px -92px; }
		
		ul a span {
			display: none;
			position: absolute; left: 0; top: 30px;
			text-align: center;
			width: 236px;
		}
			ul a:hover span { display: block; }


#sm2-container { position: static !important; overflow: visible !important; left: 50% !important; }