/*
Theme Name: Muschisuppe 8.0
Theme URI: 
Description: Hier wird noch untenrum gekocht.
Version: 1.0
Author: mzym front-end & web design
Author URI: http://www.mzym.biz
Tags: 

*/


/***********************************************************
 Global Reset
************************************************************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
legend { display: none;; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ul { list-style: none; }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
a { text-decoration: none; }
strong { font-weight: bold; }
em { font-style: italic; }
* a { position: relative; }
a img { border: none; }
* { outline: none; }
form { display: inline; }


/***********************************************************
 Defaults
************************************************************/

html, body { height: 100%; }

body {
	background: url('images/bg.gif') repeat-x #303030;
	color: #555;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 75%;
	line-height: 1.6em;
}

a 		{ color: #efadb0; }
a:hover	{ color: #fff; }

a.url 		{ color: #cecece; }
a.url:hover { color: #fff; }


/***********************************************************
 Site
************************************************************/

#container {
	margin: 0 auto;
	position: relative;
	width: 960px;
}

#backlight {
	background: url('images/backlight.png') no-repeat;
	height: 591px;
	left: -300px;
	overflow: hidden;
	position: absolute;
	top: -120px;
	width: 1400px;
	z-index: 0;
}

#meta {
	font-size: .8em;
	margin: 0 auto;
	padding: 5px 0 0 0;
	position: absolute; 
	text-align: center;
	width: 960px;
	word-spacing: 7px;
}

	#meta a 		{ color: #ddd; }
	#meta a:hover 	{ color: #fff; }

#header { height: 350px; }

	#header h1 { padding: 70px 0 0 0; }
	
		#header h1 a {
			background: url('images/sprite.png');
			display: block;
			height: 155px;
			text-indent: -10000em;
			width: 519px;
		}

	#navigation { margin: 10px 0 0 77px; }
	
		#navigation li { float: left; }
		
		#navigation li a {
			background-image: url('images/sprite.png');
			display: block;
			height: 47px;
			text-indent: -10000em;
		}

			#nav-home a {
				background-position: 0 -156px;
				width: 71px;
			}
			
				#nav-home a:hover,
				#nav-home a.on { background-position: 0 -204px; }
			
			#nav-about a {
				background-position: -71px -156px;
				width: 129px;
			}
				
				#nav-about a:hover,
				#nav-about a.on { background-position: -71px -204px; }
				
			#nav-archiv a {
				background-position: -200px -156px;
				width: 75px;
			}
			
				#nav-archiv a:hover,
				#nav-archiv a.on { background-position: -200px -204px; }

			#nav-impressum a {
				background-position: -275px -156px;
				width: 95px;

			}
			
				#nav-impressum a:hover,
				#nav-impressum a.on { background-position: -275px -204px; }

#wrapper { width: 960px; }

#content {
	float: left;
	width: 640px;
}

	#content .post {
		background: url('images/bg_post.png') no-repeat #fff;
		border: 1px solid #fff;
		box-shadow: 4px 4px 35px rgba(19,19,19,.5);
		margin: 0 0 40px 45px;
		padding: 20px;
		width: 500px;
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px; 
		-webkit-box-shadow: 4px 4px 35px rgba(19,19,19,.5);
		-moz-box-shadow: 4px 4px 35px rgba(19,19,19,.5);

	}
	
		#content .post a 		{ color: #81a2b0; }
		#content .post a:hover 	{ color: #111; }

		#content .post h2 {
			color: #111;
			font-size: 1.8em;
			line-height: 1.2em;
			margin: 0 0 30px 0;
		}
		
			#content .post h2 a 		{ color: #111; }
			#content .post h2 a:hover 	{ color: #81a2b0; }
			
		#content .entry { margin: 0 0 30px 0; }
		
			#content .entry p { margin: 1.4em 0; }

	.postmetadata { text-align: right; }

.navigation-posts {
	border-bottom: 1px solid #555;
	border-top: 1px solid #555;
	margin: 0 65px 20px 65px;
	padding: 20px 0;
}

h3#comments,
#respond h3,
h2.pagetitle {
	color: #fff;
	font-size: 1.2em;
	padding: 20px 0 20px 65px;
}

