@import url(reset.css);

/* ###########################################################
####		Temporäre Formatierung Boxmodel
############################################################## */

/* #wrapper {border: solid black 1px; margin: -1px;} */
/*
#header {border: solid black 1px;}
#content {background-color: white;}
#footer {border: solid black 1px; margin: -1px;}
#sidebar {border: solid black 1px; margin: -1px;}
#footer {border: solid black 1px; margin: -1px;}
*/
/* #navigation {background-color: #444444; margin: -1px;} */


/* INHALTSVERZEICHNIS

1. Seitenaufbau

2. Header

	2.1 Aufbau
	2.2 Navigation
	2.3 Schriftformatierung
	
3. Content / Inhaltsteil

	3.1 Aufbau
	3.2 Schriftformatierung
	3.3 Posts
	3.4 Pagination
	
4. Sidebar
	
	4.1 Aufbau
	4.2 Schriftformatierung
	
5. Footer

	5.1 Aufbau
	5.2 Schriftformatierung


*/

/* ###########################################################
####		Allgemeine Formatierungen
############################################################## */

body {
	background-color: #111111;
	height: 100%;
}
#wrapper {
	width: device-width;
	margin: 0px auto;
	font-family: Trebuchet MS;
	color: black;
	font-size: 0.8em;
	line-height: 1.6em;
	background-image: url(../images/bgwrapper.png);
	background-repeat: repeat;
}


#content {
	background: white;
	width: 680px;
	height: 100%;
	float: left;
	padding: 20px 20px;
}

#footer {
	width: device-width;
	height: 70px;
	float: left;
	background: #555555;
	clear: both;
	padding: 40px 0 20px 0;
}

a {
	text-decoration: none;
	color: black;
}

a:hover {
	color: #910000;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.1em;
}

h4 {
	font-size: 1.1em;
	padding: 10px 0 10px 0;
}

/* ###########################################################
####		Header und Navigation
############################################################## */

#header {
	width: device-width;
	height: 68px;
	background-image: url(../images/headerbg_iPadLandscape.jpg);
	background-position: top right;
}

#navigation {
	width: device-width;
	height: 40px;
	margin-top: 20px;
	padding-left: 20px;
	text-transform: uppercase;
	float: left;
	position: absolute;
}

#navigationbackground {
	background-color: #111111;
	width: 980px;
	height: 40px;
	opacity: 0.4;
	margin: 150px 0 0 0;
	position: absolute;
	display: none;
}

#navigation li {
	display: inline-block;
}

#navigation li a {
	display: inline-block;
	width: 75px;
	height: 20px;
	color: white;
	font-family: Century Gothic;
	text-decoration: none;
	text-align: center;
	padding: 10px;
}

#navigation li a:hover {
	background-color: black;
}


#navigation img {
	float: right;
	margin: 6px 20px 6px 0;
	display: none;
}


/* ###########################################################
####		Inhalte / DIV Content
############################################################## */

.post {
	margin-bottom: 30px;
}

.post img.aligncenter {
	margin: 5px 0 5px -20px;
	width: 720px;
	height: auto;
}

.post img.alignnone {
	margin: 5px 0 5px -20px;
	width: 720px;
	height: auto;
}

.post img.alignright {
	margin: 10px 0 10px 20px;
}

.post img.alignleft {
	margin: 10px 20px 10px 0;
}

.DatumKommentare {
	font-size: 0.8em;
}

.post h1 {
	padding: 20px 0 10px 0;
	font-size: 1.5em;
}

.post h2 {
	padding: 10px 0 3px 0;
	font-size: 1.4em;
}


.post h3 {
	padding: 20px 0 10px 0;
	font-size: 1.3em;
}

.post ol {
	list-style: decimal;
	padding: 0 0 20px 30px;	
}


.post ul{
	list-style: disc;
	padding: 0 0 0 30px;
}

.post p a {
	font-weight: bold;
}

.entry p {
	margin: 10px 0;
}

.postmetadata {
	font-size: 0.8em;
	padding: 5px 0 0 0;
}

.entry blockquote {
	font-style: italic;
	padding: 5px 20px;
	margin: 20px 0 5px 0;
	background: #e7e7e7;
	border-left: solid 1px grey;
}

.entry cite {
	margin-left: 21px;
}

