/*

Theme Name: Speakr

Theme URI: http://www.spreeksel.be/

Description: DEUTSCH für brüllwürfel.de --- Speakr is the English-language version of the Spreeksel theme, originally created by <a href="http://www.netlash.be">Netlash</a>.

Version: 1.1

Author: muemmes (Spreeksel)

Author URI: http://www.spreeksel.be

*/



*  {

        padding: 0;

        margin: 0;

}



a {

        color: #922D69;

        text-decoration: underline;

}



a:hover {

        color: #922D69;

        text-decoration: none;

}



body {

        text-align: center;

        background: #202020 url("images/bg-body.gif") top center;

        font-size: 76%;

        font-family: Trebuchet MS, Arial, sans-serif;

}



input, textarea {

        font-family: Trebuchet MS, Arial, sans-serif;

}



#wrapper {

        width: 776px;

        background: #FFF;

        margin: 0 auto;

        text-align: left;

        font-size: 105%;

}



#header {

        height: 132px;

        background: #BED132 url("images/bg-header.gif") top center;

        position: relative;

}


/*----------------- FORM CSS----------------*/

#header form{ z-index:77; position: absolute; display:block; float:right; width:228px; height:23px; top:3px; left:620px;
}

.input{ border: 3px solid #C2C2C2; background:transparent; test:#F7F7F7; width: 142px;padding: 2px; height:18px; font-size:10px;
}


#name {

        position: absolute;

        top: 44px;

        left: 15px;

}



#name a img {

        border: none;

}

#name2 {

        position: absolute;

        top: 110px;

        left: 265px;

}

#topnav {

        list-style:none;

        float: right;

        padding: 76px 7px 0 0;

        display: inline;

}



#topnav li {

        float:left;

        background: url("images/bg-li-topnav.gif") no-repeat top left;

        margin:0;

        height: 32px;

        margin: 0 0 0 10px;

        text-align: center;

}



#topnav a {

        display:block;

        width: 68px;

        height: 30px;

        line-height: 15px;

        text-decoration: none;

        font-weight: bold;

        font-size: 105%;

        color: #77A707;

}



#topnav a:hover {

        color: #791F49;

        text-decoration: underline;

}



#topnav li#current a {

        color: #791F49;

        text-decoration: none;

}

#content {

        display: block;

        margin: 0 13px 0 16px;

}



#leftcol {

        float: right;

        width: 500px;

        overflow: hidden;

        background: #FFFFFF;

}



.navigation {

        display: block;

        text-align: center;

        font-size: 90%;

        margin: 0 0 5px 0;

        padding: 0;

}



.post {

        padding: 5px 0 0 0;

        clear: both;

        font-size: 100%;

}



.post h2 {

        font-size: 145%;

        padding: 0 0 8px 0;

}



h2.search {

        margin: 10px 20px;

}



h2.pagetitle {

        font-size: 145%;

        padding: 0 0 5px 0;

}



.posthead {

        height: 55px;

        background: #741D43 url("images/bg-post-head.gif") no-repeat top left;

        margin: 0 0 10px 0;

}



.posthead h2, .posthead h2 a {

        color: #FFF;

        padding: 0;

        margin: 0;

        font-size: 100%;

}



.posthead h2 {

        padding: 0;

        margin: 0;

        font-size: 100%;

        padding: 7px 0 0 10px;

}



.posthead h2 a {

        color: #FFF;

        font-size: 145%;

        text-decoration: none;

}



.posthead h2 a:hover {

        color: #FFF;

        font-size: 145%;

        text-decoration: none;

}



.posthead .meta {

        font-size: 95%;

        color: #DCB9CD;

        padding: 0 0 0 10px;

}



.posthead .meta a {

        color: #DCB9CD;

        text-decoration: underline;

}



.post .entry p {

        padding: 0 0 15px 0;

}



.post .entry .wp-smiley {

        padding: 0;

}



.post .entry a {

        color: #8B2561;

}



.post .entry a:hover {

        color: #FFF;

        background: #8B2561;

        text-decoration: none;

}



.post p.comments {

        padding: 0 0 15px 0;

}



.post p.comments a {

        line-height: 30px;

        color: #FFF;

        font-weight: bold;

        font-size: 120%;

        background: #9CBD00;

        border: 1px solid #8AA700;

        padding: 2px 5px;

        text-decoration: none;

}



