/*
Theme Name: Lummaland
Theme URI: http://lumma.de
Description: Mal was schönes und cooles.
Version: 2.0
Author: Martin Szymanski
Author URI: http://mzym.biz


*/

/***********************************************************
 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') #fff repeat-x;
	color: #414141;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 75%;
	line-height: 1.6em;
}



a { 
	color: #be7116;
	text-decoration: none;
}

a:hover { color: #555; }

p {
	margin: 1.4em 0;
}

#s { width: 120px; }

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

#container {
	margin: 0 auto;
	padding: 25px 0;
	width: 960px;
}

#header {
	background: url('images/sprite_header.png') no-repeat;
	height: 116px;
	margin: 0 0 45px 0;
	position: relative;
	width: 960px;
}

	#header h1 {
		background: url('images/sprite_header.png') 0 -118px no-repeat;
		left: 16px;
		position: absolute;
		text-indent: -10000em;
		top: -1px;
		
	}
	
		#header h1 a {
			display: block;
			height: 69px;
			width: 622px;
		}
	
	#navi {
		left: 20px;
		position: absolute;
		top: 88px;
	}
	
		#navi li {
			float: left;
			font-weight: bold;
			list-style: none;
			margin: 0 20px 0 0;
			text-transform: uppercase;
		}
		
			#navi li a 			{ color: #fff; }
			#navi li a:hover 	{ color: #ce9550; }
			#navi .current_page_item a { color: #ce9550; }
		
	#rss {
		background: url('images/icon_rss.png') no-repeat;
		display: block;
		height: 23px;
		left: 906px;
		position: absolute;
		text-indent: -10000em;
		top: 93px;
		width: 30px;
	}

#content {
	float: left;
	margin: 0 40px 0 0;
	width: 500px;
}
	
	ul.archive {
		margin: 20px 0 20px 20px;
	}
	
	h2.pagetitle {
		background: #eee;
		border-top: 1px solid #888;
		color: #888;
		font-size: 1em;
		font-weight: bold;
		margin: 0 0 20px 0;
		padding: 6px 0;
		text-align: center;
	}
	
	.post { padding: 0 0 60px 0; }
	
		.post small.date { 
			color: #acacac; 
			text-transform: uppercase;
		}
	
		.post h2 {
			font-size: 1.4em;
			font-weight: bold;
			margin: 0 0 20px 0;
			text-transform: uppercase;
		}
	
			.post h2 a 			{ color: #414141; }
			.post h2 a:hover 	{ color: #be7116; }	
		
	.entry li {
		list-style-type: square;
		margin: 0 0 0 20px;
	}
	
	.entry h3 {
		font-size: 1.6em;
		font-weight: bold;
	}
	
	.entry h4 {
		font-size: 1.2em;
	}
	
	.postmetadata {
		background: #f2f2f2;
		border-bottom: 1px solid #ccc;
		font-size: .8em;
		margin: 20px 0 20px 0;
		padding: 4px 15px;
	}
	
		.postmetadata .category { 
			float: left; 
			text-transform: uppercase;
		}
		
			.postmetadata .category a 		{ color: #616161; }
			.postmetadata .category a:hover { color: #be7116; }

		.postmetadata .comments { float: right; }
		
			.postmetadata .comments a {
				background: url('images/icon_comments.gif') no-repeat;
				padding: 0 0 0 15px;
			}
		
	#comment {
		width: 500px;
	}
	
	
	h3#comments {
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.comment {
		border-bottom: 1px solid #ccc;
		margin: 0 0 40px 20px;
		padding: 0 0 20px 0;
	}
	
	img.avatar {
		float: left;
		margin: 0 15px 10px 0;
	}
	
	cite.fn		{ font-weight: bold; }
	.comment-meta 	{ font-size: .8em; }
	
.sidebar-wrapper {
	float: left;
}		

#sidebar_top {
	padding: 0 0 20px 0;
	width: 400px;
}

#sidebar-1 {
	float: left;
	margin: 0 20px 0 0;
	padding: 0 0 60px 0;
	width: 200px;
}

#sidebar-2 {
	float: left;
	padding: 0 0 60px 0;
	width: 200px;
}

	#sidebar-1 h2,
	#sidebar-2 h2 {
		background: url('images/bg_header_sidebar.gif') bottom left repeat-x;
		font-size: 1.2em;
		font-weight: bold;
		margin: 0 0 15px 0;
		padding: 0 0 6px 13px;
	}

.sidebar {
	font-size: .9em;
	line-height: 1.4em;
}

.widget {
	margin: 0 0 30px 0;
}

	#twitter_update_list li {
		border-bottom: 1px solid #ccc;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
	}

	.widget_get_recent_comments ul li {
		margin: 0 0 10px 0;
	}
		
		.widget_get_recent_comments ul li img {
			float:left; 
			margin: 2px 7px 5px 0;
		}
		
	#twitter-follow {
		height: 33px;
		position: relative;
	}	
	
		#twitter-follow a {
			background: url('images/icon_follow_twitter.png') no-repeat;
			display: block;
			height: 33px;
			position: absolute;
			right: 0;
			text-indent: -10000em;
			width: 87px;
		}
		
#footer {
	background: #414141;
	color: #fff;
	font-size: .8em;
	padding: 10px;
	text-align: center;
}

	#footer a { color: #ccc; }
	#footer a:hover { color: #fff; }

	#footer span { margin: 0 1.4em; }





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








/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

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 */



/* Begin Various Tags & Classes */
.clear {
	clear: both;
}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: -20px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/