/*  
Theme Name: maru-design.eu-style
Theme URI: http://www.maru-design.eu/
Description: maru design - Eine andere Art von Design!
Version: 4.3 (20.08.2010)
Author: maru design 
Author URI: http://www.maru-design.eu/
*/

/* Allgemein */
* {margin: 0; padding: 0;}

/* body */
body{background: url('images/bg.jpg') repeat center top; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff;
font-size:12px; text-align:left;}

/* Main */
#wrap {width:850px; margin: 50px auto 0 ;}

/* Header */
#header {width: 850px; height: 75px;}
#logo {margin-top: 10px; float: left;}

/* Menue */
#menue{margin-top: 50px; float: right;}
#menue li {list-style-type: none; font-size:16px; font-weight:bold; padding-left: 20px; float: left;}
.current_page_item a {color: #B74718!important;}

/* Content Pages & Post */
#content-pages, #content-home {background:url("images/bg-content.png") repeat scroll 0 0 transparent; width:850px; 
height: 400px;}
#content-pages li {list-style-type: disc; margin-left: 15px; padding: 2px 0;}
#content-post {background:url("images/bg-content.png") repeat scroll 0 0 transparent; width:850px; padding-bottom: 15px; 
float: left;}

/* Home */
#home-left {width: 350px; margin-top: 45px; padding: 15px; float: left;}
#home-middle {width: 250px; padding: 15px 15px 5px; float: left;}
.contact {margin-top: 15px;}
.contact-icon img {margin-top: 4px; padding-right: 10px; float: left;}
.contact h2 {font-weight:normal; margin: -5px 0;}
.contact p {margin-bottom: 5px;}
#home-right {width: 175px; padding: 15px 15px 15px 0px; float: right;}
#home-right ul {margin-top: 5px; margin-bottom: 5px;}
#home-letzter-tweet {margin-top: 5px;}
#home-right p {font-style: italic;}

/* Other Pages */
#content-left, #content-middle, #content-right {width: 255px; height: 375px; padding: 15px 10px 10px 15px; float: left;}

/* Webdesign */
.price-right {text-align:right; padding-top: 5px;}
.price-right p {padding: 0px;}

/* Referenzen */
#referenzen-left {width: 365px; padding: 15px; float: left;}
#referenzen-right {width: 365px; padding: 15px 45px 15px 0px; float: right;}
#referenzen-slide {margin-top: 40px;}
#referenzen-slide li {list-style-type: none!important;}

/* Posts */
#posts {width: 550px; padding: 15px; float:left;}
.post, .post-single {border-bottom: 1px dashed #fff; margin-bottom: 35px; padding-bottom: 5px; float:left;}
.post {margin-bottom: 35px;}
.post-single {margin-bottom: 10px;}
.date-com {padding-top: 5px; float:right;}
.wp-caption-text {background: #fff; width: 550px; color: #000; text-align:center; font-weight: bold; margin-bottom: 5px; 
padding: 10px 0;}

/* Related Posts */
#related-posts {padding: 15px 0; float: left;}
#related-posts li {padding: 2px 0 0 15px;}

/* Pagebar */
#pagebar {width: 550px; height: 25px; font-weight: bold; list-style: none;}
#pagebar li {height: 25px; text-align: center; float: left;}
#pagebar li.prev, #pagebar li.next {width: 120px; font-size: 14px; padding: 5px 0;}
#pagebar li.next {text-align: right;}
#pagebar li.prev {text-align: left;}
#pagebar li.pagenumbers {width: 290px; margin: 0 10px;}
#pagebar li.pagenumbers a {border: 1px solid #B74718; margin: 0 5px; padding: 5px; display: inline-block;}
#pagebar li.pagenumbers a.active {border: 1px solid #fff; color: #fff; padding: 5px;}
#pagebar li.pagenumbers a:hover {border: 1px solid #fff;}

/* Sidebar */
#sidebar {width:205px; margin-top: 15px; padding-right: 15px; float: right;}
#sidebar h3 {padding-bottom: 3px;}
.textwidget, .textwidget, #sidebar ul {padding-bottom: 15px;}
.textwidget p, .textwidget p {padding: 0;}
#sidebar li {padding-bottom: 5px;}
.twitter li {padding-bottom: 10px!important;}

/* Kommentare */
.commentslist {width: 550px; padding-top: 15px;float: left;}
.comment-title {padding-bottom: 10px;}
.commentslist li {list-style: none; padding-bottom: 10px;}
.avatar {background-color: #fff; margin-top: 2px!important; margin-right: 5px; padding: 3px!important; float: left;}
.comment-author{font-weight: bold;}
.fn {font-style: normal;}
.fn a{color: #fff; text-decoration: underline;}
#respond {padding-top: 5px; float: left;}
.input-author, .input-mail, .input-webseite {float: left; padding-right: 10px;}
#comment { width: 530px;}

/* Archiv */
.archiv-title {padding-bottom: 15px;}

/* footer */
#footer {padding-bottom: 50px; float: left;}

/* Sonstiges */
#page-15, .font-small {font-size: 11px;}
#page-196 {font-size: 10px;}
#home-left img, #referenzen-slide img, #posts img  {background-color: #fff; padding: 5px;}
#posts img  {margin-top: 5px;}
.thums {background: #fff; margin: 4px; padding: 3px;}
.alignleft {float: left;}
.alignright {float: right;}

/* Tags */
h2, h3 {color: #B74718; margin: 0;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}

/* Links */
a{color: #B74718; text-decoration: none;}
a:hover {color: #fff; text-decoration: none;}
#menue a, #footer a {color: #fff;}
#menue a:hover, #footer a:hover {color: #B74718;}
a img {border: none;}

/* Other */
p {padding: 5px 0; margin: 0;}
ul {list-style-type: none; padding: 0; margin: 0;}
ol {list-style: none; padding: 0!important;}