/*
Theme Name: Mediadonis
Theme URI: http://www.mediadonis.net/
Description: Mediadonis Wordpress Theme.
Version: 1.0
Author: Benjamin Schulz
Author URI: http:/www.seraph-design.de
Tags: fixed width, two columns, widgets
*/

*{margin:0;padding:0;}
html{background:#333333 url(gfx/background.jpg) no-repeat top center;background-attachment:fixed;font-family:Calibri, Arial, Helvetica, sans-serif;}
#wrap{width:960px;background:#fff;margin:0 auto;margin-top:40px;}
#head{position:relative;height:232px;background:url(gfx/header.jpg) no-repeat top left;margin-left:-10px;margin-right:-10px;}
#head h1 a{display:block;width:160px;position:absolute;left:0;height:222px;text-indent:-9999px;}
#nav{position:absolute;bottom:0;left:170px;width:470px;height:45px;list-style-type:none;}
#nav li,#nav li a{float:left;}
#nav li a{height:45px;line-height:45px;color:#fff;margin-right:2px;text-align:center;text-shadow:0px 1px 0px #666;font-weight:bold;text-decoration:none;}
#nav li a:hover{text-decoration:underline;}
#nav li.home a{width:68px;}
#nav li.about a{width:171px;}
#nav li.contact a{width:118px;}
#nav li.friends a{width:107px;margin-right:0;}

#search input{background:none;border:none;color:#fff;width:115px;height:25px;padding-top:5px;padding-left:5px;float:left;}
#search #searchsubmit{width:30px;cursor:pointer;float:left;text-indent:-9999px;}
#search .hidden{display:none;}

#intro{position:absolute;top:22px;left:170px;width:400px;color:#fff;text-shadow:0px 1px 0px #000;}
#intro h2{color:#fdb725;margin-bottom:2px;}
#intro p{line-height:1.3em;}

#blogmeta{position:absolute;top:-33px;right:20px;color:#d7d7d7;font-size:0.9em;line-height:20px;background:url(gfx/black.png);padding:3px 10px;text-shadow:0px 1px 0px #000;}
#blogmeta a{color:#d7d7d7;}
#search{position:absolute;width:150px;height:25px;bottom:21px;right:180px;}
#rssfeed{height:25px;line-height:25px;width:110px;position:absolute;bottom:21px;right:11px;text-align:center;color:#fff3e9;font-size:0.8em;text-shadow:0px 1px 0px #000;}
#rssfeed a{position:absolute;display:block;width:110px;height:41px;text-indent:-9999px;right:0px;bottom:-10px;}


#content{width:620px;margin:10px;float:left;}
#sidebar{float:right;width:308px;background:#dedede;border:1px solid #b2b2b2;margin-right:10px;margin-top:0px;margin-bottom:10px;}
#sidebar .sidebox{margin-bottom:10px;}
#sidebar .sidebox h3{background:url(gfx/side-title.jpg) no-repeat top center;height:41px;margin-left:-7px;margin-right:-6px;margin-top:5px;padding-left:13px;line-height:36px;color:#fff;}
#sidebar h3{text-shadow:0px 1px 0px #000;text-align:left;}
#sidebar .advertise{text-align:center;font-size:0.8em;line-height:1.5em;}
#sidebar .advertise img{margin-bottom:5px;}
#sidebar .advertise p{padding-left:5px;padding-right:5px;text-align:left;}
#sidebar .youtube{text-align:center;font-size:0.8em;line-height:1.5em;}
#sidebar .youtube img{margin-bottom:5px;}
#sidebar .youtube p{padding-left:5px;padding-right:5px;text-align:left;}
#sidebar .recentnews{text-align:center;}
#sidebar .recentnews p{text-align:left;padding-left:5px;padding-right:5px;margin-bottom:10px;font-size:0.8em;line-height:1.5em;}
#sidebar .recentnews img,#sidebar .picture img,#sidebar .pictures img{padding:4px;background:#fff;border:1px solid #aaa;margin-bottom:5px;width:288px;}
#sidebar .pictures{text-align:center;}
#sidebar a{color:#000;}
#sidebar .speak{text-align:center;}
#sidebar .speak img{margin-bottom:5px;}
#sidebar .speak p{text-align:left;margin-bottom:10px;font-size:0.9em;line-height:1.2em;margin-left:10px;margin-right:10px;background:url(gfx/speak-icon.jpg) no-repeat 5px center;padding-left:35px;}
#sidebar .speak p a{color:#b6121b;text-decoration:none;border-bottom:1px dotted #b6121b;}
#sidebar .speak p a:hover{color:#000;border-bottom:1px solid #000;}
#sidebar .socials p{font-size:0.9em;padding-left:10px;margin-bottom:5px;}
#sidebar .socials ul{list-style-type:none;margin-left:10px;}
#sidebar .socials ul li{width:148px;float:left;line-height:1.5em;}
#sidebar .socials ul li a{display:block;float:left;padding-left:20px;}
#sidebar .socials ul li a:hover{margin-left:5px;}
#sidebar .socials li.twitter a{background:url(gfx/ico/twitter.jpg) no-repeat center left;}
#sidebar .socials li.youtubes a{background:url(gfx/ico/youtube.jpg) no-repeat center left;}
#sidebar .socials li.facebook a{background:url(gfx/ico/facebook.jpg) no-repeat center left;}
#sidebar .socials li.digg a{background:url(gfx/ico/digg.jpg) no-repeat center left;}
#sidebar .socials li.flickr a{background:url(gfx/ico/flickr.jpg) no-repeat center left;}
#sidebar .socials li.linkedin a{background:url(gfx/ico/linkedin.jpg) no-repeat center left;}
#sidebar .socials li.xing a{background:url(gfx/ico/xing.jpg) no-repeat center left;}
#sidebar .socials li.rss a{background:url(gfx/ico/rss.jpg) no-repeat center left;}

.navigation{position:relative;margin-bottom:10px;font-size:0.8em;}
.navigation .alignleft{position:absolute;top:0;left:0;}
.navigation .alignright{position:absolute;top:0;right:0;}
.navigation a{color:#000;}

/* POSTS */

.post{margin-bottom:10px;border-bottom:1px solid #dedede;}
.posttitle-image{position:relative;margin-bottom:10px;}
.posttitle{position:relative;margin-left:-20px;background:url(gfx/titlebg.jpg);margin-bottom:10px;}
.post h2{text-shadow:0px 1px 0px #000;font-size:1.9em;font-style:italic;}
.posttitle-image h2{position:absolute;bottom:20px;left:-20px;background:#b6121b;padding:5px 10px;color:#fff;}
.posttitle-image h2 a{color:#fff;text-decoration:none;}
.posttitle-image img{padding:9px;background:#fff;border:1px solid #999;}
.posttitle h2{background:#b6121b;padding:5px 10px;color:#fff;padding-left:20px;display:inline-block;}
.posttitle.category h2{background:#333;text-shadow:0px 1px 0px #000;}
.posttitle h2 a{color:#fff;text-decoration:none;}

.post h2 a{position:relative;}
.titlecorner{position:absolute;bottom:-10px;left:0;display:block;width:10px;height:10px;background:url(gfx/corner.gif) no-repeat;}
.posttitle.category .titlecorner{position:absolute;bottom:-10px;left:0;display:block;width:10px;height:10px;background:url(gfx/corner2.gif) no-repeat;}
.postmeta{border-top:1px solid #dedede;border-bottom:1px solid #dedede;font-size:0.8em;line-height:1.5em;color:#717171;text-transform:uppercase;padding-top:1px;}
.postmeta a{color:#717171;}
.postmeta span{padding:0 5px;}
.postmeta span+span{border-left:1px solid #dedede;}
span.date{background:url(gfx/ico-date.jpg) no-repeat 7px center;padding-left:28px;}
span.category{background:url(gfx/ico-category.jpg) no-repeat 7px center;padding-left:28px;}
span.language-de{background:url(gfx/ico-de.jpg) no-repeat 7px center;padding-left:28px;}
span.language-en{background:url(gfx/ico-us.gif) no-repeat 7px center;padding-left:28px;}
.postmeta span.comments{border-left:0;}
span.comments{margin-top:-2px;width:111px;background:url(gfx/commentbg.jpg) no-repeat top;padding:0;text-align:center;padding-bottom:11px;margin-bottom:-11px;line-height:21px;}
span.comments a{color:#000;text-shadow:0px 1px 0px #fff;text-decoration:none;}
.postmeta .comments{float:right;}
.posttext{font-size:1em;line-height:1.5em;padding:10px;}
.posttext a{color:#000;border-bottom:1px dotted #b6121b;text-decoration:none;}
.posttext a:hover{border-bottom:1px solid #000;}
.posttext p{margin-bottom:7px;}
.posttext blockquote{padding-left:10px;border-left:5px solid #ddd;margin-left:10px;}
.posttext hr{margin-top:10px;margin-bottom:10px;border:none;border-top:1px dashed #999;}

/* COMMENTS */

#content ul.retweets{list-style-type:none;margin:0;padding:0;}
#content ul.retweets li{display:inline-block;margin-right:10px;margin-bottom:5px;}
#content .retweets{padding-bottom:10px;}
#content .retweets a img{border:none;}
a#retweetbtn{display:block;background:url(gfx/retweet.png) no-repeat;height:32px;width:32px;text-indent:-9999px;border:none;border-bottom:none;float:right;margin-left:10px;}

#comments{list-style-type:none;border:1px solid #b2b2b2;margin-bottom:10px;}
#comments li{background:#ddd;border-bottom:1px solid #fff;}
#comments .number{display:block;width:40px;height:25px;line-height:25px;margin-top:7px;background:#aaa;text-align:center;float:left;margin-right:10px;font-weight:bold;margin-left:-5px;}
#comments .comment-head{border-bottom:1px solid #fff;height:40px;line-height:40px;}
#comments .comment-head span,#comments .comment-head span a{font-size:1.1em;color:#b6121b;font-weight:bold;text-decoration:none;}
#comments .comment-head span a{border-bottom:1px dotted #b6121b;}
#comments .comment-head span a:hover{border-bottom:1px solid #b6121b;}

#comments .comment-date{float:right;padding-right:10px;}
#comments .gravatar{/*position:absolute;top:10px;left:10px;*/float:left;margin-left:-80px;margin-bottom:10px;padding:4px;border:1px solid #999;background:#fff;}
#comments .comment-text{position:relative;padding:10px;padding-left:90px;line-height:1.5em;font-size:0.9em;}
#comments .comment-text a{color:#000;border-bottom:1px dotted #b6121b;text-decoration:none;}
#comments .comment-text a:hover{border-bottom:1px solid #000;}
#comments li.alt{background:#eee;}

#comments li.autorpost,#comments li.autorpost.alt{background:#b6121b;color:#fff;}
#comments li.autorpost .number,#comments li.autorpost.alt .number{color:#000;}
#comments li.autorpost .comment-head span,#comments li.autorpost .comment-head span a{color:#fff;}
#comments li.autorpost .comment-head span a{border-bottom:2px dotted #fff;}

#trackbacks{padding:0 20px;margin-bottom:20px;margin-left:20px;}
#trackbacks li{margin-bottom:5px;}
#trackbacks a{color:#000;border-bottom:1px dotted #b6121b;text-decoration:none;}
#trackbacks a:hover{border-bottom:1px solid #000;}


#respond{clear:both;position:relative;}
#respond .comform-left{float:left;width:180px;margin-right:10px;}
#respond .comform-right{float:left;width:430px;}
#respond textarea{width:408px;padding:5px;border:1px solid #999}
#respond input{width:168px;padding:5px;background:#fff;border:1px solid #999;margin-bottom:5px;}
#respond label{font-weight:bold;}
#respond #submit{cursor:pointer;font-weight:bold;background:#ddd;margin-top:5px;padding:5px 10px;width:auto;}
#respond input:hover,#respond textarea:hover{border:1px solid #000;}



#footer{clear:both;background:#000;padding-top:10px;font-size:0.9em;line-height:1.5em;}
#footer .footerbox{float:left;width:180px;margin-left:10px;color:#fff;background:#2c2c2c;margin-bottom:10px;}
#footer .footerbox ul{list-style-type:none;background:url(gfx/footerbg2.jpg) repeat-x top;}
#footer .footerbox a{color:#fff;text-decoration:none;}
#footer .footerbox ul li a{display:block;padding:5px 5px;text-shadow:0px 1px 0px #000;}
#footer .footerbox ul li a:hover{background:#3a3a3a;}
#footer .footerbox ul li+li{border-top:1px dotted #000;}
#footer .footerbox ul li img{float:left;margin-right:5px;}
#footer .footerbox h3{background:#feaa1e url(gfx/footerbg.jpg) repeat-x top;color:#000;padding:5px 10px;font-size:1.1em;text-shadow:0px 1px 0px #ffd06e;}
#footer .footerbox.comments ul li{padding:5px;}
#footer .footerbox.comments ul li a{margin:-5px;}
#footer .footerbox.info{background:#000;text-align:center;}
#footer .footerbox.info a{color:#feaa1e;text-decoration:underline;}
#footer .footerbox.info a:hover{color:#fff;}
#footer .footerbox.info p{font-size:0.8em;line-height:1.5em;}
#footer .footerbox.info.logo{background:url(gfx/logo.jpg) no-repeat center bottom;padding-bottom:195px;}
#footer .footerbox.archives{color:#666;}
#footer .footerbox.archives b{padding:1px 5px;border-bottom:1px dotted #000;display:block;clear:both;color:#fff;cursor:pointer;}
#footer .footerbox.archives b:hover{background:#3a3a3a;}
#footer .footerbox.archives{background:#2c2c2c url(gfx/footerbg2.jpg) repeat-x top;}
#footer .footerbox.archives ul{background:none;margin-bottom:5px;}
#footer .footerbox.archives ul li,
#footer .footerbox.archives ul li a{width:30px;padding:0;text-align:center;float:left;}
#footer .footerbox.archives ul li+li{border:none;}
a.valid{background:url(gfx/valid.jpg) no-repeat center left;padding-left:14px;}

#seraph{display:block;width:180px;height:76px;background:url(gfx/seraphlogo.jpg) no-repeat;text-indent:-9999px;}

#archivescols div{width:33%;float:left;}

.clear{clear:both;}

#content ul{padding:0 25px;margin-bottom:10px;list-style-type:square;}

a img{border:none;}

#sk2-footer{text-align:center;font-size:0.7em;}
#sk2-footer a{color:#fff;}

.schatten {
border:1px solid #000;
-moz-box-shadow: 4px 4px 5px #333;
-webkit-box-shadow: 4px 4px 5px #333;
box-shadow: 4px 4px 5px #333;
background-color:#A2A2A2;
padding:1px;
margin-right:15px;
}