/*  Theme Name: Blogger-Template
	Theme URI: http://blogger-template.de
	Description: Das Blogger Template ist eine Entwicklung von Pixeldreher, André Nitz. Mehr Infos und aktuelle News zum Theme gibt es regelmässig unter <a href="http://blogger-template.de" target="_blank">blogger-template.de</a> oder du abonnierst am besten jetzt gleich unseren <a href="http://blogger-template.de/feed" target="_blank">RSS-Feed</a>
	Version: 1.0
	Author: André Nitz
	Author URI: http://www.pixeldreher.net 
	Tags: Clean, Blog
*/

* {padding: 0; margin: 0}

body {background: #f5f5f5; color: #444; font-family: Georgia,"Times New Roman",serif; font-size: 14px}

a {color: #5480A2}
p {margin-bottom: 1em; line-height: 22px}
h1,.article h1.page {font-family: 'Lobster', Helvetica, Arial, sans-serif; font-size: 22px;margin-bottom:0.5em;}
h2 {font-family: 'Lobster', Helvetica, Arial, sans-serif; font-size: 20px;margin-bottom:0.5em;}
h3, .widgettitle {font-family: 'Lobster', Helvetica, Arial, sans-serif; font-size: 16px;margin-bottom:0.5em;}
blockquote {padding: 10px; background: #ddd; border-bottom: 1px solid #999; margin: 1em;}
blockquote p {margin-bottom: 0}

input {-webkit-border-radius:4px; -moz-border-radius:4px; padding: 2px; border: 1px solid #ddd; font-family: Georgia,"Times New Roman",serif;}
#submit,#searchsubmit {-webkit-border-radius:4px; -moz-border-radius:4px;  border: 1px solid #444; background: #444; color: #fff; font-weight: bold;font-family: Georgia,"Times New Roman",serif;}
.screen-reader-text {display: none}

.alignleft {float: left}
img.alignleft {margin-right: 10px; border: 1px solid #ddd}
.alignright {float: right}
img.alignright {margin-left: 10px; border: 1px solid #ddd}
.mt {margin-top: 40px}
.clear {clear: both}

#wrapper {width: 960px; margin: 0 auto}

#header {margin: 20px; color: #5480A2;}
#header ul {list-style: none;}
#header ul li {float: left; text-align: right; padding-left: 10px}
#header a.lgo {font-family: 'Lobster', Helvetica, Arial, sans-serif; font-size: 36px; color: #444; text-decoration: none}
span.grey, span.grey a {color: #aaa; text-decoration: none}

.container {background: #fff; -webkit-border-radius:8px; -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.1); -moz-border-radius:8px; -moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.1); padding: 20px; margin-bottom: 20px}
.articles {width: 580px; float: left;}

*html .articles {width: 560px; float: left;}

.article {margin-bottom: 40px}
.article ul, .article ol {margin-bottom: 1em; margin-left: 40px}
.article ul li, .article ol li {margin-bottom: 5px}
.article h1, .article h1 a{margin-bottom: 0em; color: #444; text-decoration: none}
.article .small {margin-bottom: 20px; font-size: 11px}
.article img.vorschau {margin: 5px; float: left; }
.article img.bild {margin: 5px; }

/* Sidebar */
#sidebar .widget {margin-bottom: 20px}
#sidebar {width: 300px; padding-left: 20px; border-left: 1px solid #ddd; float: right}
#sidebar ul {list-style: none}
#sidebar ul li ul li {margin-bottom: 10px; list-style: outside; margin-left: 15px}

/* Kommentare */
#comments {margin-top: 40px}
#comment {width: 558px; padding: 10px; font-size: 12px;-webkit-border-radius:8px; -moz-border-radius:8px; font-family: Georgia,"Times New Roman",serif; border: 1px solid #ddd}
.author {padding-bottom: 19px; border-bottom: 1px solid #ddd; margin-bottom: 30px}
.avatars {float: left;}
.article_comment {margin-left: 84px}


#footer {margin-bottom: 20px; margin-left: 20px; font-size: 11px;}