/* RIP NEIL !!!! */

/* KYMATIK.CO.UK STYLESHEET */

/* RESET ////////////////////////////////////////////////////////////// */
/* v1.0 | 20080212 */
	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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
	body { line-height: 1; }
	ol, ul { list-style: none;}
	blockquote, q { quotes: none;}
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
	/* remember to define focus styles! */
	:focus { outline: 0; }
	/* remember to highlight inserts somehow! */
	ins { text-decoration: none; }
	del { text-decoration: line-through;}
	/* tables still need 'cellspacing="0"' in the markup */
	table { border-collapse: collapse; border-spacing: 0; }

/* GLOBAL ELEMENTS ////////////////////////////////////////////////////////////// */
	body {background:url(images/bkg.png) repeat-x fixed; color:#DE3C10; font-family: Trebuchet MS,sans-serif; font-size: 18px;}
	#wrap {border:1px solid black; margin:0 auto 0 auto; width: 960px; }
	p {color: #f2f2f2; font-size: 15px; margin:10px 0; }
	p.red{color:#DE3C10;}

/* HEADER ELEMENTS ////////////////////////////////////////////////////////////// */
	#header {background: url(images/header3.png) repeat-x; border-bottom: medium solid #333;height: 100px; overflow:auto;}
	#header_image{background:url(images/Header4.png) no-repeat center; height: 100px; margin:0 auto; overflow: auto;}
	#menu {margin: 60px auto 0 auto;  text-align: center;}
	#menu *{display:inline;} 

/* MIXES ELEMENTS ////////////////////////////////////////////////////////////// */
	#content {margin: 0 auto; overflow:auto; padding:20px; width:960px;}
	.mix_title, .mix_tracklist {float:left;}
	.mix_container {display:block; padding: 10px;margin:0 auto 20px auto; width: 450px; background:url(images/mix_background.png) repeat; border:medium solid #222; overflow: auto;}
	.mix_title, .mix_genre, .mix_link{background: #222; padding:10px; }
	.mix_genre, .mix_link{float:right;}
	.mix_tracklist {clear:both;line-height: 1.2; width:100%;}	
	
/* BIOG ELEMENTS ////////////////////////////////////////////////////////////// */
	#biog_body { margin: 0 auto 0 auto; overflow:auto; width: 800px; }	
	#biog_pic { margin:35px 0 0 75px; width: 388px; float: left; border:medium solid #222; height: 312px;}
	#biog_text {margin:25px 75px 0 0; width: 386px; float: right;}
	.biog_text, .biog_ref{color: #222;}
	.biog_ref { font-style:italic;}
	
/* FOOTER ELEMENTS ////////////////////////////////////////////////////////////// */
	#footer { width:100%; height:100px; overflow:hidden; position: fixed; bottom:0; border-top: medium solid #222; background:url(images/header3.png);}
	#soul_motive { margin: 5px auto 0 auto; text-align: center;}

/* LINK ELEMENTS ////////////////////////////////////////////////////////////// */
	a.menu:link, a.menu:visited, a.menu:active { color:#ccc; text-decoration:none; }
	a.menu:hover{ color:#DE3C10;}

	a.download:link, a.download:visited, a.download:active { color:#DE3C10; text-decoration:none; }
	a.download:hover{color:white; }	
	
	a.biog:link, a.biog:visited, a.biog:active { color:#DE3C10; text-decoration:none; }
	a.biog:hover{text-decoration: underline;}