/*
Theme Name: AndersAlsGedacht
Theme URI: http://anders-als-gedacht.de
Description: Toll :)
Version: 1.0
Author: Viola und maDDin
*/

/* DUDE, PADDING INCREASES WIDTH! */

/*
||  General
*/

*{margin: 0px; padding: 0px; }
body{text-align: center; color: #333333; font-family: arial;}
a, a:visited{text-decoration: none; color: #58b447}
a:hover{text-decoration: underline; color: #a82657;}
a img{border: none;}

table{border-collapse: collapse;}

blockquote{margin: 0 0 1em 0; padding: 10px 20px 10px 20px; border: 1px solid #666; background-color: #fafafa; }
blockquote p{margin:0 0 0 0;}

p{margin-bottom: 15px; line-height:200%;}

pre{border: 1px solid #ccc; background: #fafafa; padding: 10px 20px; margin: 0 0 1em 0; overflow: auto;}
object{display: block; margin: 0 auto;}
.wp-caption-text{text-align: center;}
.alignright{float: right;}
.alignleft{float: left;}
.aligncenter{display: block; margin-left: auto; margin-right: auto;}
.centered{display: block; margin-left: auto; margin-right: auto;}
.clear{clear:both;}

ul{list-style-type: none; margin: 0 0 0 0; padding: 0; line-height: 0%;}
ul li{margin: 0; padding: 0; line-height: 150%; zoom: 1;}
ol{margin: 0 0 1em 23px; padding: 0;}

/*
||  Design
*/

#wrapper{width: 870px; margin: auto; text-align: left;}
#header{background: url("./images/bg_header.jpg") no-repeat; height: 227px;}
#contents_r{width: 870px; display: inline-block; background: url("./images/bg_contents_r.jpg") repeat-y;}
#contents{width: 870px; display: inline-block; background: url("./images/bg_contents.jpg") no-repeat;}
#col_left{float: left; width: 674px; display: inline; padding-top: 35px;}
#col_right{float: right; width: 196px; display: inline; padding-top: 35px;}
#footer{clear: both; height: 43px; background: url("./images/bg_footer.jpg") no-repeat bottom;}

/*
||  Header
*/
#header #searchinput{color: #333333; background-color: #ffffff; border: none; margin-left: 622px; margin-top: 30px; height: 24px; width: 108px; font-family: verdana; font-size: 16px; font-style: italic;}
#header #menu_item a{color: #ffffff; text-decoration: none; font-family: verdana; font-size: 11px; font-weight: bold;}
#header #menu_item a:hover{color: #e37225;}
#header #menu_item.link_1 a{position: absolute; top: 43px; margin-left: 538px;}
#header #menu_item.link_2 a{position: absolute; top: 83px; margin-left: 480px; font-size: 14px;}

/*
||  Post
*/
#post{clear: both; display: inline-block; margin-left: 16px; border-bottom: 1px solid #666; padding-bottom: 5px; margin-bottom: 15px;}
#post_meta{float:left; width: 78px; text-align: right; padding-right: 10px; padding-left: 9px;}
#post_content{float: right; width: 541px; padding: 0px 10px;}

/*
||  Post_Meta
*/
#post_meta .meta_part{color: #666; font-size: 11px; border-bottom: 1px dotted #666; padding-bottom: 10px; padding-top: 10px;}
#post_meta .meta_part .meta_title{color: #aaa; letter-spacing: 1px;}
#post_meta .meta_part .day, #post_meta .meta_part .month {font-weight: bold; font-size: 30px;}
#post_meta .meta_part .sc1{color: #58b447;}
#post_meta .meta_part .sc2{color: #e37225;}
#post_meta .meta_part .sc1 a{color: #58b447;}
#post_meta .meta_part .sc2 a{color: #e37225;}

#post_meta .last{border-bottom: 0px;}

#post_meta .meta_part .meta_link a, #post_meta .meta_part .meta_link a:visited{text-decoration: none; line-height: 150%;}
#post_meta .meta_part .meta_link a:hover{text-decoration: underline;}

/*
||  Post Content
*/
#post p{font-size: 13px; line-height: 160%;}
#post h2{font-size: 16px; margin: 0 0 11px 0; font-weight: normal; line-height: 0;}
#post h2 a, #post_content h2 a:visited{color: #666; line-height: 120%;  display: inline-block; padding: 0 0 13px 0; text-decoration: none;}
#post h2 a:hover {text-decoration: none; color: #58b447;}

#post a, #post a:visited{color: #a82657; text-decoration: underline;}
#post a:hover{color: #58b447; text-decoration: underline;}

#post img, #post a img {border: 1px solid #666; padding: 2px; margin-bottom: 15px;  background: #fafafa;}
#post a:hover img{border: 1px solid #58b447; background: #fafafa;}
#post img.centered{display: block; margin: 0 auto; margin-bottom: 15px;}
#post img.alignright{margin: 4px 0 15px 15px; display: inline;}
#post img.alignleft{margin: 4px 15px 15px 0; display: inline;}

#post table{margin: 0 0 1em 0;}
#post td, #post th{border: 1px solid #fafafa; padding: 15px;}
#post th{background: #eee; font-weight: normal;}

#post_content ul li{margin: 0 0 1em 0; line-height: 160%; padding: 0 0 0 18px;}
#post_content ol li{margin: 0 0 1em 0;}
#post_content input{margin: 5px 0;}

#post_content a.more-link, #post_content a.more-link:visited 
  {display: block; clear: both; color: #a82657; margin-left: 2px; height: 12px; padding-left: 23px; line-height:12px; background: url(images/bg_more.png) no-repeat left top; text-decoration: none;}
#post_content a.more-link:hover {color:#58b447; background: url(images/bg_more_hover.png) no-repeat left top; text-decoration: none;}


/*
||  Comments
*/
#comments{float: right; width: 541px; padding: 0px 10px;}

#comments .comment_title{font-size: 13px; line-height: 150%; margin-left: -5px;}
#comments .comment_text{font-size: 13px; line-height: 150%; padding-left: 5px;}
#comments p{font-size: 13px; line-height: 150%;}

#comments #commentform input, #comments #commentform #comment{background-color: white; color: #333333; border: 1px solid #666;}
#comments #commentform small{font-size: 11px;}
#comments #commentform p{line-height: 150%;}
#comments #commentform #comment{margin-top: 7px; margin-bottom: 10px; width: 500px; height: 200px;}

/*
||  Sidebox
*/
#sidebox{width: 156px; margin: 0px 25px 10px 10px; padding-bottom: 10px; color: #aaa; font-size: 11px; border-bottom: 1px dotted #666;}
#sidebox .sidebox_title{letter-spacing: 1px;}

#sidebox a, #sidebox a:visited{color: #e37225; letter-spacing: 1px;}

#side_box ul{margin: 0;}
#side_box li{margin: 0 0 1em 0; line-height: 140%;}
#side_box li li{padding: 0 0 0 1em; margin: 3px 0;}

/*
||  Footer
*/
#footer{text-align: center;}
#footer .about{display: inline-block; margin-top: 20px; font-size: 10px; color: #ffffff;}