/*  
Theme Name: herrspitau.de | Lehrer, Querdenker und Medienjunky
Theme URI: http://herrspitau.de
Description: Alles aus meiner Feder ;)
Version: .1
Author: MAWSpitau
Author URI: http://herrspitau.de/
*/

@media screen {
		/* Hier sind die Farben und Elemente definiert */

	body {
		background: url(./bld/bg_body.jpg) center fixed no-repeat;
	}
	#header {
		background:#303F7D;
		margin-bottom:1em;
		-moz-border-radius-bottomleft:1em; 
		-moz-border-radius-bottomright:1em; 
 		-khtml-border-radius-bottom:1em; 
	}
	#header .name, .description {
		margin: 0 0 0 2em;
	}
	#header .description {
		font-family: "Arial";
		color: #ccc;
		letter-spacing:0.22em;
	}
	#header h1 {
		font-family: "Arial Black", sans-serif;
		margin:2em 0 0 0 ;
		letter-spacing:-0.10em;
		text-shadow:0px 2px 2px #333;
	}
	#header h1 a {
		text-decoration:none;
		color:#eee;
	}
	
	ul#nav_main li {
		display:inline;
		margin: 0em 1em 0em 1em;
		font-family: "Arial Black", sans-serif;
		font-size:1.5em;
	}
	ul#nav_main li a {
		color: #eee;
		text-decoration:none;
	}
	ul#nav_main li a:hover {
		color: #303F7D;
		text-decoration:none;
	}
	ul#nav_main {
		list-style-type: none;
		font-size:	0.7em;
		line-height: 3em;
		text-align: right;
		background: #6E7BB2;
		border-bottom: 2px solid #ccc;
		border-left: 2px solid #ccc;
		-moz-border-radius-bottomleft:1em; 
 		-khtml-border-radius-bottom-left:1em; 
	}
	ul.no-bullets, .no-bullets li {
		list-style-type: none;
		list-style-position:outside;
		padding:0px;
		margin:0px;
	}
	
	
	.article {
/* 		background:	#eee; */
/* 		-moz-border-radius:1em; */
/* 		-khtml-border-radius:1em; */
		margin: 0 0 2em 0;
/* 		border: 1px solid #ddd; */
	}
	.article .content, form#commentform, ol.commentlist {
		margin: 0 0em 0 0.33em;
		background:#f7f7f7;
		padding: 0.33em;
		border-left: 1px solid #eee;
		border-top: 1px solid #eee;
		border-right: 1px solid #eee;
	}
	.article .content p, .article ol, .article ul{
		color: #777;
		margin:0 0 0.75em;
	}
	.article .content .hackadelic-series-info {
		margin: 0em 0.33em 0.33em 0.33em;
		padding: 0.33em;
		font-size: 0.85em;
		background: #eeeeee;
		-moz-border-radius-bottomright:0.5em;
		-moz-border-radius-bottomleft:0.5em;
		-khtml-border-radius:0.5em;
		border-bottom: 1px solid #ddd;
	}
	.article .content .hackadelic-series-info .hackadelic-sliderPanel {
		margin: 1em 0.33em 0.33em 0.33em;
		font-style:none;
	}
	.article h2, .article h3, .article h4, .article h5, .article h6 {
		color: #555;
	}
	.article h2 {
		font-family: "Arial Black", sans-serif;
		letter-spacing: -0.05em;
		line-height:1.5em;
		background:#e7e6f4;
/* 		margin:0 0 0.33em 0; */
		-moz-border-radius-topleft:0.5em;
		-moz-border-radius-bottomleft:0.5em;
		-khtml-border-radius:0.5em;
		padding: 0 0 0 0.33em;
		margin: 0 0 0.1em 0;
		text-shadow:0px 1px 1px #777;
	}
	.article h2 a {
		text-decoration:none;
		color:#303F7D;
	}
	.article h2 a:hover {
		color:#4C5785;
	}
	.article .information {
		background: #ddd;
		color:#777;
		-moz-border-radius-topleft:0.5em;
		-moz-border-radius-bottomleft:0.5em;
		-khtml-border-radius:0.5em;
		padding:0 1em 0 1em;	
		font-size:0.75em;
	}
	.article .information p {
		margin:0;
	}
	.article .information a {
		text-decoration:none;
		color:#777;
	}
	.article .information a:hover {
		color:#111;
	}
	.article ol, .article ul {
		padding:0 0 0 2em;
	}
	.calendar {
		text-align:right;
 		padding:0 1em 0 0;	
 		background:#ddd; 
		color:#303f7d;
		-moz-border-radius-topleft:0.5em;
		-moz-border-radius-bottomleft:0.5em;
		-khtml-border-radius:0.5em;
/*  		font-family:monospace;  */
		font-size:0.75em;
	}
	.navigation {
		text-align:center;
		font-size:0.75em;
		color:#999;
		margin: 2em;
	}
	.navigation a {
		text-decoration:none;
		color:#999;
	}
	.navigation a:hover {
		color:#111;
	}
	
	
	
	h3#respond, h3#comments  {
		font-family: "Arial Black", sans-serif;
		letter-spacing: -0.05em;
		line-height:1.5em;
		background:#ddd;
