/*
Theme Name: German Pervert
Theme URI: http://we-hate-you.com
Description: German Pervert, a customized Version of the American Conservative Theme by <a href="http://www.JeremyBuff.com">JeremyBuff.com</a>.
Version: 1.0
Author: Sebastian Trappe
Author URI: http://we-hate-you.com
Tags: wild, crazy, creative, stuff
*/

body{
        background: #111;
        margin: 0px;
        padding: 0px;
        text-align: center;
        font-family: "Arial", sans-serif;
        font-size: 12px;
        color: #333;
}

.topcorn{
        margin-top: 10px;
        padding: 0px;
        height: 23px;
        background: url(images/topcorn.png) no-repeat top center;
        }

.botcorn{
        margin-bottom: 20px;
        padding: 0px;
        height: 23px;
        background: url(images/botcorn.png) no-repeat bottom center;
        }

.headerimage{
        height: 104px;
        width: 274px;
        margin: 12px 0px 0px 0px
        }

.headerimage:hover {
        margin: 12px 0px 0px 0px;
        height: 104px;
        width: 274px;
        background: url(images/logohover.png) top right no-repeat;
        }

/* == Resets N' Stuff == */

a:link,
a:visited{
        font-size: 100%;
        font-family: "Arial", sans-serif;
        text-decoration: none;
        font-weight: bold;
}

a:hover{

}

a:focus,
a:active{
        outline: none;
}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td {
        margin: 0;
        padding: 0;
}

ul{
        list-style-image: url(images/li.gif);
        margin: 0px 0px 0px 15px;
}

img{
        border: 0px;
}

input:focus, input:active{
        outline: none;
}

.go-left{
        float: left;
        clear: left;
}

.go-right{
        float: right;
        clear: right;
}

.go-center{
        margin: 0 auto;
        text-align: center;
}

.bold{
        font-weight: bold;
}

.italic{
        font-style: italic;
}

.block{
        display: block;
}

.clear{
        clear: both;
}

.align-right{
        text-align: right;
}

.align-left{
        text-align: left;
}

.black-bg{
        background: url(images/fff75.png);
}

.featuredtv{
        background: url(images/fbg.gif) center center no-repeat;
}

.featuredtvbg{
        background: url(images/fdbg.png) center center no-repeat;
}

.gras{
        background: url(images/grasground.png)center center no-repeat;
}
/* == Wordpress Necessary == */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 5px;
}

.alignright {
   float: right;
   margin: 5px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0 auto;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.wp-smiley{
        display: inline;
}

.white{
        color: #CCC;
}

/* == Header == */

#top{
        width: 100%;
        height: 283px;
        background: url(images/rc2.png) center no-repeat;
}

#top-container{
        width: 900px;
        height: 283px;
        overflow: hidden;
        margin: 0 auto;
        text-align: left;
}

#header{
        width: 900px;
        height: 84px;
        overflow: hidden;
        padding: 10px 0px;
}

#navbar-top{
        height: 30px;
        overflow: hidden;
        padding: 5px 0px 2px 0px;
        font-size: 0.834em;
        color: #CCC;
        font-weight: bold;
}

#navbar-top ul{
        list-style-type: none;
}

#navbar-top ul li{
        float: left;
        display: inline;
        padding-right: 3px;
        padding-left: 3px;
}

#navbar-top ul li a:link,
#navbar-top ul li a:visited{
        display: block;
        padding: 5px 10px;
        color: #CCC;
}

#navbar-top ul li a:hover,
#navbar-top ul li.current_page_item a:link,
#navbar-top ul li.current_page_item a:visited,
#navbar-top ul li a:active{
        background: url(images/navbar-hover.png) repeat-x;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        border-radius: 5px;
}

#navbar-top ul li.rss-li a:link,
#navbar-top ul li.rss-li a:visited{
        display: block;
        padding: 9px 10px;
        color: #ffac41;
}

#navbar-bottom{
        height: 14px;
        overflow: hidden;
        padding: 98px 0px;
        font-size: 0.834em;
        color: #000000;
        font-weight: bold;
}

#navbar-bottom a:link,
#navbar-bottom a:visited{
        font-weight: bold;
}

.adsense-header{
        overflow: hidden;
        margin: 12px 0px;
}

/* == Content == */

#container{
        width: 900px;
        overflow: hidden;
        margin: 0px auto;
        padding: 20px;
        text-align: left;
}

#content{
        float: left;
        clear: left;
        width: 550px;
        overflow: hidden;
}

.ad125-spot{
        width: 550px;
        height: 141px;
        overflow: hidden;
        text-align: center;
        margin: 0px 0px 20px 0px;
}

.ad125-spot img{
        width: 125px;
        height: 125px;
        overflow: hidden;
        margin: 0 auto;
        padding: 8px 4px;
}

.adsense-content{
        width: 468px;
        padding: 8px 41px;
        overflow: hidden;
        text-align: center;
        margin: 0px 0px 20px 0px;
}

.post-container{
        width: 520px;
        padding: 15px;
        overflow: hidden;
        background: #FFF url(images/post-container-top.gif) top center no-repeat;
}