.commentlist,
h3.comments {
	list-style: none;
	position: relative;
}

	.commentlist p { margin: 1.4em 0; }
		
		.comment-author {
			float: right;
			font-size: .4em;
			width: 88px;
		}
			
			.comment-author .avatar-container {
				border: 1px solid #bbb;
				float: right;
				margin: 20px 0 0 7px;
				padding: 6px;
			}
			
			
			.commentnumber {
				color: #aaa !important;
				font-size: 1em !important;
				font-weight: bold;
				left: 20px;
				position: absolute;
				width: 50px;
			}
			
		.comment-entry {
			color: #444;
			line-height: 1.6em;
			width: 412px;
			word-wrap: break-word;
		}
		
			.comment-entry h4 {
				color: #a6a6a6;
				font-size: 1.2em;
			}
			
			.comment-entry .meta { font-size: .8em; }
			
				.comment-entry .meta a 			{ color: #a6a6a6; }
				.comment-entry .meta a:hover 	{ color: #af5cc1; }
				
#respond p { margin: 1.4em 0; }

#respond input { padding: 6px 8px; }

#respond label { margin:  0 0 0 10px; }

				
#sidebar {
	float: left;
	width: 320px;
}

	.widget { 
		color: #fff; 
		margin: 0 0 30px 0;
	}
	
	.widget_recent_comments h2 {
		background: url('images/sprite.png') 0 -322px;
		height: 34px;
		margin: 0 0 10px 20px;
		width: 228px;
	}
	
	#recentcomments {
		background: rgba(0,0,0,.4);
		list-style-image: url('images/li_comments.png');
		padding: 20px;
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px; 
	}
	
		.recentcomments { margin: 0 0 0 30px; }
		
	h2.widgettitle { text-indent: -10000em; }
	
	.category-widget { margin: 0 0 60px 0; }
	
	.category-widget ul li {
		margin: 0 0 10px 20px;
		text-indent: -10000em;
	}
	
		.category-widget ul li a {
			background-image: url('images/sprite.png');
			display: block;
			height: 35px;
		}
		
		#cat-alltag a {
			background-position: 0 -253px;
			width: 103px;
		}
			
			#cat-alltag a:hover,
			#cat-alltag a.on { background-position: 0 -287px; }
	
		#cat-internetz a {
			background-position: -105px -253px;
			width: 140px;
		}
		
			#cat-internetz a:hover,
			#cat-internetz a.on { background-position: -105px -287px; }
		
		#cat-karre a {
			background-position: -247px -253px;
			width: 215px;
		}
		
			#cat-karre a:hover,
			#cat-karre a.on { background-position: -247px -287px; }
		
		#cat-musik a {
			background-position: -464px -253px;
			width: 83px;
		}
		
			#cat-musik a:hover,
			#cat-musik a.on { background-position: -464px -287px; }
		
	.widget_links h2 {
		background: url('images/sprite.png') -228px -322px;
		height: 64px;
		margin: 0 0 10px 20px;
		width: 237px;
	}	
	
	.blogroll {
		background: rgba(0,0,0,.4);
		list-style-image: url('images/li_links.png');
		padding: 20px;
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px;
	}
	
		.blogroll li { margin: 0 0 0 30px; }
		
	.widget_rss h2 {
		background: url('images/sprite.png') 0 -354px;
		height: 35px;
		margin: 0 0 10px 20px;
		width: 172px;
	}
		
	.widget_rss ul {
		background: rgba(0,0,0,.4);
		list-style-image: url('images/li_rss.png');
		padding: 20px;
		-moz-border-radius: 6px; 
		-webkit-border-radius: 6px;
	}
	
		.widget_rss ul li { margin: 0 0 0 20px; }
	
	.screen-reader-text { display: none; }
	
	.search-post { margin: 80px 0 0 0; }
	
	input#s { 
		border: none;
		padding: 6px 8px; 
		width: 228px;
	}
	
	input#searchsubmit {
		background: #333;
		border: none;
		color: #fff;
		padding: 6px 8px;
	}
	
#footer { 
	border-top: 1px solid #555;
	color: #ddd;
	font-size: .9em;
	margin: 30px 0; 
	padding: 10px 0 0 0;
	text-align: center;
}
		
	#footer span { margin: 0 10px; }	
			
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } 
*:first-child+html .clearfix { zoom: 1; } 

.clear { clear: both; }

/***********************************************************
 Overrides
************************************************************/

.wp-pagenavi {
	font-size: 1.4em;
	text-align: center;
	width: 100%;
}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: none;
	color: #efadb0;
	background-color: none;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: none;
	color: #efadb0;
	background-color: none;	
}
.wp-pagenavi a:hover {	
	border: none;
	color: #fff;
	background-color: none;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: none;
	color: #efadb0;
	background-color: none;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #ddd;
	border: none;
	background-color: none;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: none;
	color: #fff;
	background-color: none;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;	
	border: none;
	color: #fff;
	background-color: none;
}