/*
Theme Name: SaNik Design
Theme URI: http://www.sanik-design.de/
Description: Designed by Sara Niklassik for four-footsteps.de
Version: 1.0 deutsch
Author: Sara Niklassik
Author URI: http://www.sanik-design.de/
*/

html, body {
        margin: 0;
        padding: 0;
        text-align: center;
}

body {
        background: #292929;
        font: 12px Arial, Verdana, 'Helvetica', sans-serif;
         padding: 0;
         }

a {
        color: #fdcd3e;
        font-weight: bold;
        text-decoration: none;
            outline: none;
}

h1 {
        color: #fff;
        font: 18px Arial, 'Helvetica', Verdana, sans-serif;
        font-weight: 100;
        margin: 0;
        padding: 0;
        text-decoration: none;
}

h2, h2 a {
        font: 14px Arial, 'Helvetica', Verdana, sans-serif;
        color: #fff;
        font-weight: 100;
        margin: 0;
        padding: 0;
        text-decoration: none;
}

h3, h3 a {
        font: 12px Arial, 'Helvetica', Verdana, sans-serif;
        color: #fff;
        font-weight: 100;
        margin: 0;
        padding: 0;
        text-decoration: none;
}

h4, h4 a {

        font: 10px Arial, 'Helvetica', Verdana, sans-serif;
        color: #fff;
        font-weight: 100;
        margin: 0;
        padding: 0;
        text-decoration: none;
}

img {
        border: none;
}

ol, form {
        margin: 0;
        padding: 0;
}

p {
        line-height: 1.7em;
        text-align: justify;
}

.entry {
        line-height: 1.3em;
        text-align: justify;
}

small {
        font-size: 10px;
}

#page {
        background: transparent;
    margin: 20px auto 0 auto;
        padding: 0;
        text-align: left;
        width: 830px;
}

/* Top Menu */

#top_navigation {
        position:relative;
        float:right;
        width:620px;
        height: 35px;
        margin:0 auto;
        background-color: #292929;
        color:#fdcd3e;
        border-bottom:1px solid #fdcd3e;
}

#sub_navigation {
        position:relative;
        float:right;
        width:620px;
        height: 26px;
        margin:0 auto;
        background-color: #292929;
        color:#fdcd3e;
}

#nav li.current_page_ancestor a,
#nav li.current_page_parent a,
#nav li.current_page_item a {

        color:#fff;
}


#nav {
        margin: 0px;
        padding: 0px;
        list-style: none;
        font-size:13px;
        font-weight:bold;
        }

#nav ul {
        margin: 0px;
        padding: 0px;
        }

#nav a {
        color:#fdcd3e;
        display: block;
    font-weight:bold;
        padding: 8px 20px 8px 0px;
        text-decoration: none;

        }

#nav a:hover {
        color: #FFFFFF;
        display: block;
        text-decoration: none;
        padding: 8px 20px 8px 0px;
}

#nav li {
        float: left;
        margin: 0px;
        padding: 0px;
        }

#nav li ul {
        position: absolute;
        width: 10em;
        left: -999em;
        }

#nav li:hover ul {
        left: auto;
        display: block;
        }

#nav li:hover ul, #nav li.sfhover ul {
        left: auto;
        z-index: 100;
        }


#endnav {
        width: 778px;
        height: 40px;
        margin: 0px auto 0px;
}


#subnav li.current_page_ancestor a,
#subnav li.current_page_parent a,
#subnav li.current_page_item a {

        color:#fff;
}



#subnav {
        margin: 0px;
        padding: 0px;
        list-style: none;
        font-size:13px;
        }

#subnav ul {
        margin: 0px;
        padding: 0px;
        }

#subnav a {
        color: #fdcd3e;
        display: block;
        font-weight: bold;
        margin: 0px 20px 0px 0px;
        padding: 8px 20px 8px 0px;
        text-decoration: none;
        }