.more-link {
	font-size: 0.9em;
	font-weight: bold;
}



/* ###########################################################
####		Sidebar (Widget-Ready)
############################################################## */

.sidebar {
	background-color: #d6d6d6;
	width: 220px;
	height: 100%;
	float: right;
	padding: 20px 20px 20px 20px;
	font-size: 0.85em;
}

.sidebar h2 {
	background: #333333;
	padding: 7.5px 10px 0 10px;
	margin: 20px 0 0 0;
	color: #dddddd;
	height: 25px;
	text-transform: uppercase;
	font-size: 1.2em;
}

.twitter {
	padding: 10px 10px 15px;
}

.sidebar h2 a {
	color: #dddddd;
}

.sidebar h2 a:hover {
	color: #dddddd;
}

.sidebar li {
	background: #eeeeee;
/* 	padding: 0 20px; */
	color: #333333;
}

.textwidget {
	padding: 10px 10px 15px;
}

#searchform {
	padding: 10px 10px 15px;
}

#s {
	margin: 0 0 10px 0;
}

.xoxo {
	padding: 10px 10px 15px;
}

#recent-posts-3 ul {
	padding: 10px 10px 15px;
}




/*
+----------------------------------------------------------------+
|																							|
|	WordPress 2.8 Plugin: WP-PageNavi 2.50									|
|	Copyright (c) 2009 Lester "GaMerZ" Chan									|
|																							|
|	File Written By:																	|
|	- Lester "GaMerZ" Chan															|
|	- http://lesterchan.net															|
|																							|
|	File Information:																	|
|	- Page Navigation CSS Style													|
|	- wp-content/plugins/wp-pagenavi/pagenavi-css.css					|
|																							|
+----------------------------------------------------------------+
*/

.wp-pagenavi {
	margin: 0 auto;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 4px 10px 4px 10px; 
	margin: 2px;
	text-decoration: none;
	background-color: #d6d6d6;	
}
.wp-pagenavi a:visited {
	padding: 4px 10px 4px 10px; 
	margin: 2px;
	text-decoration: none;
	background-color: #d6d6d6;	
}
.wp-pagenavi a:hover {	
	background-color: #d6d6d6;
}
.wp-pagenavi a:active {
	padding: 4px 10px 4px 10px; 
	margin: 2px;
	text-decoration: none;
	background-color: #d6d6d6;	
}
.wp-pagenavi span.pages {
	padding: 4px 10px 4px 10px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	background-color: #d6d6d6;
}
.wp-pagenavi span.current {
	padding: 4px 10px 4px 10px; 
	margin: 2px;
	font-weight: bold;
	color: #000000;
	background-color: #969696;
}
.wp-pagenavi span.extend {
	padding: 4px 10px 4px 10px; 
	margin: 2px;
	color: #000000;
	background-color: #d6d6d6;
}




/* ###########################################################
####		Kommentare
############################################################## */
/*

.kommentar {
	margin: 10px 0;
}

#kommentare ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

.kommentardaten {
	font-size: 0.85em;
	background: #e7e7e7;
	width: 570px;
	float: right;
	padding: 10px 15px;
	border-radius: 7px;
	-moz-border-radius: 7px;
}

.avatar {
	float:left;
	padding: 5px 0 0 0;
}
*/


/* ###########################################################
####		Kommentare neu threaded
############################################################## */

.comment {
	list-style: none;
}

.comment p {
		font-size: 0.9em;
}

.comment .reply {
		font-size: 0.9em;
		font-weight: bold;
}

#cancel-comment-reply {
	font-size: 0.9em;
	font-weight: bold;
}
.comment .comment-meta {
	font-size: 0.9em;
}

.comment-body {
	font-size: 1em;
	background: #e7e7e7;
	width: 87%;
	padding: 10px 15px;
	margin: 15px 0 10px 65px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	list-style: none;
	float: right;
}

.kommentarinhalt ul {
	margin: 0;
	padding: 0;
}

ul .children{
	padding: 0 0 0 65px;
}

.comment .vcard {
	margin-left: -20px;
	font-size: 0.85em;
	font-weight: bold;
}


.avatar {margin-left: -53px; float: left;}

#respond {

}


/* ###########################################################
####		Footer
############################################################## */

#footer p {
	color: white;
	text-align: center;
	font-size: 0.9em;
}