/*  
Theme Name: Scarbous.de
Theme URI: http://www.scarbous.de
Description: 
Version: 1.0
Author: Sascha Heileier
Author URI: http://www.scarbous.de
*/
body { margin:0; padding:0; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#404040; background:url(images/page-bg.gif) repeat-x top center; }
h1,h2,h3,h4,h5,h6 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin-top:0; }
a { color:#4b6980; text-decoration:underline; }
a:hover { text-decoration:none; }
a img { border:none; }

.clear { clear:both; }

.inner { width:980px; margin:0 auto; }
#head { background:url(images/head-bg.gif) top center no-repeat; }
#logo { float:left; height:76px; width:320px; }
#head .info { float:right; width:320px; height:76px; }
#head .info .spacer { text-align:right; padding:10px;}

#slide { height:245px; width:690px; background:#f2f2f2; float:left; background:url(images/head-footer-bg.gif) bottom center repeat-x; overflow:hidden; }
#slide .posts { position:relative; height:200px; }
#slide .posts .post { background:#FFFFFF; position:absolute; top:0; left:0; display:none; }
#slide .posts .post .inner { margin:8px 10px 10px 10px; height:auto; width:auto; }
#slide .posts .post.iphone { background:url(images/iphone.png) 10px 10px no-repeat; }
#slide .posts .post.wordpress { background:url(images/wordpress.png) 10px 10px no-repeat; }
#slide .posts .post.php { background:url(images/php.png) 10px 10px no-repeat; }
#slide .posts .post h2 { float:left; width:500px; margin-left:35px; font-size:16px; }
#slide .posts .post .info { float:right; width:100px; height:auto; margin-left:8px; padding-left:8px; border-left:1px solid #404040; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; }
#slide .posts .post .content { margin-top:10px; }


#person { height:245px; width:290px; float:right; position:relative; right:0; background:url(images/head-footer-bg.gif) bottom center repeat-x; }
#person .person { position:absolute; bottom:45px; right:0; }
#person .info { width:auto; position:absolute; top:120px; z-index:500; left:10px; float:none; height:auto; }


#content { background:url(images/content-bg.gif) top center repeat-y; padding-top:10px; }

#main { width:690px; float:left; }
#main .spacer { margin:0 10px; }
#posts { margin:0 0 0 10px; padding:0; list-style:none; }
#posts li { float:left; margin: 0 10px 10px 0; border:1px solid #e8e8e8; width:300px; padding:8px 10px 10px 10px; }
#posts li:hover { border:1px solid #a2a2a2; }

#posts li.iphone { background:url(images/iphone.png) 10px 10px no-repeat; }
#posts li.wordpress { background:url(images/wordpress.png) 10px 10px no-repeat; }
#posts li.php { background:url(images/php.png) 10px 10px no-repeat; }
#posts li h2 { float:left; width:175px; margin-left:35px; font-size:16px; }
#posts li .info { float:right; margin-left:8px; padding-left:8px; border-left:1px solid #404040; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; }
#posts li .content { margin-top:10px; }


#sidebar { width:290px; float:right; }
#sidebar .widget h2 { background:#f2f2f2; padding:5px 10px; border-top:1px solid #e0e0e0; }
#sidebar .widget { margin-bottom:10px; }
 

#footer { background:url(images/footer-bg.gif) top center no-repeat; height:40px; }
#footer .inner { height:25px;}
#footer .inner ul { float:right; margin:0 10px 0 0; padding:0; list-style:none; }
#footer .inner li { float:left; margin-left:20px; line-height:25px; }
#footer .inner li a { color:#404040; }