/*  
Theme Name: Blokster
Theme URI: http://www.wordpress.org
Description: We love to entertain you. This ist a homemade Theme, being realized with Wordpress. Just love to blog (about you!)
Version: 2009
Author: Blokster
Author URI:  http://www.blokster.de/
Tags: blokster, blog, medien, blogger
*/



/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
body { background:#fff;  font: normal 13px "Arial", Verdana; }
input, select, textarea { color:#2b2b2b; font: normal 16px/16px "Arial", Verdana; border:0px; z-index:1; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style:none; }
table { border-collapse: collapse; width: 100%; }
hr { display: none; }
img { padding: 0px; margin: 0px; border: none; text-align: center;}

a:link { text-decoration: none; color : #2b2b2b; }
a:active { text-decoration: none; color : #2b2b2b; }
a:visited { text-decoration: none; color : #2b2b2b; }
a:hover	{ text-decoration: underline; color : #2b2b2b; } 

h1 { font: normal 36px/48px "Arial", Verdana; color:#808080; text-align:center; padding:0px 0px 50px 0px; }
h3 { font: bold 15px/24px "Arial", Verdana; color:#2b2b2b; padding:15px 10px; background:#eee;  text-transform:uppercase; }

.bg { position:relative; top:0px; width:950px; background:#fff; margin:auto; }
.main-part { position:relative; top:0px; width:950px; padding-top:50px; }



/* Topic
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.topic_over { background:#2a2a2a; height:140px; }
.topic_over .manual {  position:relative; width:950px;  margin:auto; }
.topic_over .color_box { position:absolute; top:25px; left:222px; width:728px; height:90px;  }

.logo { position:absolute; top:40px; left:0px; width:213px; height:60px; z-index:2; background: url(images/version_1.gif); }

.spotlights { position:relative; height:47px; background:#2a2a2a; text-transform:uppercase; }
.spotlights ul { position:relative; left:0px; width:950px; margin:auto; }
.spotlights li { float:left; list-style:none; padding:16px 15px; text-align:center; }
.spotlights li:hover { background:#555; }
.spotlights .start { background:#fff; padding:16px 30px; }
.spotlights .start:hover { background:#fff; }
.spotlights .start a { font: bold 13px/16px "Arial", Verdana; color:#2b2b2b; }
.spotlights a { font: bold 13px/16px "Arial", Verdana; color:#fff; }


/* Suche
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#such-formular { position:absolute; top:0px; left:830px; z-index:3; }
#such-formular a { color:#116da6; }

.such-sl-l { position:relative; top:0px; left:0px; height:42px; width:272px; padding:5px; }
.such-sl-r { position:absolute; top:5px; left:241px; height:42px; width:90px;  }


/* Single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post { position:relative; top:0px; float:left; width:600px; }

.post .posts_intern { font: normal 11px/16px "Arial", Verdana; color:#808080; text-transform:uppercase; margin-bottom:4.0em; }
.post .posts_intern p { position:absolute; top:0px; left:535px; }
.post .posts_intern a { color:#0079c4; }

.post .p-head h2 { font: normal 28px/32px "Arial", Verdana; color:#2b2b2b; padding:20px 0; }
.post .p-head h2 a, .post .p-head h2 a:visited { color:#2b2b2b; }

.post .p-con { padding: 20px 0px; }
.post .p-con p { font: normal 15px/24px "Arial", Verdana; color:#2b2b2b; padding:0 0 20px 0; }
.post .p-con p a { color:#0079c4; }

.post .p-con .medium { font: normal 12px/22px "Arial", Verdana; color:#2b2b2b; padding:0 0 20px 0; }
.post .p-con .small { font: normal 11px/18px "Arial", Verdana; color:#2b2b2b; padding:0 0 20px 0; }
.post .p-con .smallest { font: normal 10px/14px "Arial", Verdana; color:#2b2b2b; padding:0 0 20px 0; }


.post .p-con blockquote { margin-top:10px; margin-bottom:20px; padding:20px; background: #f2f2f2; }
.post .p-con blockquote p { color:#2b2b2b; line-height:24px; }

.post .p-con img.alignright { float:right; padding-left:25px; padding-bottom:10px; }
.post .p-con img.alignleft { float:left; padding-right:25px; padding-bottom:10px;}
.post .p-con img.aligncenter { padding:0px 0; clear: both; display: block; margin-left: auto;	margin-right: auto; }

.post .p-con ul { padding:20px 0px 10px 20px; }
.post .p-con ul li { font: normal 15px/24px "Arial", Verdana; color:#2b2b2b; padding: 3px 0px;  }
.post .p-con ul li a { color:#0079c4; }

.post .comment_this { height:40px; font: normal 11px/16px "Arial", Verdana; color:#2b2b2b; text-transform:uppercase; text-align:right; }
.post .comment_this span { padding:10px 10px; background:#eee; }

.post .infos { clear:both; font: normal 11px/16px "Arial", Verdana; color:#2b2b2b; padding:10px 0px; border-bottom:3px solid #ddd; text-transform:uppercase; margin-bottom:3.0em; }
.post .infos a { color:#0079c4;  }

.post-blog-navigation { font: normal 18px/24px "Arial", Verdana; text-align:center; margin-bottom:3.0em; }
.post-blog-navigation a { color:#2b2b2b; padding:0px 50px; }


/* Kommentare
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	

#disqus_thread { margin: 10px 0 50px 0; }
.dsq-comment-message { font: normal 15px/24px "Arial", Verdana; color:#2b2b2b; padding:10px 0px; }
.dsq-comment-message a { color:#0079c4; }


/* Sidebar
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.sidebar { width:300px; float:right; padding:0; }
.bloksterline { font: bold 14px/16px "Arial", Verdana; color:#2b2b2b; padding:10px 0px; text-transform:uppercase; }

.sidebar .stay_with_blokster { margin-bottom:2.0em; }
.sidebar .stay_with_blokster li { font: normal 12px/16px "Arial", Verdana; color:#2b2b2b; padding:10px 10px 10px 40px; text-transform:uppercase; }
.sidebar .stay_with_blokster li a { color:#2b2b2b; }
.sidebar .stay_with_blokster .twitter_icon { background: #eee url(http://www.blokster.de/wp-content/themes/blokster/images/icons/twitter_icon.gif) no-repeat left;  }
.sidebar .stay_with_blokster .postfeed_icon { background: #fff url(http://www.blokster.de/wp-content/themes/blokster/images/icons/feed_icon.gif) no-repeat left;  }
.sidebar .stay_with_blokster .kommentar_icon { background: #eee url(http://www.blokster.de/wp-content/themes/blokster/images/icons/kommentare_icon.gif) no-repeat left;  }


.schlagwoerter_tags { margin-bottom:3.0em;  }
.schlagwoerter_tags a { font: normal 13px/24px "Arial", Verdana; color:#2b2b2b; padding:5px 0; }

.sidebar .list_neueposts { margin-bottom:3.0em; list-style-type:decimal; padding-left:25px; }
.sidebar .list_neueposts li { font: bold 12px/16px "Arial", Verdana; color:#2b2b2b; padding: 4px 0px; text-transform:uppercase;  }
.sidebar .list_neueposts li a { font: bold 12px/16px "Arial", Verdana; color:#2b2b2b; }
.sidebar .list_neueposts p { font: bold 10px/16px "Arial", Verdana; color:#808080; text-transform:uppercase;  }
.sidebar .list_neueposts p a { font: bold 10px/16px "Arial", Verdana; color:#808080; text-transform:uppercase; text-decoration:underline;  }

.list_blog_archiv { position:relative; margin-bottom:3.0em; }
.list_blog_archiv li { padding:3px 0; }
.list_blog_archiv li a { font: normal 12px/16px "Arial", Verdana; color:#2b2b2b; text-transform:uppercase; }

.sidebar .list_kommentare { margin-bottom:3.0em; }
.sidebar .list_kommentare li { font: normal 12px/16px "Arial", Verdana; color:#2b2b2b; padding: 3px 0px; text-transform:uppercase; }
.sidebar .list_kommentare li a { font: bold 12px/16px "Arial", Verdana; color:#2b2b2b; }



/* Footer
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */




.footer { position:relative; top:0px; padding:20px 0px; background:#eee; clear:both; }

.foot_blogs { position:relative; width:950px; min-height:330px;  margin:auto; }
.foot_blogs .list { float:left; width:135px; min-height:280px; border-right:1px solid #ddd; margin-right:20px; }
.foot_blogs .list_none { float:left; width:130px; margin-right:25px; }
.foot_blogs .head { font: bold 12px/16px "Arial", Verdana; color:#2b2b2b; text-transform:uppercase; }
.foot_blogs .blog { font: normal 11px/16px  "Arial", Verdana; color:#2b2b2b; text-transform:uppercase;  }
.foot_blogs li { padding:3px 0px; }
.foot_blogs a { color:#2b2b2b; }



.archive { padding:20px 0px; text-align:center;  }
.archive p { font: normal 11px/16px "Arial", Verdana; color:#808080; text-transform:uppercase; padding:10px 0px;  }
.archive a { color:#808080; text-decoration:underline; }






/* WB
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.getwb_underpost { padding:10px 0px 30px 0px; border-bottom:2px solid #ccc; margin-bottom:2.0em; }



