/*
Theme Name: Storyblogger
Theme URI: http://www.storyblogger.de
Description: Das neue Storyblogger-Theme.
Version: 2.1
Author: DIE KAVALLERIE GmbH
Author URI: http://www.diekavallerie.de

Die grafische Vorlage stammt von www.storymaker.de
Die Umsetzung in Wordpress und die CSS-Datei machte Vladimir Simovic aka Perun (www.perun.net).

    EINGESETZTE FARBEN:
    Hintergrund:  #e8eae2;
    Schriftfarbe: #000
    "Grün":       #7bce00
    Weiß:         #fff

    INHALTSVERZEICHNIS:

    0. ...... Angaben zum "Body"
    1. ...... Allgemeingültige Element-Formatierungen und Klassen
    2. ...... IDs von (von oben nach unten)
    2.1 ..... Kopfbereich
    2.2 ..... Inhaltsbereich
    2.2.1 ... Kommentarbereich
    2.3 ..... Setenleiste (Sidebar)
    2.3 ..... Fußbereich
    3. ...... Kalender
    4. ...... Nachträglich eingefügt
*/

.test { 
    margin-bottom: 35px;
    margin-right: 430px; }

body {
    margin: 0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-align:center;
    background: #FFFFFF;
    color: #333333;
    background-image:url("img/stm_bg_03.png");
}


/* 1. Allgemeingueltige Element-Formatierungen und Klassen */
img {
    border: none;
}

table, form, input {
    font-size: 1em;
}

input, textarea {
    border: 1px solid #666;
}

a {
    color: #000;
    text-decoration: underline;
}

.twFeed {
   padding-left: 0px;
}

object {
    padding: 0;
    text-align: left;
    margin-left: 0;
    background: #e8eae2;
}

.unsichtbar-form { display: none; }

/* 2. IDs von (von oben nach unten) */

#container {
    margin: 0 auto;
    padding: 10px 0 50px;
    text-align: left;
    width: 960px;
    background: #FFFFFF;
    border-left: 1px dotted;
    border-right: 1px dotted;
}

/* * 2.1 Kopfbereich * */
h1 {
    margin: 0 40px;
    font-size: 1em;
    text-align: right;
    padding-right: 73px;
    }

h1 a {
    text-decoration: none;
}

.header-bild { margin-bottom: 10px; position: relative; left: 95px; }

#hauptnavigation {
    list-style: none;
    margin: 10px 95px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    height: 1%;
    border-bottom: 1px dotted;
    font-family: "Times New Roman",Times,serif;
    font-size: 20px;
}
#hauptnavigation li {
    display: inline;
}
#hauptnavigation li a {
    display: block;
    float: left;
    height: 20px;
    margin-right: 20px;
    text-decoration: none;
    color: #333333;
    border-bottom: 5px solid transparent;
}
#hauptnavigation li .homelink {
    width: 75px;
}

* html #hauptnavigation li a {
    height:47px;
    width: 192px;
}

#hauptnavigation li a:hover, .current_page_item a {
    //background: #7bce00;
    //height: 5px;
    border-bottom: 5px solid #66CC00;
    color: #000000;
}

/*  Hinweis: Ab hier fängt der Container an der den Inhalt und die Sidebar gruppiert  */
#container-innen {
    clear: left;
    margin: 0 95px 10px;
    background: #FFFFFF;
}

/* * 2.2 Inhaltsbereich * */
#inhalt {
    float: left;
    padding: 15px;
    width: 490px;
}
/** html #inhalt {
    width: 520px;
}*/

#inhalt h2 {
    margin-bottom: -12px;
    margin-top: 1px;
    color: #000000;
    font-family: "Times New Roman",Times,serif;
    font-size: 20px;
    font-weight: normal;
    padding-bottom: 23px;
}
* html #inhalt h2 {
    margin-bottom: -15px;
}

#inhalt h3 {
    font: normal 20px 'times new roman', serif;
    padding: 0;
    margin-bottom: .1em;
    margin-top: .1em;
}

#inhalt h4 {
    font: normal 17px 'times new roman', serif;
    padding: 0;
    margin-bottom: .1em;
    margin-top: .1em;
}

