/*
Theme Name: SinfulSanity
Theme URI: http://www.sinfulsanity.de/
Description: SinfulSanity Theme by Christian Gatzen | Design: Sebastian Kollat
Version: 1.0
Author: Christian Gatzen | www.gatzman.com
*/
@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

html {
	background: url(images/background.jpg) 0 0 repeat;
	min-height: 100%;
}

body {
	background: url(images/header_2010.jpg) 50% 0 no-repeat;
	min-height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}

a {
	outline: none;
	color: #fff;
	text-decoration: underline;
}

a img {
	border: none;
}

#container {
	margin: 0 auto;
	width: 950px;
}

#header h1 a{
	display: block;
	margin: 65px;
	width: 210px;
	height: 160px;
	position: absolute;
	text-indent: -9999px;
}

#navigation {
	height: 33px;
}

	#navigation ul {
		list-style: none;
		margin: 0 0 0 73px;
	}
	
		#navigation li {
			float: left;
		}
		
		#navigation li a {
			display: block;
			float: left;
			height: 33px;
			text-indent: -9999px;
			background: url(images/navigation.jpg);
		}
		
		#navigation li.home a {
			width: 92px;
			background-position: -73px 0;
		}
		
		#navigation li.band a {
			width: 92px;
			background-position: -165px 0;
		}
		
		#navigation li.media a {
			width: 84px;
			background-position: -243px 0;
		}
		
		#navigation li.guestbook a {
			width: 120px;
			background-position: -326px 0;
		}
		
		#navigation li.contact a {
			width: 101px;
			background-position: -445px 0;
		}
		
		#navigation li.links a {
			width: 78px;
			background-position: -544px 0;
		}
		
#header {
	height: 424px;
}

#contentcontainer {
	margin: 43px 0 0 0;
	padding: 0 0 0 88px;
	min-height: 224px;
}

	#contentcontainer h2.headline {
		background: url(images/bg-h2.jpg) 0 0 no-repeat;
		width: 478px;
		height: 31px;
		color: #5e5b42;
		font-size: 20px;
		text-transform: uppercase;
		padding: 6px 0 0 25px;
		margin: 0 0 9px 13px;
	}
	
	#postcontainer {
		float: left;
		width: 533px;
	}
	
	#sidebar {
		float: left;
		width: 194px;
		background: url(images/bg-sidebar.jpg) 0 0 no-repeat #000;
		padding: 0 25px 20px 25px;
	}
	
	#sidebar h4 {
		width: 136px;
		height: 18px;
		text-indent: -9999px;
		margin: 20px 0 8px 0;
	}
	
	#sidebar h4.upcomingshows {
		background: url(images/h3-upcomingshows.jpg) 0 0 no-repeat;
	}
	
	#sidebar h4.featuredmedia {
		background: url(images/h3-featuredmedia.jpg) 0 0 no-repeat;
	}
	
	#sidebar h4.randommember {
		background: url(images/h3-randommember.jpg) 0 0 no-repeat;
	}
	
	#sidebar .myspace {
		display: block;
		margin: 30px 0 0 0;
	}
	
	#sidebar p {
		margin: 0 0 8px 0;
	}
	
	.clear {
		float: none;
		clear: both;
	}

	.post, .page {
		background: url(images/bg-blockfooter.gif) 0 bottom no-repeat;
		width: 516px;
		padding: 0 0 20px 0;
		line-height: 22px;
	}
	
	.post h2, .page h2{
		font-size: 15px;
		color: #87825a;
		margin: 0 0 15px 0;
	}
	
	.post h2 a, .page h2 a{
		font-size: 15px;
		color: #87825a;
		text-decoration: none;
	}
	
	.post p, .page p {
		margin: 0 0 20px 0;
	}
	
	.postdate {
		text-align: right;
		color: #666;
		font-size: 10px;
	} 
	
	.page .postdate {
		display: none;
	}
	
	#postcontainer ul {
		list-style: none;
	}
	
	#postcontainer ul h2 {
		margin: 0 0 -5px 0;
		font-size: 12px;
		color: #fff;
	}
	
	#postcontainer ul ul {
		margin: 0 0 10px 15px;
	}
	
	.postinner {
		margin: 0 0 0 13px;
		background: url(images/bg-block.jpg) 0 0 no-repeat #000;
		padding: 15px 25px;
	}
	
	.feedback a{
		color: #666;
		font-size: 10px;
	}

#footer {
	background: url(images/footer.jpg) 50% 0 no-repeat;
	height: 185px;
	width: 100%;
}

	#footerinner {
		width: 950px;
		margin: 0 auto;
		padding: 120px 0 0 252px;
	}
	
.ec3_events {
	list-style: none;
}

textarea {
	border: 1px solid #fff;
	background: #333;
	color: #fff;
	width: 450px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px;
}

input {
	border: 1px solid #fff;
	background: #333;
	color: #fff;
	width: 150px;
	padding: 3px;
	font-size: 12px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}

#submit {
	background: #333;
	color: #fff;
	border: none;
	padding: 5px;
}