.post p.comments a:hover {

        line-height: 30px;

        color: #FFF;

        font-weight: bold;

        font-size: 120%;

        background: #9CBD00;

        border: 1px solid #8AA700;

        padding: 2px 5px;

        text-decoration: none;

}



.horizontal-divider {

        height: 23px;

        background: url("images/bg-horizontal-divider.gif") no-repeat center left;

}



h3#comments, h3#respond {

        color: #87AA00;

        padding: 0 0 7px 0;

}



.commentlist li.alt cite {

        display: block;

        padding: 0px 10px 10px 10px;

        margin: 0;

}

.commentlist li.alt cite {

        display: block;

        padding: 0px 10px 10px 10px;

        margin: 0;

}

.commentlist li cite {

        display: block;

        padding: 7px 10px 5px 10px;

        margin: 0;
}

.autor {

        margin-top: 5px;
        margin-bottom: 5px;
        background: url("images/autor.gif") no-repeat top;

}

.commentlist li cite span.visitor  {

        color: #8B2561;

}



.commentlist li cite span.visitor a {

        color: #8B2561;

        text-decoration: underline;

}



.commentlist li cite .commentmetadata {

        font-size: 90%;

        font-weight: normal;

        font-style: normal;

        margin: 0;

}


.commentlist li cite .commentmetadata a {

        color: #8B8B8B;

        text-decoration: none;

        padding: 0;

        margin: 0;

}



.commentlist li cite .commentmetadata a {

        color: #9B9555;

        text-decoration: none;

}



.commentlist li p, .commentlist li.alt p {

        padding: 0px 10px 10px 10px;

        margin: 0;

}



.alt {

        background: #F0EDD0 url("images/bg-alt-comment-middle.gif") repeat-y top left;

}


.alt-comment-top {

        background: #F0EDD0 url("images/bg-alt-comment-top.gif") no-repeat top left;

        height: 15px;

}



.alt-comment-bottom {

        background: #F0EDD0 url("images/bg-alt-comment-bottom.gif") no-repeat bottom left;

        height: 9px;

}



#commentform p {

        margin: 5px 0;

}

.mindest {
        min-height:75px
}

.nocomments {

        text-align: center;

        margin: 0;

        padding: 0;

}



.commentmetadata {

        margin: 0;

}



#commentform input {

        width: 200px;

        padding: 2px;

        margin: 5px 5px 1px 0;

}



#commentform textarea {

        width: 490px;

        padding: 2px;

        overflow: auto;

}



#commentform input, #commentform textarea {

        border: 1px solid #C2C2C2;

        background: #E9E9E9 url("images/bg-form-input.gif") repeat-y top left;

        font-size: 1em;

}



#commentform label {

        color: #808080;

}



#commentform #submit {

        margin: 15px 0 15px 0;

        border: 1px solid #7C0040;

        background: #8B2561;

        font-weight: bold;

        font-size: 90%;

        color: #FFF;

        cursor: pointer;

        cursor: hand;

}



#rightcol {

        float: left;

        display: inline;

        width: 233px;

        margin: 0 13 0 5 px;

}



#rightcol ul {

        list-style: none;

}



.sidebox {

        background: #FFF url("images/bg-sidebox-middle.gif") top left;

        border-bottom: 20px solid #FFF;

}


.sidebox h3#widget_recent-comments {

        background: #FFF url("images/bg-sidebox-recent-comments.gif") top left;

        height: 59px;

        text-indent: -9999px;

}



.sidebox h3#widget_stars {

        background: #FFF url("images/bg-sidebox-stars.gif") top left;

        height: 63px;

        text-indent: -9999px;

}

.sidebox h3#advanced_text {

        background: #FFF url("images/bg-sidebox-stars.gif") top left;

        height: 63px;

        text-indent: -9999px;

}
.sidebox h3#widget_pages {

        background: #FFF url("images/bg-navigation.gif") top left;

        height: 63px;

        text-indent: -9999px;

}

.sidebox h3#widget_shoutbox {

        background: #FFF url("images/bg-shoutbox.gif") top left;

        height: 63px;

        text-indent: -9999px;

}

.sidebox h3#widget_archive {

        background: #FFF url("images/bg-sidebox-archive.gif") top left;

        height: 59px;

        text-indent: -9999px;

}