#inhalt h2 a {
    text-decoration: none;
    font-style: normal;
}

#inhalt .beitrag {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    width: 490px;
}
#inhalt .beitrag2 {
    border-bottom: none;
}

#inhalt .feedback-leiste {
    text-align: right;
}

/* ** 2.2.1 Kommentarbereich ** */
textarea#comment {
    font: normal 1em verdana, sans-serif;
    width: 485px;
}

.kommentar-option {
    padding: 2px 3px;
    border: 1px solid  #ddd;
    margin: 17px 0;
}


/* * 2.3 Seitenleiste (Sidebar) * */
#teaser_left {
   border: 1px dotted;
  
}

.twitter-follow-button {
    margin-bottom: 10px;
    margin-left: 8px;
}

#seitenleiste input {width: 78px;}

.teaserbox_header {
    background: url("img/bg_teaserbox_header.gif") repeat scroll left top transparent;
    position: relative;
    
}

.teaser_left_content {}

#seitenleiste {
    float: right;
    padding: 0 15px 15px;
    width: 210px;
    
}
.teaserbox_logo {
    left: 175px;
    position: absolute;
    top: 5px;
}
.teaserbox_logo_youtube {
    left: 145px;
    position: absolute;
    top: 5px;
}
.teaserbox_logo_twitter {
    left: 110px;
    position: absolute;
    top: 5px;
}
/** html #seitenleiste {
    width: 240px;
}*/

#seitenleiste form {
    padding: 0;
    margin-bottom: 15px;
}

#seitenleiste h2 {
    font: normal 20px 'times new roman', serif;
    padding: 0;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #000000;
    padding: 5px 0 0 8px;
    height: 30px;
}

#seitenleiste ul {
    margin-top: 5px;
    margin-bottom: 17px;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    font-size: 12px;
    padding-left: 8px;
}

/* *** TAG-WOLKE *** */
#seitenleiste ul.wolke {
    font-size: 1.3em;
}
#seitenleiste .wolke li {
    display: inline;
	padding: 0;
	margin: 0 5px 7px 0;
	line-height: 2em;
}
#seitenleiste .wolke li.keyword1 { font-size: 0.7em; }
#seitenleiste .wolke li.keyword2 { font-size: 0.9em; }
#seitenleiste .wolke li.keyword3 { font-size: 1.0em; }
#seitenleiste .wolke li.keyword4 { font-size: 1.1em; }
#seitenleiste .wolke li.keyword5 { font-size: 1.2em; }
#seitenleiste .wolke li.keyword6 { font-size: 1.3em; }
#seitenleiste .wolke li.keyword7 { font-size: 1.4em; }
#seitenleiste .wolke li.keyword8 { font-size: 1.5em; }
#seitenleiste .wolke li.keyword9 { font-size: 1.6em; }
#seitenleiste .wolke li.keyword10 { font-size: 1.7em; }
#seitenleiste .wolke li.keyword11 { font-size: 1.8em; }
#seitenleiste .wolke li.keyword12 { font-size: 1.9em; }
#seitenleiste .wolke li.keyword13 { font-size: 2.0em; }
#seitenleiste .wolke li.keyword14 { font-size: 2.1em; }
#seitenleiste .wolke li.keyword15 { font-size: 2.2em; }
#seitenleiste .wolke a {
    text-decoration: none;
}

/* * 2.4 Footer * */
#footer {
    
    
}
#footer p {
    margin: 0;
}

/* 3. Kalender */
#wp-calendar {
    border: none;
    width: 200px;
}

#wp-calendar td, #wp-calendar th {
    padding: 2px 4px;
    border: none;
}
#wp-calendar th {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
#wp-calendar #today {
    font-weight: bold;
}

/* 4. Nachträglich eingefügt */
body img.bild-links {
float: left;
margin-right: 10px;
margin-bottom: 5px;
}

body .clearer {
clear: both;
}

.sociallinks { clear: both; margin-bottom: 20px; float: left; }
.sociallinks .wpfblike { width: 125px; display: block-inline; float: left; }