.post-container-end{
        width: 550px;
        height: 35px;
        overflow: hidden;
        background: url(images/post-container-bottom.gif) no-repeat;
        margin: 0px 0px 20px 0px;
}

.post-header{
        width: 520px;
        overflow: hidden;
        text-align: center;
}

.post-header h1{
        font-family: "Trebuchet MS", sans-serif;
        color: #444;
        font-weight: bold;
        font-size: 1.667em;
        padding: 0px 0px 5px 0px;
}

.post-header a:link,
.post-header a:visited{
        font-family: "Trebuchet MS", sans-serif;
        color: #444;
        font-weight: bold;
}

.post-header a:hover{
        color: #111;
}

.post-information{
        width: 520px;
        overflow: hidden;
        text-align: center;
        color: #999;
        font-weight: bold;
        padding: 0px 0px 10px 0px;
}

.post-image{
        width: 520px;
        height: 208px;
        overflow: hidden;
        margin: 0px 0px 10px 0px;
}

.post-image img{
        padding: 3px;
        background: #ffffff;
        border: 1px solid #CCC;
}

.post-image img:hover{
        border-color: #FF9428;
        background: #ff9428;
}

.post-content{
        width: 520px;
        overflow: hidden;
        text-align: justify;
        line-height: 1.834em;
        font-family: "Verdana", sans-serif;
        font-size: 0.917em;
}

.post-content p{
        padding: 0px 0px 15px 0px;
}

.post-content h1{
        font-family: "Trebuchet MS", sans-serif;
        color: #2a96dd;
        font-weight: bold;
        font-size: 1.7em;
        padding: 0px 0px 15px 0px;
}

.post-content h2{
        font-family: "Trebuchet MS", sans-serif;
        color: #2a96dd;
        font-weight: bold;
        font-size: 1.47em;
        padding: 0px 0px 15px 0px;
}

.post-content h3{
        font-size: 1.4em;
}

.post-content h4{
        font-size: 1.3em;
}

.post-content h5,
.post-content h6{
        font-size: 1.3em;
        text-transform: uppercase;
}

.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6{
        font-family: "Trebuchet MS", sans-serif;
        color: #0b1a25;
        font-weight: bold;
        padding: 0px 0px 15px 0px;
}

.post-content blockquote{
        padding: 10px 10px 0px 10px;
        margin: 0px 0px 15px 0px;
        background: #EEE;
        font-style: italic;
        font-size: 12px;
        font-family: "Arial", sans-serif;
        color: #777;
}

.post-content ul,
.post-content ol{
        padding: 10px 10px 10px 30px;
        background: #EEE;
        font-weight: bold;
        margin: 0px 0px 15px 0px;
        color: #777;
}

.post-content ul{
        list-style-image: none;
        list-style-type: disc;
}

.post-meta-index{
        width: 520px;
        overflow: hidden;
}

.post-meta-single{
        width: 500px;
        padding: 15px 10px;
        overflow: hidden;
        background: #EEE;
        font-family: "Verdana", sans-serif;
        font-size: 0.917em;
        font-weight: bold;
        color: #777;
}

.wp-pagenavi,
.below-post{
        width: 550px;
        padding: 10px 0px;
        overflow: hidden;
        color: #CCC;
}

/* == Comments == */

#share-container{
        width: 370px;
        padding: 20px 10px 35px 170px;
        overflow: hidden;
        background: url(images/like-this-post.png) left 20px no-repeat;
}

#share-container img{
        float: left;
        display: inline;
        margin: 0px 10px;
}

.comment-container{
        width: 520px;
        overflow: hidden;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 10px 0px;
        background: url(images/comment-container-bottom.gif) bottom center repeat-x;
}

.comment-left{
        float: left;
        clear: left;
        width: 72px;
        text-align: center;
        color: #666;
        font-size: 0.834em;
        overflow: hidden;
}

.comment-right{
        float: right;
        clear: right;
        width: 428px;
        overflow: hidden;
}

.comment-header{
        width: 428px;
        margin: 0px 0px 10px 0px;
        font-weight: bold;
        font-style: italic;
        color: #666;
        font-size: 1.167em;
}

.comment-header a:link,
.comment-header a:visited{
        font-style: normal;
        color: #333;
        font-size: 1.417em;
}

.comment-header a:hover{
        color: #555;
}

.comment-header .comment-number{
        font-weight: bold;
        font-style: italic;
        color: #333;
        font-size: 1.167em;
}

.comment-content{
        text-align: justify;
        line-height: 1.834em;
        font-family: "Verdana", sans-serif;
        font-size: 0.917em;
}

.comment-content p{
        padding: 0px 0px 15px 0px;
}

.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6{
        font-family: "Trebuchet MS", sans-serif;
        color: #666;
        font-weight: bold;
        font-size: 1.25em;
        padding: 0px 0px 15px 0px;
}

.comment-content blockquote{
        padding: 10px 10px 0px 10px;
        margin: 0px 0px 15px 0px;
        background: #EEE;
        font-style: italic;
        font-size: 12px;
        font-family: "Arial", sans-serif;
        color: #777;
}

