/*  
Theme Name: One day on earth
Theme URI: http://one-day-on-earth.com
Version: 1.0
Author: Veronika Sattler
Author URI: http://websache.de
*/

* { margin: 0; padding: 0;}
body {font-family:Georgia, "Times New Roman", Times, serif; color: #000000; font-size: 0.92em; background-color:#FFFFFF;}
a{text-decoration:none; color: #bf0908;}
a:visited{text-decoration:none;}
a:hover, a:active{outline:0; text-decoration: none;}
a:focus {text-decoration: underline;}
a img {border:0;}
img{display:block}
p {padding: 10px 0 20px 0;}
dfn {display: none;}
h1, h2, h3, h4, h5, h6 {display: block; color:#000000; font-family: Arial, Helvetica, sans-serif;}

/*header mit Logo und Navigationen*/
#header {width: 960px; height: 180px; border-bottom: solid 3px #000000; margin: 0 auto;}
h1.logo a {display: block; position: relative; float: left; width: 287px; height: 123px; background:url(../images/logo.png) no-repeat top left; margin-top: 20px; text-indent:-9999em;}
#navklein {position: relative; font-size: 78%; float: right;}
#navklein li {display: block; height: 29px; float: left; padding: 0 0 0 40px;}
#navklein li a {display: block; color: #000000; text-transform:uppercase; height: 100%; padding-top: 10px;}
#navklein li a:hover {color: #bf0908;}
.twitter {background: url(../images/twitter.png) no-repeat top left; text-indent: 35px;}
.rss {background: url(../images/rss.png) no-repeat top left; text-indent: 30px;}
#nav {display: block; clear: right; float: right; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-style: oblique; margin-top: 40px;}
#nav li {display: block; float: left; font-size: 135%; color:#bf0908;}
#nav li a {color: #000000; height: 33px; display: block; padding-top: 5px; float: left; text-indent: 10px;}
#nav li a:hover, #nav li a:focus, #nav li a:active, #nav li a.aktiviert {background:url(../images/nav_bg.png) no-repeat top left;}
#nav li span {padding-left: 10px; height: 33px; font-weight:bold; display: block; padding-top: 5px; float: left;}


/*Content*/
#content {width: 960px; margin: 0 auto; clear: both; position: relative; height: auto; overflow: hidden;}
#error {width: 960px; margin: 0 auto; clear: both; position: relative; height: 500px; background:url(../images/error.jpg) no-repeat;}

#main {position: relative; float: left; width: 620px; float: left; overflow: hidden; height: auto;}
#main h2 {text-transform: uppercase; font-size: 180%; padding-bottom: 5px;}
.article {padding: 30px 0 30px 0px; width: 550px; border-bottom: double 4px #000000; margin-left: 70px; position: relative;}
.article span.time {display: block; width: 50px; height: 55px; background-color: #bf0908; color: #ffffff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; position: absolute; left: -70px; top: 30px; font-size: 100%; text-align: center; padding-top: 10px;}
.article span.picture {display: block; width: 50px; height: 55px; background-color: #bf0908; color: #ffffff; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; position: absolute; left: -70px; top: 30px; font-size: 100%; text-align: center; padding-top: 5px;}
.article span.picture img {display: block; width: 35px; height: auto; margin: 0 auto;}

.article span.time strong {display: block; font-size: 150%;}
.article h2 {text-transform: uppercase; font-size: 180%; padding-bottom: 5px;}
.article h2 a {color:#000000;}
.article h3 {text-transform: uppercase; font-size: 140%; padding-bottom: 5px;}
.article h3 a {color:#bf0908;}
.article small {font-family:Arial, Helvetica, sans-serif; font-size: 96%;  padding-bottom: 25px; display: block;}
.article small a {color:#737171; padding-right: 10px;}
.article small a:hover, .article small a:focus, .article small a:active {color:#bf0908;}
.article span.abstand {display: inline; width: auto; height: auto; position: relative; padding-left: 10px; left: 0; top: 0; background: none; text-align:left; text-transform:none; padding-top: 0;}
.article dl {display: block; position: relative; width: 550px; height: auto;}
.article dt img {display: block; width: 550px; height: auto; margin-bottom: 40px; position: relative;}
.article dd {position: absolute; width: 100%; bottom: -25px; display: block; height: 10px; padding: 10px 0px; text-align: left; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size: 90%; color:#737171;}
.article a.continue {display: block;position: relative; float: right; background:url(../images/continue.png) no-repeat top right; padding: 4px 35px 0 0; text-transform: uppercase; font-size: 80%;}
.pagination {padding: 30px 0 20px 0px; width: 560px; margin-left: 70px; list-style: none;}
.pagination li {float: left; padding: 5px 7px; font-weight: bold; margin-right: 3px; background-color:#e2e1e1;}
.pagination li.active {background-color:#bf0908; color:#ffffff;}

/*Kommentare*/
.comments {padding: 20px 0 20px 0px; width: 550px; position: relative; border-bottom:solid 1px #000000;}
.comments:last-child {border-bottom: none; padding-bottom: 0;}
.comments h2 {text-transform: uppercase; font-size: 120%; padding-bottom: 5px;}
.comments h2 a {color:#bf0908;}
.comments h3 {text-transform: none; font-size: 110%; padding-bottom: 5px;}
.comments h3 a {color:#bf0908;}
.comments small {font-family:Arial, Helvetica, sans-serif; font-size: 90%;  padding-bottom: 25px; display: block; color:#737171;}
.article form {display: block; padding-top: 20px; position: relative; height: auto;}
.article label {float: left; display: block; clear: left; font-size: 90%; padding: 5px 0; width: 60px; margin-bottom: 12px; color:#bf0908}
.article input {float: left; padding: 5px; width: 160px; margin-bottom: 12px; color:#bf0908; border: 1px solid #000000;}
.article textarea {float: right; padding: 5px 5px; width: 250px; color:#bf0908; border: 1px solid #000000;}
.comments-wrapper {overflow: hidden; height: auto;}
.article input.button {width: 70px; height: 30px; background-color: #bf0908; color:#ffffff; border: none; font-weight: bold; margin-top: 10px; display: block; margin-top: 30px; position: relative; clear: right; margin-right: 20px; left: -20px;}
.article input.button.disabled {display: none;}
.error_main {position: absolute; left: 290px; top: 5px; background-color: #bf0908;}
.error_main ul {list-style: none; position: relative; top: 0; color: #ffffff; font-weight: bold;}


/*Kontakt*/

.zemContactForm {display: block; padding: 20px 0; width: 400px; position: relative;}
.zemContactForm legend {display: none;}
.zemContactForm fieldset {border: none;}
.zemContactForm input {float: right; padding: 5px; width: 300px; margin-bottom: 12px; color:#bf0908; border: 1px solid #000000;}
.zemContactForm textarea {float: right; padding: 5px 5px; width: 300px; color:#bf0908; border: 1px solid #000000;}
.zemContactForm label {float: left; display: block; clear: left; font-size: 90%; padding: 5px 0; width: 60px; margin-bottom: 12px; color:#bf0908}
.zemContactForm input.zemSubmit {width: 70px; height: 30px; background-color: #bf0908; color:#ffffff; border: none; font-weight: bold; margin-top: 10px; display: block; margin-top: 30px; position: relative; clear: right; text-align: center; float: right;}
#gallery .zemError {list-style: none; position: absolute; left: 420px; background: #bf0908; padding: 7px; color: #ffffff;}
#gallery .zemError li {border: none;}

/*Gallery*/
#gallery {width: 100%; height: auto; overflow: hidden; padding: 30px 0;  position: relative;}
#gallery h2 {text-transform: uppercase; font-size: 180%; padding-bottom: 5px;}
#gallery li {width: 180px; height: auto; display: block; float: left; margin-right: 10px; margin-bottom: 10px; border: double 4px #000000;  position: relative;}
#gallery li img {display: block; width: 180px; height: auto;}
#gallery li a {display: block; position: relative; width: 100%;}
#gallery li a span {display: block; position: absolute; top: 30%; background: url(../images/gallerybg.png); color: #ffffff; width: 100%; font-size: 80%; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; text-align: center; font-weight: bold; padding: 3px 0px; display: none;}
#gallery li a:hover span {display: block;}

/*Sidebar*/
#sidebar {position: relative; float: right; width: 280px; padding-top: 30px; overflow: hidden; height: auto;}
#sidebar h2 {font-size: 110%; text-transform: uppercase; padding-bottom: 10px; font-style: normal; color:#000000;}
#sidebar input {position: relative; width: 230px; height: 20px; padding: 4px; background: #ffffff; border: solid 1px #000000; float: left; font-family:Georgia, "Times New Roman", Times, serif; color: #bf0908;}
#sidebar input.submit {float: right; width: 30px; height: 30px; text-indent:-9999px; border: none; background:url(../images/submit.png) no-repeat;}
#sidebar ul {list-style:none;}
#sidebar li {display: block; padding-top: 4px;}
#sidebar div.left {clear: both; float: left; width: 130px; margin-top: 50px; font-size:90%; font-style: oblique; color: #bf0908;} 
#sidebar div.right {float: right; width: 130px; margin-top: 50px; font-size:90%; font-style: oblique; color: #bf0908;} 
#sidebar div.left h2, #sidebar div.right h2, #sidebar div.normal h2 {font-size: 110%; text-transform: uppercase; padding-bottom: 10px; font-style: normal; color:#000000;}
#sidebar div.normal {clear: both; float: left; width: 100%; margin-top: 50px; font-size:90%; font-style: oblique; color: #bf0908;} 
#sidebar div.left a {color:#000000;}
#sidebar div.right a {color:#000000;}
#sidebar div.normal a {color:#000000;}
#sidebar div.normal li {display: block; padding-bottom: 10px;}
.rssMonthCount {color:#bf0908;}
#sidebar ul.authors {position: relative; width: 100%;}
#sidebar ul.authors li {float: left; width: 125px; display: block; margin-right: 15px; margin-bottom: 15px;}
#sidebar ul.authors li img {display: block; width: 125px; height: auto;  border: double 4px #000000;}
#sidebar ul.authors li a {display: block; position: relative; width: 100%;}
#sidebar ul.authors li a span {display: block; position: absolute; top: 50%; padding: 5px 0; background: url(../images/gallerybg.png); color: #ffffff; width: 100%; font-size: 70%; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; text-align: center; font-weight: bold;display: none; margin-left: 4px;}
#sidebar ul.authors li a:hover span {display: block;}






/*Footer*/
#footer {width: 960px; height: 60px; border-top: solid 3px #000000; margin: 50px auto 0 auto; padding-top: 10px; font-size: 90%; clear: both; position: relative;}
#footer ul {list-style: none;}
#footer li {float: left;}
#footer a {padding-right: 12px;}
#footer li.right {float: right; padding-left: 15px;}