/* 
Theme Name: Rogator Blog
Theme URI: 
Description: 
Version: 1.0
Author: Sascha Heilmeier
Author URI: http://www.machen.de
*/
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#58585a; }
h1,h2,h3,h4,h5,h6 { color:#e00024; margin-top:0; }
a { color:#e00024; text-decoration:underline; }
a:hover { text-decoration:none; }
a img { border:none; }
p { margin:0 0 5px 0; }

.clear { clear:both; }

#page { width:988px; border:1px solid #707070; margin:15px auto; }
#head { background:url(images/head-bg.gif) no-repeat left top; }
#head .logo { float:right; }
#head .navi { clear:both; background:url(images/head-navi-bg.gif); height:27px; color:#FFFFFF; font-size:14px; line-height:27px; padding-left:10px; }
#content { background:url(images/sidebar-bg.gif) bottom center repeat-x; border-bottom:1px solid #d6d6d6; }
.sidebar { width:190px; }
.sidebar .box {}
.sidebar .box .headline { background:url(images/sidebar-head.gif); height:27px; line-height:27px; font-size:14px; color:#58585a; padding:0 10px; font-weight:bold; }
.sidebar .box .content { margin:10px; }
.sidebar .box .content ul { padding-left:20px; margin:0; }
.sidebar .box .content li.cat-item { list-style-image:url(images/sub-navi-icon.gif); }
.sidebar .box .content li.cat-item a { text-decoration:none; color:#696969; }
.sidebar .box .content li.cat-item a:hover { color:#e00024; }
.sidebar .box .content ul.social { margin:10px 0; padding:0; list-style:none;  }
.sidebar .social li { margin-bottom:10px;}
.sidebar .social li a { height:27px; line-height:27px; text-decoration:none; color:#cacaca; font-weight:bold; display:block; padding-left:32px; }
.sidebar .social .facebook { background:url(images/facebook.gif) no-repeat left center; }
.sidebar .social .Rogator { background:url(images/icon-rogator.gif) no-repeat left center; }
.sidebar .social .kontakt { background:url(images/kontakt.png) no-repeat left center; }
.sidebar .social .twitter { background:url(images/twitter.gif) no-repeat left center; }

.search-box { border:1px solid #d9d9d9; background:#FFFFFF; }
.search-box #s { border:1px solid #FFFFFF; height:17px; line-height:17px; font-size:12px; color:#696969; padding:0; margin:1px 0 1px 2px; width:118px; float:left; }
.search-box #searchsubmit { background:url(images/suche.gif); width:41px; height:21px; border:none; float:right; }

#sidebar-left { float:left; }
#sidebar-right { float:right;  }
#main-content { float:left; width:606px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; background:#FFFFFF; }
#main-content .wrap { padding:15px 25px; }
.wrap p {margin-bottom: 10px;}

#footer { background:url(images/footer-bg.gif); height:17px;}
#footer ul { margin:0; padding:0; list-style:none; float:right; }
#footer ul li { float:left; margin-left:10px; height:17px; line-height:17px; }
#footer a { text-decoration:none; color:#FFFFFF; }
#footer a:hover  { text-decoration:underline; }

.post { margin-bottom:30px;}
.post .head { margin-bottom:15px; }
.post h2, .post h1 { float:left; width:470px; margin-bottom:0px; }
.post h2 a, .post h1 { font-size:14px; text-decoration:none; }
.post h2 a:hover { text-decoration:underline; }
.post .date { float:right; width:75px; }
.post p { margin:0 0 5px 0; }
.post hr { border:none; border-bottom:1px solid #cacaca; clear:both; float:none }
.post .post-left a, .post .post-right a { color:#cacaca; text-decoration:none; }
.post .post-left a:hover, .post .post-right a:hover { text-decoration:underline; }
.post .post-left { float:left; color:#cacaca; }
.post .post-right { float:right; color:#cacaca; }

.commentlist { list-style:none; padding:0;}
.commentlist hr { border:none; border-bottom:1px solid #cacaca; }

.addthis_toolbox { margin-top:20px; }

/*--------------------bildausrichtungen--------------------*/
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
