/* RESET 
	----------------------------------------- */
	
	html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}body{ line-height:1}article,aside,dialog,figure,footer,header,hgroup,nav,section{ display:block}nav ul{ list-style:none}blockquote,q{ quotes:none}blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none}a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; cursor:pointer}ins{ background-color:#ff9; color:#000; text-decoration:none}mark{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold}del{ text-decoration:line-through}abbr[title],dfn[title]{ border-bottom:1px dotted #000; cursor:help}table{ border-collapse:collapse; border-spacing:0}hr{ display:block; height:1px; border:0;  border-top:1px solid #ccc; margin:1em 0; padding:0}input,select{ vertical-align:middle}.replace{display:block;width:0;height:0;overflow:hidden}.clear:after{content:"";display:block;height:0;font-size:0;clear:both;visibility:hidden}* html .clear {zoom:1}*:first-child+html .clear{zoom:1}
	
	
	/* STRUCTURE 
	----------------------------------------- */
	
	body 	{ font-size: 62.5%; background: #000; font-family: "arial", sans-serif; }
	
	
	/* CONTENT 
	----------------------------------------- */
		
	#container {
		position: absolute; z-index: 3;
		top:0; left: 0; width: 100%; height: 100%;
	}
	
	#page {
		margin: 24px auto 300px auto; position: relative;
		left: -220px; width: 520px; }
		
	h1 		{ padding: 16px 0 0 0; font-size: 4.3em; letter-spacing: -3px; color: #fff; }
	h2 		{ padding: 0 0 35px 0; font-size: 2.2em; font-weight: normal; letter-spacing: -2px; color: #fd57d8; }
	h2 a 	{ color: #fd57d8; }
	h3		{ padding: 12px 0 0 0; font-size: 3.5em; letter-spacing: -2px; }
	h3 a	{ color: #25affe; }
	
	h4 {
		margin: 10px 0 18px 0;
		font-size: 3em; letter-spacing: -2px; color: #fff;
		 }
	
	a:hover { text-decoration: none; }
	
	#video { float: left; width: 500px; height: 281px; }
	#content { width: 500px; background: url("/images/bg-content.png") repeat-y; }
	
	#social 				{ padding: 16px 0 0 0; list-style: none; }
	#social li			{ float: left; margin: 0 16px 0 0; }
	#social a 			{ display: block; height: 21px; }
	#social a:hover { background-position: 0 -21px; }
	
	.btn-facebook { width: 59px; background: url("/images/btn-facebook.gif") no-repeat; }
	.btn-twitter 	{ width: 53px; background: url("/images/btn-twitter.gif") no-repeat; }
	.btn-youtube 	{ width: 45px; background: url("/images/btn-youtube.gif") no-repeat; }
	.btn-vimeo 		{ width: 53px; background: url("/images/btn-vimeo.png") no-repeat; }
	.btn-lastfm 	{ width: 40px; background: url("/images/btn-lastfm.png") no-repeat; }
	.btn-myspace 	{ width: 68px; background: url("/images/btn-myspace.png") no-repeat; }
	
	#credits { margin: 24px 0 0 0; padding: 18px 0 0 0; border-top: 1px solid #2c2c2c; }
	
	dl { color: #fff; }
	dl a { color: #fedf2b; }
	dt { font-size: 1.5em; font-weight: bold; padding: 0 0 6px 0; letter-spacing: -1px; clear: left; float: left; }
	dd { font-size: 1.3em; padding: 0 0 6px 8px; float: left; }
	
	*:first-child+html dt { padding: 0 8px 0 0; }
	*:first-child+html dd { float: none; }
	
	/*
	#comments { margin: 20px 0 0 0; padding: 18px 0 0 0; border-top: 1px solid #2c2c2c; }
	
	article { margin: 0 0 25px 0; padding: 0 0 25px 0; color: #fff; border-bottom: 1px solid #2c2c2c; }
	article p { padding: 0 0 14px 0; font-size: 1.3em; line-height: 1.3em; }
	article span { padding: 0 8px 0 0; font-size: 1.1em; }
	article span a { color: #fedf2b; }
	article .author { font-size: 1.3em; }
	*/

	#big-skillet { margin: 30px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #2c2c2c; }