.sidebox h3#widget_categories {

        background: #FFF url("images/bg-sidebox-categories.gif") top left;

        height: 59px;

        text-indent: -9999px;

}



.sidebox h3#widget_search {

        background: #FFF url("images/bg-sidebox-search.gif") top left;

        height: 59px;

        text-indent: -9999px;

}



.sidebox h3#widget_contact {

        background: #FFF url("images/bg-sidebox-contact.gif") top left;

        height: 63px;

        text-indent: -9999px;

}


.sidebox h3#widget_support {

        background: #FFF url("images/bg-support.gif") top left;

        height: 63px;

        text-indent: -9999px;

}
.sidebox h3#widget_meta {

        background: #FFF url("images/bg-sidebox-meta.gif") top left;

        height: 63px;

        text-indent: -9999px;

}

.sidebox h3#recent-comments {

        background: #FFF url("images/bg-sidebox-recent-comments.gif") top left;

        height: 59px;

        text-indent: -9999px;

}



.sidebox h3#stars {

        background: #FFF url("images/bg-sidebox-stars.gif") top left;

        height: 63px;

        text-indent: -9999px;

}

.sidebox h3#widget_autor {

        background: #FFF url("images/bg-autor.gif") top left;

        height: 63px;

        text-indent: -9999px;

}

.sidebox h3#navigation {

        background: #FFF url("images/bg-navigation.gif") top left;

        height: 63px;

        text-indent: -9999px;

}

.sidebox h3#shoutbox {

        background: #FFF url("images/bg-shoutbox.gif") top left;

        height: 63px;

        text-indent: -9999px;

}

.sidebox h3#archive {

        background: #FFF url("images/bg-sidebox-archive.gif") top left;

        height: 59px;

        text-indent: -9999px;

}



.sidebox h3#categories {

        background: #FFF url("images/bg-sidebox-categories.gif") top left;

        height: 59px;

        text-indent: -9999px;

}



.sidebox h3#search {

        background: #FFF url("images/bg-sidebox-search.gif") top left;

        height: 59px;

        text-indent: -9999px;

}



.sidebox h3#contact {

        background: #FFF url("images/bg-sidebox-contact.gif") top left;

        height: 63px;

        text-indent: -9999px;

}


.sidebox h3#support {

        background: #FFF url("images/bg-support.gif") top left;

        height: 63px;

        text-indent: -9999px;

}
.sidebox h3#meta {

        background: #FFF url("images/bg-sidebox-meta.gif") top left;

        height: 63px;

        text-indent: -9999px;

}

.sidebox ul {

        list-style: none;

}



.sidebox ul li, .current_page_item, .current_page_parent, .sidebox page_item li {

        padding: 10px 10px 8px 21px;

        background: transparent url("images/bg-sidebox-recent-comments-li.gif") no-repeat top left;

        font-size: 90%;

}

.sidebox ul li span {

        color: #922D69;

        font-weight: bold;

}



.sidebox a {

        color: #565656;

        text-decoration: none;

}



.sidebox a:hover {

        color: #9EBA0E;

        text-decoration: underline;

}



.sidebox ul li a:hover {

        color: #9EBA0E;

        text-decoration: underline;

}



.sidebox #star-foto {

        text-align: center;

        border: 1px solid #FFF;

        margin: 0 18px 0 20px;

        line-height: 150px;

        background: #E5E5E5;

}



.sidebox #star-text p {

        margin: 0 18px 0 20px;

}



.sidebox #searchform, #newslf {

        margin: 0 0 0 20px;

}

#newsl { width: 130px !important; }

.sidebox #searchform #s, #newsl {

        border: 1px solid #C2C2C2;

        background: #F7F7F7;

        width: 142px;

        padding: 2px;

}



.sidebox #searchsubmit {

        height: 25px;

        background: #A2B900;

        border: 1px solid #FFF;

        color: #FFF;

        font-size: 90%;

        font-weight: bold;

        width: 45px;

        text-align: center;

}



.sidebox #emailaddress {

        padding: 0 0 0 20px;

}



.sidebox .bottom {

        height: 30px;

        background: transparent url("images/bg-sidebox-bottom.gif") no-repeat bottom left;

}

.feed {
        background: transparent url("images/feed.gif") no-repeat left center;
         padding-left:17px;
}


.clearer {

        height: 1px;

        overflow: hidden;

        margin: -1px 0 0 0;

        clear: both;

}