.comment-content ul,
.comment-content ol{
        padding: 10px 10px 10px 30px;
        background: #EEE;
        font-weight: bold;
        margin: 0px 0px 15px 0px;
        color: #777;
}

.comment-content ul{
        list-style-image: none;
        list-style-type: disc;
}

.comment-left img{
        padding: 3px;
        background: #FFF;
        border: 1px solid #CCC;
        margin: 0px 0px 5px 0px;
}

.comment-textarea{
        width: 450px;
        overflow: hidden;
}

.comment-input{
        width: 300px;
        overflow: hidden;
}

/* == s3Slider == */

#slider-holder{
        width: 512px;
        height: 200px;
        padding: 19px;
        overflow: hidden;
        margin: 0px 0px 20px 0px;
}

#s3slider {
   width: 512px; /* important to be same as image width */
   height: 200px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 512px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font-weight: bold;
   font-size: 0.834em;
   color: #BBB;
   padding: 10px 13px;
   width: 486px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   display: none; /* important */
   bottom: 0;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.s3sliderImage span a.featured-title:link,
.s3sliderImage span a.featured-title:visited{
        color: #DDD;
        padding: 0px 0px 2px 0px;
        font-size: 1.167em;
}

.s3sliderImage span a.featured-title:hover{
        color: #999;
}

.s3sliderImage span a:link,
.s3sliderImage span a:visited{
        color: #888;
}

.s3sliderImage span a:hover{
        color: #555;
}

/* == Sidebar == */

#sidebar{
        float: right;
        clear: right;
        width: 310px;
        overflow: hidden;
        font-size: 0.917em;
        font-weight: bold;
        color: #DDD;
}

#sidebar a:hover{
        color: #DDD;
}

.sidebar-box{
        width: 310px;
        overflow: hidden;
        margin: 0px 0px 30px 0px;
}

.sidebar-box h2{
        height: 22px;
        padding: 4px 0px 4px 5px;
        margin: 5px 0px;
        font-family: "Tahoma", sans-serif;
        color: #DDD;
        font-size: 18px;
        font-weight: normal;
        background: url(images/sidebar-h2.gif) no-repeat;
}

.sidebar-box ul li{
        padding: 5px 0px;
}

.sidebar-box h2#twitter-h2{
        height: 34px;
        width: 200px;
        padding: 37px 5px 4px 105px;
}

ul#twitter_update_list li a:link,
ul#twitter_update_list li a:visited{
        display: block;
}

ul#twitter_update_list li span a:link,
ul#twitter_update_list li span a:visited{
        display: inline;
}

#twitter-link{
        font-size: 0.917em;
}

.search-box{
        width: 306px;
        height: 21px;
        margin: 0px 0px 30px 0px;
        border: 2px solid #333;
}

.search-input{
        float: left;
        width: 246px;
        height: 13px;
        overflow: hidden;
        background: url(images/search-bg.gif) repeat-x;
        border: 0px;
        font-family: "Verdana", sans-serif;
        font-size: 11px;
        color: #555;
        padding: 4px 5px;
}

.search-button{
        float: left;
        width: 50px;
        height: 21px;
        overflow: hidden;
        background: url(images/search-button.gif) no-repeat;
        border: 0px;
        cursor: pointer;
}

/* == Footer == */

#footer{
        width: 100%;
        height: 320px;
        overflow: hidden;
        padding: 20px 0px 0px;
        background: url(images/footer.gif) repeat-x;
}

#footer-container{
        width: 900px;
        height: 320px;
        overflow: hidden;
        margin: 0 auto;
        text-align: left;
}

.footer-widget{
        float: left;
        width: 250px;
        height: 250px;
        overflow: hidden;
        display: inline;
        padding: 15px;
        margin: 0px 10px;
        color: #CCC;
}

.footer-widget h2{
        font-size: 1.334em;
        color: #CCC;
        font-weight: bold;
        font-family: "Arial", sans-serif;
        padding: 0px 0px 10px 0px;
}

.footer-widget ul li{
        padding: 5px 0px;
}

#footer-credits{
        width: 900px;
        margin: 12px 0px 0px;
        font-size: 0.834em;
        color: #999;
}

#footer-credits a:link,
#footer-credits a:visited{
        color: #FFF;
}

#footer-credits a:hover{
        text-decoration: underline;
}

#flickr{
        width: 900px;
        overflow: hidden;
        padding: 20px;
        margin: 0px auto 20px auto;
}

#flickr ul{
        list-style-type: none;
        display: inline;
}

#flickr ul li{
        display: inline;
        float: left;
        padding: 0px 10px;
}

#flickr ul li.flickr-no-border{
        padding: 0px 15px;
}

#flickr ul li img{
        display: block;
        border: 2px solid #222;
}

#flickr ul li img:hover{
        border-color: #555;
}

#flickr ul li.flickr-no-border img{
        display: block;
        border: 0px;
}

/* Calendar */

#calendar_wrap{
        padding: 10px 0px 0px;
        width: 310px;
        overflow: hidden;
        text-align: center;
}

table#wp-calendar{
        width: 250px;
        border: 0px;
        margin: 0 auto;
}