/*  
Theme Name:Colorful Future 
Theme URI:http://www.chukki.de
Description:Colorful Future Theme von Chukki.de inkl JQuery als JS Bibliothekt
Version:0.5
Author:Andre Teich
Author URI:http://www.chukki.de/
*/
*{margin:0px; padding:0px;}
body{background:#3b3b3b; font-family:Helvetica; font-size:100%;}
img{border:0px;}
img.alignright, a img .alignright, .post .img_right{margin:0 0 5px 10px; float:right; border:5px solid #434343;}
img.alignleft, a img.alignleft, .post .img_left{margin:0 10px 5px 0; float:left; border:5px solid #434343;}
img.aligncenter, a img.aligncenter, .post .img_center{background-color:white; border:5px solid #434343; margin:0 0 5px 0; width:599px;}
img.alignnone, a img.alignnone{border:5px solid #434343; margin:15px 0 10px 0;}

a{color:#53a6b0; text-decoration:none; outline:none;}
a:hover{text-decoration:underline;}
p{margin-bottom:14px;}
h1{font-size:10px; margin:0; padding:0; height:0px; color:#626262;}
hr{border:0px; width:639px; border-bottom:1px solid #767676; border-top:1px solid #434343; margin:38px 0 55px 0; float:left;}
ul{list-style-type:disc; margin-left:20px; margin-bottom:10px;}
textarea{font-family:Helvetica, Arial; background:#545454; border:1px solid #727272; padding:7px; width:401px; color:#727272; font-size:1em;}
.input_field:focus, textarea:focus{border:1px solid #ddd; color:#ddd;}
.input_field{background:#545454; border:1px solid #727272; padding:7px; width:260px; color:#727272;}
/*---MAIN----*/
#wrapper{background:url(images/bubbles.jpg) no-repeat top center; width:100%; float:left; padding-top:25px;}
#center{width:980px; margin:0 auto;}
#header{margin:0 auto; background:url(images/header.png) no-repeat top left; float:left; height:120px; width:980px;}
#header #link{float:left; position:relative; width:415px; height:96px; left:25px; top:9px; cursor:pointer;}
#header #twitter{position:relative; top:6px; right:8px; float:right; width:123px; height:96px; background:url(images/twitter.png) no-repeat 0 -1px; cursor:pointer;}
#header #twitter:hover{background-position:0 -98px;}
#tweetback{font-size:1.15em; padding:5px;}
.tooltip{display:none; width:366px; height:81px; background:url(images/tweet.png) no-repeat; font-size:0.8em; color:white;}
.tooltip p{padding:4px 0 4px 4px; width:289px; margin:4px; text-align:justify;}
.tooltip a{color:#d5d5d5; text-decoration:underline;}
.tooltip .diff{color:#d5d5d5; font-size:0.7em;}
#content{margin:0 auto; padding:0px 20px 15px 20px; background:url(images/content.png) repeat-y top left; float:left; width:940px;}
#content #menu{width:980px; float:left; overflow: hidden; margin-top:0px;}
#content #menu .point{overflow: hidden; margin:0 5px; padding:15px 13px 0 13px; background:url(images/menu.png) no-repeat top left; float:left; width:277px; height:83px; color:#ddd; font-size:0.8em;}
.fat{color:white; font-size:20px; font-weight:bold; margin:14px 0 0 0; padding:0;}
#content #menu .point img, #content_img img{float:left; margin-right:9px;}
#content2, #slideshow{float:left; width:100%; display:block; margin-left:5px;}
.content2_c{background:url(images/content2_c.jpg) repeat-y top left; float:left; padding:0 12px; width:928px;}
.content2_t{background:url(images/content2.jpg) no-repeat 0 -10px; float:left; width:928px; height:8px;}
.content2_b{background:url(images/content2.jpg) no-repeat 0 -1px; float:left; width:928px; height:8px;}
#footer{margin:0 auto; background:url(images/footer.png) no-repeat top left; float:left; padding:25px 0px 25px 20px; width:980px; font-size:0.8em; color:#ddd;}
#footer h2{font-size:1.4em; font-weight:normal; color:white;}
#footer .widget{float:left; width:33%;}
#footer ul{list-style-type:none; margin:3px 0 0 0; width:100%}
#footer ul li{padding:1px 0; margin:1px 0;}
/*---SLIDESHOW----*/
#slide_img{height:260px; width:598px; float:left; overflow:hidden; margin:18px 0 0 20px; border:5px solid #434343;}
#nav_img{opacity:0.9; width:400px; float:left; position:relative; top:-20px; left:25px; z-index:20; font-size:0.8em;}
#nav_img a{background:#434343; font-weight:bold; margin:0; padding:5px 6px 2px 6px;}
#nav_img a.activeSlide{color:white; font-weight:bold; background:#53a6b0;}
#content_img{width:260px; margin:18px 30px 0 0; float:right; color:#ddd; padding-top:7px; font-size:0.8em;}
#content_img td{padding:0 3px;}
/*--- CONTENT ---*/
.search{float:left; width:620px; margin-left:48px;}
.post{width:630px; color:#dddddd; padding:20px 10px 10px 10px; margin:0 0 38px 0; font-size:0.8em;}
.post h2, .post h2 a, .post h2 a:visited{font-size:1.3em; font-weight:normal; color:white; padding:2px 0 0 0px; margin:0px;}
.post h2 a:hover, a.fat:hover{color:#53a6b0;}
.post h3{font-size:1.2em; color:white; font-weight:normal; margin:20px 0 3px 0;}
.post .entry{margin:5px 20px 5px 0; text-align:justify; clear:left; line-height:15px;}
.date{text-transform:uppercase; font-size:0.85em; float:right; height:35px; width:46px; text-align:center; margin-top:4px; color:#ddd;}
.month{font-weight:bold; font-size:0.85em; font-variant:small-caps; display:block;}
.postmeta{font-size:0.85em; float:left; padding:10px 0 12px 0px; width:91%;}
.postmeta .post-by{background:url(images/postmeta.gif) no-repeat 0 -1px; padding-left:15px; margin-right:6px;}
.postmeta .post-category{background:url(images/postmeta.gif) no-repeat 0 -27px; padding-left:17px; margin-right:6px;}
.postmeta .post-comment{background:url(images/postmeta.gif) no-repeat 0 -14px; padding-left:17px;}
#social{margin-bottom:20px; width:140px; height:90px; background:url(images/social.png); padding:10px 0 0 470px;}
#autor{background:#545454; border-left:1px solid #434343; border-top:1px solid #434343; border-right:1px solid #767676; border-bottom:1px solid #767676; padding:0 15px; margin-bottom:14px;}
#autor img{float:left; margin:0 7px 0 0; border:5px solid #434343;}
a.news_toggler{background:url(images/more.jpg) no-repeat 0 -1px; display:block; padding:6px 0 0 11px; width:89px; height:18px; float:right; color:white;}
a.news_toggler:hover{background-position:0 -25px; color:#ffffff; text-decoration:none;}
/*---- SIDEBAR ----*/
#sidebar{width:225px; float:right; padding:0 30px 0 10px; font-size:0.8em; margin:21px 11px 10px 0;}
#sidebar h2{font-size:1.5em; color:white; font-weight:normal;margin:2px 0px 4px 0px;}
#sidebar a:link, #sidebar a:visited{color:#ddd;}
#sidebar a:hover{color:#53a6b0;}
#sidebar ul li{list-style-type:none; padding:0 0 4px 8px; margin:0;}
#sidebar ul{margin:0 0 20px 0;}
#sidebar #tag_cloud-3 div{margin:0 0 18px 8px; text-align:justify;}
#sidebar .twitter-following{margin:5px 0 16px 8px;}
#sidebar .twitter-following img{margin:0 4px 4px 0;}
/*---SEARCHFORM---*/
#searchform #s{background:#545454; border:1px solid #727272; padding:8px; width:149px; color:#727272;}
#searchform #s:focus{border:1px solid #ddd; color:#ddd;}
/*------RELATED-------*/
#related-posts{width:630px; float:left;}
.related-column{float:left; width:189px; margin:8px 7px 0 10px;}
.related-column a{text-align:left; font-size:14px; font-weight:bold;}
/*----- COMMENTS -----*/
.comment, .author_comment{padding:8px 10px; margin:0 0 20px 0; float:left; font-size:0.95em;}
.comment_infos{width:109px; float:left; padding-bottom:9px; background:url(images/c_arrow.jpg) no-repeat top right; position:relative; z-index:1; right:-1px;}
.comment_infos img{border:5px solid #545454;}
.comment_text{width:481px; padding:10px; float:right; text-align:justify; background:url(images/comment_c.jpg) repeat top right;}
.comment_text h4{font-size:1.15em; margin-bottom:10px;}
.comment_top{background:url(images/comment.jpg) no-repeat 0 -5px; height:3px; width:501px; float:right;}
.comment_bottom{background:url(images/comment.jpg) no-repeat 0 -1px; height:3px; width:501px; float:right; position:relative;}
.author_comment .comment_infos{float:right; background:url(images/a_arrow.jpg) no-repeat top left; text-align:right; position:relative; z-index:1; left:-1px;}
.author_comment .comment_infos img{border:5px solid #53a6b0;}
.author_comment .comment_top{background:url(images/comment.jpg) no-repeat 0 -5px; height:3px; width:501px; float:left;}
.author_comment .comment_bottom{background:url(images/comment.jpg) no-repeat 0 -1px; height:3px; width:501px; float:left;}
.author_comment .comment_text .entry,.comment_text .entry{margin:0;}
.author_comment .comment_text{float:left; background:url(images/comment_c.jpg) repeat top left; padding:10px; width:481px;}
/*----PAGENAVI----*/
.wp-pagenavi{width:630px; text-align:center; font-weight:bold; padding:0px 0 2px 0px; font-size:0.8em; margin:0 0 5px 0;}
.wp-pagenavi a, .wp-pagenavi a:link{padding:2px 4px 2px 4px; margin:2px; text-decoration:none; color:#53a6b0; background:#545454; border-left:1px solid #434343; border-top:1px solid #434343; border-right:1px solid #767676; border-bottom:1px solid #767676;}
.wp-pagenavi a:hover{text-decoration:underline;}
.wp-pagenavi a:active{background:none;}
.wp-pagenavi span.pages{color:#ddd;}
.wp-pagenavi span.current{padding:2px 4px 2px 4px; margin:2px; font-weight:bold; color:#ddd;}
.wp-pagenavi span.extend{padding:2px 4px 2px 4px; margin:2px; color:#ddd;}