/*
	Description: Resets browser's default CSS
	Author: Eric Meyer
	Author URI: http://meyerweb.com/eric/tools/css/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 {
		background: transparent;
		border: 0;
		font-size: 100%;
		margin: 0;
		outline: 0;
		padding: 0;
	}
	
	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;}
	
/*------------------------------
=BASIC SETUP
------------------------------*/

/* Tell the browser to render HTML 5 elements as block */
header, footer, section, aside, nav, article {
	display: block;
}

body {
	margin: 0 auto;
	padding: 22px 0;
	width: 900px;
	color: #fff;
	font: 13px/21px Helvetica, Arial, sans-serif;
	background: #000 url(../img/bg-body.jpg) 0 0 no-repeat fixed;
}

a:link, a:visited { color: #ffae00; }
a:hover, a:active, a:focus { color:#ffae00; text-decoration: none; }

/*------------------------------
=CONTENT
------------------------------*/

#content {
	display: table;
}

	#mainContent {
		display: table-cell;
		width: 49%;
		padding-right: 2%;
	}

	#subContent {
		display: block;
		width: 100%;
	}
	
	aside {
		display: table-cell;
		width: 49%;
		vertical-align: top;
	}
	
#mainContent section, aside section, #subContent section {
	background: #000;
	background: rgba(0,0,0,0.7);	
	/* Border-radius not implemented yet */
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	padding: 13px 34px 34px;
	margin:  0 0 21px;
	-moz-box-shadow: 0 0 8px rgba(0,0,0,.75);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.75);
}


section header h2,
section header h3 { font-size: 21px; padding: .75em 0 .25em; font-weight: normal; margin-bottom: 13px; border-bottom: 1px dotted #999 }
section header h3 { font-size: 17px; }

section li 	{ padding: 3px 8px; }
section .odd  	{ background-color: #666; }
section .even 	{ background-color: #999; }

section .odd  	{ background-color: rgba(255,255,255,.05); }
section .even 	{ background-color: rgba(255,255,255,.15); }


#subContent .inner { padding-left: 448px;  }
#subContent .inner img.cover { 
	margin-left: -452px; 
	float: left; 
	display: block;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.85);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.85);
	border: 3px solid #222;
	border: 3px solid rgba(255,255,255,.05);	
}
#subContent ul { margin-top: 13px; }
#subContent li { font-size: 88.25%; }

#tracklist { clear: left;  }
#tracklist .inner { padding-left: 161px; }
#tracklist img.cover { 
	background: #fff;
	float: left;
	display: block;
	margin-left: -161px;
}

/*------------------------------
=ASIDE
------------------------------*/

aside li { font-size: 88.25%; }

/*------------------------------
=FORMULARS
------------------------------*/
#captchaForm form { border-top: 1px dotted #999; padding-top: 5px; margin-top: 8px  }
#captchaForm form li { padding: 5px 0; line-height: 1.35em; margin: 0; }
#captchaForm form label { display: block; font-weight: bold; }
#captchaForm form input {  margin: 0; }
#captchaForm form img { vertical-align: middle; border: 1px solid #999; background: #f5f5f5; padding: 3px; }
#captchaForm form input.btn { width: auto; padding: 5px 8px }

form .required {
	color: red;
}
		
/*------------------------------
=FOOTER
------------------------------*/
footer {
	position: absolute;
	left: 0;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.5);
	color: #fff;
}

	footer div {
		display: table;
		margin: 0 auto;
		padding: 21px 0 64px;
		width: 900px;
		color: #777;
	}
	
		footer div section {
			display: table-cell;
			width: 300px;
		}
		
		footer div #about, footer div #blogroll {
			padding-right: 20px;
		}
		
	footer h3 {
		color: #FFF;
	}
	
	footer a {
		color: #999;
	}
	
		footer a:hover {
			color: #FFF;
			text-decoration: none;
		}
	
	footer ul {
		margin: 0 0 0 40px;
		list-style: square;
		color: #565656;
	}
	
		footer ul li a {
			display: block;
		}
		
/**################################
 * #### Clearfix Hack #############
 * ################################
 */	
 	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		font-size:0.1em;
		visibility:hidden}	
 
	.clearfix {display:inline-block}  /* ... Clearing für IE5/Mac und IE7 */

	* html .clearfix {height:1%}   /* ... für IE5 + IE6/Win | IE-Clearing aktivieren */
	.clearfix {display:block}      /* ... für IE5,IE6,IE7 | Mac-Einstellungen für IE/Win zurücksetzen */