#footer {

        height: 77px;

        background: #E8E8E8 url("images/bg-footer.gif") top left;

}



#footer p {

        line-height: 77px;

        padding: 0 0 0 13px;

        color: #6C6C6C;

        font-size: 90%;

        font-weight: bold;

}



#footer p a {

        color: #6C6C6C;

}





/* Begin misc */



.entry ul, .entry ol {

        display: block;

        margin: 0 0 15px 30px;

        list-style-type: square;

}



.entry ol {

        margin-left: 37px;

}



.entry li {

        padding: 0 0 0 0;
list-style-image:url(images/bullet.png)

}

.entry img.foto {
display: block;
border: 1px solid #666;
padding: 3px;
margin: 5px;
}

.postmetadata ul, .postmetadata li {

        display: inline;

        list-style-type: none;

        list-style-image: none;

}



acronym, abbr, span.caps{

        letter-spacing: .07em;

}



#searchform2 {

        margin: 0 0 0 20px;

}



#searchform2 #s2 {

        border: 1px solid #C2C2C2;

        background: #F7F7F7;

        width: 142px;

        padding: 2px;

}



#searchsubmit2 {

        height: 25px;

        background: #A2B900;

        border: 1px solid #FFF;

        color: #FFF;

        font-size: 90%;

        font-weight: bold;

        width: 45px;

        text-align: center;

}





/* Begin Images :: this is the style applied by the wordpress rich texteditor do not alter */

p img {

        padding: 10;

        max-width: 100%;

}



img.centered {

        display: block;

        margin-left: auto;

        margin-right: auto;

}



img.alignright {

        padding: 10px;

        margin: 5px 2px 10px 10px;

        display: inline;

}





img.alignleft {

        padding: 8px;

        margin: 5px 10px 10px 10px;

        display: inline;

}



.alignright {

        float: right;

}



.alignleft {

        float: left

}



.entry form {

        text-align:center;

}



acronym, abbr, span.caps {

        cursor: help;

}



acronym, abbr {

        border-bottom: 1px dashed #999;

}



blockquote {

        margin: 15px 30px 0 10px;

        padding-left: 20px;

        border-left: 5px solid #ddd;

}



blockquote cite {

        margin: 5px 0 0;

        display: block;

}

blockquote p {
        padding: 0;
        margin: 0;
}

.infokasten {
        padding-left:20px;
        background-color: #f8f8f8;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        color: #777;
}

.center {

        text-align: center;

}



hr {

        display: none;

}



a img {

        border: none;

}

a.extern {
padding-right: 12px;
background: url(images/extern.gif) no-repeat right;
}


/* Begin Calendar — style is not used currently because there is no calendar */

#wp-calendar {

        empty-cells: show;

        margin: 10px auto 0;

        width: 155px;

}



#wp-calendar #next a {

        padding-right: 10px;

        text-align: right;

}



#wp-calendar #prev a {

        padding-left: 10px;

        text-align: left;

}



#wp-calendar a {

        display: block;

}



#wp-calendar caption {

        text-align: center;

        width: 100%;

}



#wp-calendar td {

        padding: 3px 0;

        text-align: center;

}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

        background-color: #fff; }



#wp-calendar #prev a {

        font-size: 9pt;

}



#wp-calendar a {

        text-decoration: none;

}



#wp-calendar caption {

        font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;

        text-align: center;

}



#wp-calendar th {

        font-style: normal;

        text-transform: capitalize;

}

/* End Calendar */



/* end misc */


.gravatar {
float:left;
padding: 3px;
border: 1px solid #000;
background: #fff;
margin-right: 5px;
margin-left: 5px;
height: 60px;
weight: 60px;
}

.postgrav {
float: left;
padding: 3px;
margin-right: 5px;
margin-left: 5px;
border: 1px solid #000;
background: #fff;
}



span.commentline {
display: block;
float: right;

text-align: center;
font-size: 130%;
font-weight: bold;

line-height: 30px;
color: #FFF;
background: #9CBD00;
border: 2px solid #FFFFFF;
padding: 10px 5px;
text-decoration: none;

margin: 5px 8px auto;
        padding:0.2em;
        height:1.6em;
        width:1.6em;
}


  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

.blockstreifen {
border: 1px solid #5c5656;
margin: 1em 0;
padding: 10px;
background: #f8f7f6 url(images/blq.gif);
}