#subnav a:hover {
        color: #ffffff;
        display: block;
        text-decoration: none;
        margin: 0px 20px 0px 0px;
        padding: 8px 20px 8px 0px;
        }

#subnav li {
        float: left;
        margin: 0px;
        padding: 0px;
        }

#subnav li ul {
        position: absolute;
        width: 10em;
        left: -999em;
        }

#subnav li:hover ul {
        left: auto;
        display: block;
        }

#subnav li:hover ul, #nav li.sfhover ul {
        left: auto;
        z-index: 100;
        }



/* Inhalt */
#content {
        background: transparent;
        border: none;
        color: #fff;
        float: left;
        margin: 40px 0px 30px 0px;
        padding: 0 40px 0 0px;
        text-align: left;
        /*width: 625px;*/
         width: 550px;
}


#content a:hover {
        color: #ffffff;/*#88A99E;*/
        background: transparent;
        text-decoration: none;
}

#content img {
    padding: 5px;
    background-color: transparent;
}

#content a:hover img {

    background: transparent;
}

#content h1 a:hover {
        color: #C9D9FB;
        background: transparent;
        text-decoration: none;
}

#content h2 a:hover {
        color: #C9D9FB;
        background: transparent;
        text-decoration: none;
}

#content h3 a {
        text-decoration: none;
}

#content h3 a:hover {
        color: #ffffff;
        background: inherit;
        text-decoration: none;
}

#content ul {
         list-style-type: disc;
         margin: 0 0 0 25px;
         padding:  0 0 0 0;
}

#content ul li {
         line-height: 1.5em;
         margin: 0;
         padding: 5px;
}

/* KOMMENTARE  */
#comment {
        background: #2e2e2e;
        border: 1px solid #444444;
        color: #cbcbcb;
        font-size: 13px;
        padding-left: 2px;
        vertical-align: middle;
        width: 510px;

}

.commentbody {
        color: #cbcbcb;
        font-size: 13px;
        margin: 0 0 10px 0;
        padding: 15px 15px 5px 15px;
        background: #2e2e2e;
    border: 1px solid #444444;
        position: relative;
    -moz-border-radius: 10px;
}

.commentbody a {
        color: #8897A9;
    text-decoration: none;
}
.commentbody a:hover {
        color: #ffffff;
    text-decoration: none;
}

.commentbody p {
        line-height: 1.2em;
}

.commentlink {
        font-size: 13px;
}

.commentlist {
        list-style: none;
}

.commentcount {
        background: inherit;
        position: absolute;
        right: 36px;
        _right: 10px;
        top: 0;
        font-family: Georgia, Times, 'Times New Roman', serif;
        font-size: 24px;
        font-weight: bold;
        color: #444444;
        float: right;
}

.gravatar {
        background-color: inherit !important;
        padding: 4px !important;
        border: 1px solid #4444444 !important;
}

* html .gravatar {
        position: relative;
}

html[xmlns] .commentcount {
        position: absolute;
        right: 7px;
        top: 0;
}

#email, #author {
        background: #2e2e2e;
        border: 1px solid #555555;
        color: #cbcbcb;
         font: 12px Verdana, Arial, 'Helvetica', sans-serif;
        padding-left: 5px;
        vertical-align: middle;

}

#url {
        background: #2e2e2e;
        border: 1px solid #555555;
        color: #cbcbcb;
    font: 12px Verdana, Arial, 'Helvetica', sans-serif;
        height: 16px;
        padding-left: 5px;
        vertical-align: middle;
}

#submit {
        background: #2e2e2e;
        border: 1px solid #555555;
        color: #cbcbcb;
         font: 12px Verdana, Arial, 'Helvetica', sans-serif;
        margin: 0;
        padding: 0 10px;

}

textarea {
        overflow:auto;
}


/* Footer */
#footer {
         background: #282828;
         border-top: 1px solid #cbcbcb;
         height: 50px;
         clear: both;
        color: #cbcbcb;
         margin: 0;
        padding: 0;
         text-align: center;
         overflow:hidden;
        }

