/*  
Theme Name: sannas theme
Theme URI: http://www.so-happy.de/
Description: MEINS!
Version: 2.0
Author: sanna
Author URI: http://www.so-happy.de


	This theme was designed and built by sanna,
	whose blog you will find at http://www.so-happy.de

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

html { margin:0; padding:0; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a6a6a6; background:#000 url('images/bg.jpg') 0 0 repeat-x; }
a, a:visited{ outline:none; color:#ccc; text-decoration:none;  }
#sidebar a{color:#777;}
#content #postlist a{color:#333;}
#content #postlist .entry a{color:#df6c00;}
#content .featured a:hover, #content .smallfeatured a:hover, #content .posthead a:hover{color:#df6c00 !important;}
a:hover { color:#000 !important; }
.clear { clear:both; }
.center { text-align:center; }
p { line-height: 1.5em;margin-bottom:12px;}
.smallfeatured p{line-height: 1.3em;}
#postlist p, .widget_twitter span{color:#666;}
#sidebar .widget_twitter  span.entry-meta{font-size:0.875em;}
#sidebar .widget_twitter  span.entry-meta a{color:#333;}
#content #sidebar ul , #socialized ul{ list-style:none; margin:0; padding:0; }
h1{}
h2{}
h3{margin-top:12px}
*+html h3{margin-top:8px;}
h4{font-size:14px;color:#444; margin-bottom:2px;}

img{border:0;}

code { font:.9em Arial, "Courier New"; color:#fff; padding:8px; background:#b28327; display:block; border:1px solid #daac52; }
blockquote { color: #679ef1; padding: 5px 0; background: url('images/close-quote.png') no-repeat right bottom; margin: 6px;}
blockquote p { padding: 24px 24px 12px 48px; background: url('images/open-quote.png') no-repeat left top; }
.pullquote { padding: 6px; float: right; width: 180px; margin:10px 0 10px 10px; border-top:1px solid #005b8e; border-bottom:1px solid #005b8e; text-align: center; line-height: 22px; font-family: georgia, verdana, Arial, Helvetica, sans-serif; text-transform:none; color:#ccc; }

.clearfix:after { content: " "; display: block; font-size: 0; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.clearfix { display: block }
*+html .clearfix { display: inline-block; }

#site{width: 1010px; margin: 0 auto; }
#header{height:80px;}
#header #logo{float:right;}
#header #socialized{float:left;width:320px;margin-top:40px;}
#header #socialized p{float:left; margin: 0 10px 0 0;padding-top:10px;}
#header #socialized ul li{display:inline;}

#page{ background:#fff;padding:30px;}
#content{float:left;}
#content .post{clear:left;}
#content .smallfeaturedlist{width:280px;float:left;margin-left:20px;}
#content .smallfeatured{background-color:#090909;padding-bottom:4px;margin: 0 0 8px 0;}
#content .smallfeatured h3{font-size:12px;margin-bottom:0;}
#content .smallfeatured h3 a{color:#fff;}
#content .smallfeatured p{font-size:12px;margin-top:0;padding-top:0;}
#content .smallfeatured p, #content .smallfeatured h3{padding-left:10px;}
#content .featuredlist{float:left; width:650px;}
#content .featured{width:650px; height:522px; background-color:#090909;padding-bottom:40px;}
#content .featured img{max-width:650px;}
#content .featured h3, #content .featured p{padding: 0 40px;margin-bottom:0;}
#content .featured h3{margin-top:40px;}
#content .featured h3 a{font-size:18px;color:#fff;}
#content p.shortinfo{font-size:12px;margin:0 0 10px 0;}

#content #postlist{float:left; width:650px;margin-top:20px;}
#content #postlist h3, #content #postlist p{margin-bottom:0;}
#content #postlist h3{margin-top:0;font-size:18px;}
#content #postlist .posthead{border-left: 10px solid #333; padding: 0 40px 0 10px;margin: 0 0 0 40px;}
#content #postlist .post{margin-bottom:40px;/*background:#f4f4f4;*/ padding: 0 40px;}
#content #postlist .post h2{margin-bottom:0;}
#content #postlist .post .text{width:600px;}
#content #postlist  .fotoinfo{display:none;}
#content #postlist  .single .fotoinfo{display:block;}
#content #postlist .single{background:none;padding: 0 20px 20px 0;}
#content .singleimage{background-color:#090909; padding: 40px; text-align:center;}
#content .navigation{border-bottom:2px solid #efefef; padding: 10px 0 8px;}
#content .navigation .alignleft{float:left;}
#content .navigation .alignright{float:right;}

#content .comment{margin-bottom:20px;}
#content .comment .avatar{width:48px; float:left; margin-right:20px;}
#content .comment .text{width:500px; float:right; background:#f5f5f5;padding:20px;margin-right:40px;color:#666;}
#content #postlist .comment .text a{color:#df6c00;}
#commentform{margin-left:68px;}
#commentform input, #commentform textarea{font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#commentform textarea{width:540px;}
#commentform input{width:200px;}
#commentform input#submit{width:auto;}

#content #sidebar{float:left;width:280px;margin-left:20px;}
#content #sidebar ul li ul li{padding:0 0 4px 20px;}
.widget h4{text-align:right;border-bottom:2px solid #efefef; padding: 10px 0;margin-bottom:5px;}
#sidebar .twitterwidget-rss{margin-right:10px;}
#sidebar .twitterwidget-rss img{vertical-align:middle;}
#sidebar .twitter-avatar{float:right;margin-left:10px;}
#sidebar .entry-meta{display:block;float:none;clear:both;}

img.alignleft{display:block; float:left; clear:left; margin: 0 20px 20px 0;}
img.alignright{display:block; float:right; clear:right; margin: 0 0 20px 20px;}


#content .navigation{float:none; clear:both;}

#footer{clear:both;width: 1000px; margin: 0 auto; padding: 4px 0 20px; text-align:center;font-size:11px;}

.sidebar{padding: 14px; width:260px; float:right;}