/* 		margin:0 0 0.33em 0; */
		-moz-border-radius-topleft:0.3em;
		-moz-border-radius-bottomleft:0.3em;
		-khtml-border-radius:0.3em;
		padding: 0 0 0 0.33em;
		margin: 0;
	}
	ol.commentlist li {
		list-style-position:inside;
		margin: 2em 0 1em 0;
		border: 1px solid #aaa;
		border-top:0;
		padding: 0.5em;
		background: #ccc;
		-khtml-border-radius:0.5em;
		-moz-border-radius:0.5em;
	}
	ol.commentlist li.odd {
		background: #ddd;
	}
	ol.commentlist p {
		margin: 0 0 1em 0;
	}
	form#commentform {
		-moz-border-radius-bottomright:0.5em;
		-moz-border-radius-bottomleft:0.5em;
		-khtml-border-radius:0.5em;
		border-bottom: 1px solid #ddd;
	}
	textarea#comment {
		width:95%;
		padding:0.33em;
		font-family: Verdana, sans-serif;
		font-size:0.8em;
		background:#eee;
		-moz-border-radius:0.5em;
		-khtml-border-radius:0.5em;
		border: 1px solid #aaa;
	}
	textarea#comment:focus {
		background:#E8E6BE;
	}
	#submit{
		background-color:#ddd;
		border:0.1em solid #aaa;
		color:#111;
		-moz-border-radius:0.5em;
		-khtml-border-radius:0.5em;
	}
	#submit:hover{
		background-color:#E8E6BE;
		color:#444;
	}
		
	.left_sidebar, .right_sidebar {
		font-size: 0.75em;
		padding: 0.33em 0 0.33em 0;
		color:#999;
	}
	.left_sidebar h2, .right_sidebar h2 {
		margin: 0 0 0.2em 0.4em;
		font-size: 1.5em;
		font-weight: bolder;
		border-bottom: 1px solid #ddd;
		color:#6e7bb2;
		text-shadow:1px 0px 1px #fff;
	}
	
	.left_sidebar {
	}
	img.wp-smiley {
		margin:	0em 0.5em 0em 0.5em;
		padding:0px;
		display:inline;
		float:none;
	}
	.article sup {
 		font-size: 0.75em; 
		vertical-align:super;
	}
	.article sup a {
		text-decoration:none;
		color: #777;
	}
	.article sup a:hover {
		text-decoration:underline;
		line-height:1em;
	}
	.widget {
		border-right: 3px solid #ddd;
/* 		border-bottom: 1px solid #ddd; */
/* 		border-left: 1px solid #fff; */
/* 		border-top: 1px solid #fff; */
	}
	.widget a {
		text-decoration:none;
		color:#777;
		padding:0.1em;
	}
	.widget a:hover {
		color:#222;
		background:white;
		border-bottom:1px solid #ddd;
	}
	.left_sidebar .widget {
		background:#eee;
		padding: 0.33em 0em 0.33em 0;
		margin:0 0 1em 0;
	}
	.right_sidebar ul{
		
	}
	
	.right_sidebar .widget {
		padding: 0.33em 0em 0.33em 0;
		background:#eee;
		-moz-border-radius-topright:0.5em;
		-moz-border-radius-bottomright:0.5em;
		-khtml-border-radius:0.5em;
		margin:0 0 1em 0;
	}

	.widget_recent_entries li , .widget_recent_comments li {
		border-bottom: 1px dotted #d7d7d7;
	}
	.textwidget {
		padding:0.33em;
	}
	.textwidget a:hover{
		background:inherit;
		border:0px;
	}
	.st-tag-cloud{
		padding: 0.3em;
	}
	#Footer {
		background:#aaa;
		text-align:center;
		font-size:0.75em;
		color:#777;
		margin:1em 0 0 0;
	}
	#Footer a {
		color:#777;
		font-weight:bolder;
		text-decoration:none;
	}
	#Footer a:hover {
		color:#ddd;
		font-weight:bolder;
		text-decoration:none;
	}
}