/*
Theme Name: Storyblogger
Theme URI: http://www.storyblogger.de
Description: Das neue Storyblogger-Theme.
Version: 2.0
Author: Vladimir Simovic
Author URI: http://www.vlad-design.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
*/



body {
    margin: 0;
    padding: 1.5em 0;
    font: 10px/1.6 verdana, sans-serif;
    text-align:center;
    background: #e8eae2;
    color: #000;
}

/* 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;
}

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

.unsichtbar-form { display: none; }

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

#container {
    width: 960px;
    margin:0 auto;
    text-align:left;
    background: #fff;
    padding: 10px 0 50px 0;
}

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

h1 a {
    text-decoration: none;
}

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

#hauptnavigation {
    list-style: none;
    background: #e8eae2;
    margin: 10px 95px;
    padding: 0;
    overflow: hidden;
    height: 1%;
}
#hauptnavigation li {
    display: inline;
}
#hauptnavigation li a {
    display: block;
    float: left;
    height: 30px;
    border-right: 1em solid #fff;
    padding: 8px 10px;
    text-decoration: none;
    width: 147px;
}
#hauptnavigation li .homelink {
    width: 146px;
}

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

#hauptnavigation li a:hover, .current_page_item a {
    background: #7bce00;
}

/*  Hinweis: Ab hier fängt der Container an der den Inhalt und die Sidebar gruppiert  */
#container-innen {
    clear: left;
    margin: 0 95px 10px 95px;
    background: #e8eae2 url(img/container-innen.gif) repeat-y;
}

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

#inhalt h2 {
    font: 22px 'times new roman', serif;
    padding: 0;
    margin-bottom: -12px;
    margin-top: 1px;
}
* 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;
}

#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) * */
#seitenleiste {
    float: right;
    width: 210px;
    padding: 15px;
}
/** html #seitenleiste {
    width: 240px;
}*/

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

#seitenleiste h2 {
    font: normal 18px 'times new roman', serif;
    padding: 0;
    margin-bottom: 1px;
    margin-top: 1px;
}

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

/* *** 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 {
    margin: 0 95px;
    background: #e8eae2;
    padding: 15px;
}
#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;
}