#footer a {
    color: #f5f5f5;
    text-decoration: none;
}

#footer a:hover {
    color: #C9D9FB;
    text-decoration: none;
}

/* Suchfeld */

.s {
        background: transparent;
         border: 0px solid #c7c7c7;
        color: #cbcbcb;
         font: 12px Verdana, Arial, 'Helvetica', sans-serif;
        height: 15px;
        padding-left: 3px;
        vertical-align: middle;
        width: 220px;
}


/* sidebar */
#sidebar {
         float: left;
        width: 180px;
        height:120px;
        color:#000;
        font-weight:bold;
         text-align: left;
         margin: 0px 5px 0px 0px;
         background: #fdcd3e url('images/logo.jpg') no-repeat;
        padding: 550px 10px 10px 10px;
        list-style:none!important;
}
#sidebar a,
#sidebar a:link,
#sidebar a:hover,
#sidebar a:visited{
        font: 12px Arial, Verdana, 'Helvetica', sans-serif;
        color:#292929;
        font-weight:bold;
}


#wrapper {
        position:relative;
        float:right;
        width:620px;
        margin: 0;
        padding: 0;
}

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

.alignright {
        float: right;
        margin-top: -1px;
        text-align: right;
}


.date {
        background: transparent;
        color: #444444;
        font: 11px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
}

.pagetitle {margin:20px 0;
        text-align: center;

}

.postmetadata {
        background: transparent;
        font-style: italic;
        color: #cbcbcb;
        line-height: 1.5em;
        margin: 15px 0 70px 0;
        padding:3px 3px 3px 3px;
        text-align: right;
        clear:both;
}

.postmetadata a {background: transparent; color: #cbcbcb; text-decoration: none;}

.postmetadata2 {
        background: #2e2e2e;
        color: #adadad;
        border: 1px solid #444444;
        font-size: 11px;
        line-height: 1.3em;
        letter-spacing: 0em;
        margin: 0 0 20px 0;
        padding: 5px;
        text-align: left;
        clear:both;
        -moz-border-radius: 10px;
}

/* different postmetadata style for single.php */

.alt {
        line-height: 1.3em;
        padding: 10px;
}

.alt a {
        background: inherit;
        color: #8897A9;
        text-decoration: none;
}

.commentheader {
        background: inherit;
        font-size: 18px;
        font-weight: lighter;
        text-align: left;
        color: #adadad;
        padding: 0;
        line-height: 1.5em;
}

.clear {clear:both;}

#bottom {
        clear: both;
        width: 810px;
        height: 100%;
        margin: 0;
        padding: 0px;
        background: transparent;
        text-align: left;
        color: #cbcbcb;
        }

#bottom-left {
        width: 30%;
        padding: 0 0 25px 0;
        float: left;
}

#bottom-mid {
        width: 30%;
        padding: 0 0 25px 40px;
        float: left;
}

#bottom-right {
        width: 30%;
        margin-right: 10px;
        padding: 0 0 25px 0;
        float: right;
        }

#bottom h2 {
        font: 24px Arial, 'Helvetica', Verdana, sans-serif;
        font-weight: 100;
        margin: 25px 0 5px 0;
        padding: 0 1px;
        color: #adadad; /*#707c69;*/
        }

#bottom ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
        }
#bottom li {
        border-bottom: 1px solid #444444;
        margin: 0;
        padding: 0;
        display: block;
        }
#bottom li a {
        display: block;
        background-color: transparent;
        color: #C9D9FB;
        padding: 7px 5px 7px 5px;
        text-decoration: none;
        border-bottom: 0;
        }
#bottom li a:hover {
        color: #ffffff;
        background-color: #202020;
        text-decoration: none;
}


hr
       {
       width: 100%;
       color: #444444;
       height: 1px;
       border: 0px;
       background-color: #444444;
       }

.cells td 
       {
       border: 1px solid #444444;
       padding: 4px;
       }