.geshifilter {
  padding: 0 10px 0 70px;
  margin: 0;
  border: none;
  line-height: 1.3;
  background: white url(images/linedpaperbluemargin.png) repeat;
  line-height: 30px;
  style="list-style-type:decimal"
}
li.geshifilter {
list-style-type: none;
}

.zitat {
 margin: 0 0;
 padding: 0 5px 0 5px;
 border: dashed 1px #666;
}
.outerQuote {
 margin: -10px 20px -10px 20px;
 background: url("images/quote.png") no-repeat;
}
.centerQuote {
 padding: 10px 10px;
 background: url("images/quote-end.png") no-repeat bottom right;
}

#google {
display:block;
width:100%;
height:auto;
border:0 #333 solid;
font:100% verdana, sans-serif !important;
margin:0 0 20px;
}

fieldset {
border:1px solid #ddd;
padding:10px;
}

legend {
color:#ccc;
font-size:100%; /* 85%*/
}

.more-link { align:right }
.liste li { list-style-image:url(bullet.gif) }

.comment .collapseicon
{
        width:                                         13px;
        height:                                 13px;
        overflow:                                hidden;
        background-image:                 url(images/subthread-open.gif);
}

.collapsed .collapseicon
{
        background-image:                 url(images/subthread.gif);
}

.gototop {
        background: url(images/top.gif);
        width: 12px;
        height: 12px;
        cursor: pointer;
        position: fixed;
}

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:2px double #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }

body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }

body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }

body div#toolTip p em span { font-weight:bold;color:#fff; }

/* Downloadbox */

.download {
        padding-right: 20px;
        border-top: #999 1px dotted;
        border-left: 0px !important;
        font-size: 9px;
        padding-left: 65px;
        background: url('images/download.gif') #e9e9e9 no-repeat 10px center;
        padding-bottom: 15px;
        margin: 10px auto;
        line-height: 180%;
        padding-top: 15px;
        border-bottom: #999 1px dotted;
        text-align: center
}

.download a {
        font-size: 15px;
        color: #555;
        }

.download a:hover {
        text-decoration: underline !important;
        color: #555 !important;
        }

#contentdate {
        background: #FFFFFF url(images/date2.gif);
        position: relative;
        float: right;
        width: 45px;
        height: 50px;
        margin: 0px 5px 0px 5px;
        padding: 0px;
        }

#contentdate h3 {
        color: #FFFFFF;
        font-size: 10px;
        font-weight: normal;
        padding: 0px 0px 2px 10px;
        margin: 0px;
        text-transform: uppercase;
        vertical-align:middle;
        }

#contentdate h4 {
        font-family: Helvetica, Sans-Serif;
        color: #999999;
        font-size: 15px;
        font-weight: bold;
        padding: 1px 4px 0px 0px;
        margin: 0px;
        text-align: center;
        vertical-align:middle;
        line-height:0.8em;
        }

.commentscloud {
        position: absolute;
        text-align: center;
        top: -14px;
        left: 22px;
        width: 30px;
        height: 24px;
        padding: 3px 0;
        background: url(images/bubble.png) no-repeat 0 0;

}
a#liveearth {
        position: fixed;
        z-index:99;
        /* position: absolute; */
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://liveearth.trnd.com/weitergeben/liveearth_ecke_150px.png',sizingMethod='scale');
        right: 0;
        top: 0;
        display: block;
        height: 150px;
        width: 150px;
        background: url(images/liveearth_ecke_150px.png) top right no-repeat !important;
        background: none;
        text-indent: -999em;
        text-decoration: none;
        cursor: hand;
        border: 0;
}

/* wpSpoiler */
a.spoiler_link_show,
a.spoiler_link_hide {
    background-repeat:      no-repeat;
    background-position:    left center;
    padding-left:           18px;
}
a.spoiler_link_show {
    background-image:       url(images/add.png);
}
a.spoiler_link_hide {
    background-image:       url(images/delete.png);
}
div.spoiler_div {
    background-color:       #ddd;
    margin-top:             -10px;
    padding:                2px;
}

a#tooCool {
 position: fixed;
 left: 0;
 top: 0;
 display: block;
 height: 80px;
 width: 80px;
 background: url(images/too_cool.png) top left no-repeat;
 text-indent: -999em;
 text-decoration: none;
}
.htmlarea iframe { }