/*  
Theme Name: Blogger-Template
Theme URI: http://blogger-template.de
Description: Das Blogger Template ist eine Entwicklung von Pixeldreher, André Nitz.
Version: 1.3
Author: André Nitz
Author URI: http://www.pixeldreher.net 
*/

@import url(http://fonts.googleapis.com/css?family=Molengo);

* {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: 'Molengo', Helvetica, Arial, sans-serif; font-size: 22px;margin-bottom:0.5em;}
h2 {font-family: 'Molengo', Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 0em;}
h3, .widgettitle {font-family: 'Molengo', Helvetica, Arial, sans-serif; font-size: 16px;margin-bottom:0.5em;}
blockquote {padding: 10px; background: #ddd; margin: 1em;}
blockquote p {margin-bottom: 0}
img {border: 0px}

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: 0px}
.alignright {float: right}
img.alignright {margin-left: 10px; border: 0px}
.mt {margin-top: 40px}
.clear {clear: both}

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

#header {margin: 10px; color: #5480A2;}
#header ul {list-style: none;}
#header ul li {float: left; text-align: right; padding-left: 10px}
#header a.lgo {font-family: 'Molengo', Helvetica, Arial, sans-serif; font-size: 36px; color: #444; text-decoration: none}
#linieunten {border-bottom:1px dotted #444}
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}

/* Navigation */
#navigation {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: 6px; margin-bottom: 6px; text-align: right}
#navigationb {text-align: left; position: absolute; width: 600px; margin-top: 9px; font-size: 16px}
#navigationb a {text-decoration:none;}
#navigationb ul {padding-left: 0; display: inline}
#navigationb li {margin-left: 0; list-style: none; display: inline; padding: 6px 5px}

/* More-Link */
.more-link {font-weight:bold; position:relative; top:10px;}
/* altern. .more-link {-webkit-border-radius:4px; -moz-border-radius:4px; font-weight:bold; text-decoration:none; border: 1px solid #ddd; padding: 4px; position:relative; top:12px;}*/

/* Captions */
.wp-caption {text-align: center; padding-top: 4px; margin: 10px;}
.wp-caption img {margin: 0;padding: 0; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 5px solid #ddd;}
.wp-caption p.wp-caption-text {font-size: 14px; text-align: left; line-height: 18px; padding: 0 4px 5px; margin: 0; font-style:italic;}

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

/* Pagination Navi */
.pagination_navi {text-align: center;}
.pagination_navi a {border:1px solid #5480A2; -webkit-border-radius:4px; -moz-border-radius:4px; font-size: medium; font-weight:normal; padding: 3px 10px; margin: 2px 4px; text-decoration:none;}
.pagination_navi a.current-page {border: 1px solid #000; color: #000;}
.pagination_navi a:hover {border: 1px solid #46C; color: #46C;}

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