/* RESET */
	html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
	ul,ol { list-style: none; }
	fieldset,img { border: none; }
	caption,th { text-align: left; }
	table { border-collapse: collapse; border-spacing: 0; }

	
	/* LAYOUT */
	.clear { clear: both; }
	.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

	body {
		color: white;
		background-color: black;
		font-size: 11px;
		font-family: Helvetica,Verdana, Arial, sans-serif;
		margin: 0;
		background-image: url(images/background.jpg);
		background-position: top 50%;
		background-repeat: no-repeat;
	}
	a {
		color:#F33;
	}
	a:hover{
		color:#FFF;
	}
	.clear{
		clear: both;
	}
	.wrapper{
		width: 960px;
		margin: 0 auto;
		padding-top: 120px;
	}
	.sidebar{
		width: 300px;
		padding-top: 20px;
		float: left;
	}
	.header{
		float: right;
		width: 100%;

	}

	.nav {
		margin-left: 283px;
	}
	.nav ul{
		color: #DDD;
		font-family: Monaco,Helvetica;
		text-shadow: 0px 1px 4px #000;
	}
	.nav ul li a{
		color: #DDD;
		text-decoration: none;
	}
	.nav ul li:hover{
			border-bottom: 3px solid red;
	}
	.nav ul li{
		float: left;
		font-size: 1.5em;
		margin: 9px 13px 0px 9px;
		padding-bottom: 1px;
		text-transform: lowercase;	
	}
	.current_page_item{
		border-bottom: 3px solid red;
	}
	.nav .bracket{
		float: left;
		font-size: 3em;		
		position: relative;
		top:-10px;
	}
	.nav .bracket:hover{
		top:-10px;
		border: none;
		cursor: default;
	}
	.mailing-list{
		background-image: url(http://www.thegreatbetrayal.com/images/join.png);
		background-repeat: no-repeat;
		padding-top: 200px;
		background-position-x: -30px;
	}
	.mailing-list:hover{
		background-image: url(http://www.thegreatbetrayal.com/images/join-over.png);
		cursor: pointer;
	}
	.mailing-list .form {
		width: 230px;
		margin: 0 auto;	
	}
	.mailing-list .form label{
		clear: both;
		color: #bbb;
		display: block;
		font-size: 1.1em;
		font-family: Monaco;
	}
	textarea{
		-webkit-appearance: none;
		border: 1px solid #666;
		padding: 2px;
		background-color: rgba(30,30,30,.9);
		color: white;
		margin-bottom: 12px;
		width: 610px;
	}
	.mailing-list .form input{
		-webkit-appearance: none;
		border: 1px solid #666;
		padding: 2px;
		background-color: rgba(30,30,30,.9);
		color: white;
		width: 98%;
		margin-bottom: 12px;
	}
	.mailing-list .form button{
		-webkit-appearance:none;
		border: none;
		font-family: Monaco,Helvetica;
		background-color: rgba(255,255,255,.1);
		color: white;
		padding: 5px;
		font-weight: bold;
	}
	.capatcha{
		font-size: 14px;
		background: #333;
		width: 60px;
		padding: 4px;
		border: 1px solid #888;
	}
	.content{
		position: absolute;
		margin-left: 310px;
		margin-top: 220px;
		width: 610px;
	}
	.post{
		padding: 10px;
		background-color: rgba(0,0,0,.5);
		border: 1px solid #333;
		margin-bottom: 25px;
	}
	.flickr{
		border: 1px solid #333;
	}
	.entry-title{
		font-size: 1.5em;
		margin-bottom: 10px;
		color:#F33;
		font-weight: bold;
		text-shadow: 0px 1px 2px #000;
	}
	.entry{
		font-size: 12px;	
		color: #ddd;
		font-weight: normal;
	}
	.entry-title a{
		text-decoration: none;
	}
	.entry p{
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.postmetadata{
		float: right;
		font-size: 13px;
		text-decoration: none;
	}
	.postmetadata a{
		text-decoration: none;
	}
	#mail-form{
		display: none;
		background-color: rgba(40,40,40,.3);
		border: 1px solid #333;
		padding: 10px;
	}
	.sidebar-tunecore{
		margin: 0 auto;
		margin-left: 50px;
	}
	.downloadItem:hover {
	background-color: #333;
	}
	.downloadItem {
	background-color: #111;
	}
	.comingsoon{
	font-size: 18px;
	color: red;
	}
	.navigation{
	font-size: 18px;
	margin-bottom: 10px;
	}
	.mediapage{
	font-size: 16px;
	}
	.mediapage .title{
	font-weight: bold;
	font-size: 20px;
	}
	.mediapage .album{
	padding: 10px;
	}
	div.tweets{
	position: absolute;
	width: 588px;
	margin-left: 310px;
	margin-top: 100px;
	font-size: 12px;
		padding: 10px;
		background-color: rgba(0,0,0,.5);
		border: 1px solid #333;
		margin-bottom: 25px;
		list-style: none;

	}
	.tweets h2{
	margin-bottom: 6px;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;

	}
	.tweets h2 a{
	text-decoration: none;
	}
	.tweets ul{
	margin: 0px;
	}
	ul.tweets li{
	margin-bottom: 12px;
	list-style: disc;
	margin-left: 16px;
	}