/*  
Theme Name: FH Fortune Basic
Theme URI: http://design.helmschrott.de/
Description: Basic Version of clean structured Fortune-Design. <a href="http://design.helmschrott.de/wpthemes/fortune_basic/" target="_blank">Changelog</a>.
Version: 0.11
Author: Frank Helmschrott
Author URI: http://www.helmschrott.de/
        
        This Wordpress Theme is freeware - you may use it on as many Weblogs as you like
        but you may never offer a download of the theme itself. Official Downloads
        only from http://themes.wordpress.net and http://design.helmschrott.de/
        
        You may not remove copyright notices and links within the footer.
        
*/

html, body {
        margin: 0px;
        padding: 0px;
        background: url('images/page_bg.jpg') repeat-x #ececec;
        font-family: tahoma, arial, helvetica, sans-serif;
        font-size: 90%;
}

p {
        line-height: 150%;
}

blockquote {
        background: #f0f0f0;
        padding: 5px 15px 5px 15px;
        border-left: 3px solid #036;
}

blockquote p {
        
}

h1,h2,h3,h4,h5,h6 {
        font-family: Arial, Helvetica, Sans-Serif;
}

h1 {
        margin: 0;
        padding: 0;
}

a:link,
a:active,
a:visited {
        text-decoration: none;
        border-bottom: 1px dotted #036;
        color: #036;
}

a:hover {
        color: #105FAE;
        text-decoration: none;
        border-bottom: 1px solid;
}

#page-container {
        width: 760px;
        padding-left: 10px;
        padding-right: 10px;
        background: #fff;
        margin: 0 auto;
        padding-bottom: 10px;
}

#top-nav {
        margin: 0px;
        padding-bottom: 10px;
        border: 1px solid white;
}

ul#navlist {
        margin-left: -1px;
        padding-left: 0;
        margin-top: 10px;
        margin-bottom: 0;
        white-space: nowrap;
}

#navlist li {
        display: inline;
        list-style-type: none;
        text-transform: uppercase;
        font-family: arial, helvetica, sans-serif;
}

#navlist a {
        padding: 8px 20px;
        border: none;
}

#navlist a:link, #navlist a:visited {
        color: #fff;
        background-color: #036;
        text-decoration: none;
        border: none;
}

#navlist a:hover {
        color: #fff;
        background-color: #105FAE;
        color: #FFF;
        text-decoration: none;
}

#header {
        background: url('images/header_bg.png') repeat-x top left #036;
        margin: 0px;
        padding: 0px;
        height: 110px;
        border: none;
}

#header h1 {
        margin-top: 0;
}

#header h1 a {
        color: #fff;
        text-decoration: none;
        border: none;
}

#header .description {
        color: #fff;
}

#sidebar {
        float: right;
        width: 220px;
        background: #ededf0;
        margin-top: 1px;
        padding: 5px;
}

/* Begin Lists

        Special stylized non-IE bullets
        Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
        margin-left: 0px;
        padding: 0 0 0 30px;
        list-style: none;
        padding-left: 10px;
        text-indent: -10px;
        } 

html>body .entry li {
        margin: 7px 0 8px 10px;
        }

.entry ul li:before, #sidebar ul ul li:before {
        content: "\00BB \0020";
        }

.entry ol {
        padding: 0 0 0 35px;
        margin: 0;
        }

.entry ol li {
        margin: 0;
        padding: 0;
        }

.postmetadata ul, .postmetadata li {
        display: inline;
        list-style-type: none;
        list-style-image: none;
        }

#sidebar ul, #sidebar ul ol {
        margin: 0;
        padding: 10px;
        }

#sidebar ul li {
        list-style-type: none;
        list-style-image: none;
        margin-bottom: 15px;
        padding: 0;
}

#sidebar ul p, #sidebar ul select {
        margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
        margin: 5px 0 0 10px;
        }

#sidebar ul ul ul, #sidebar ul ol {
        margin: 0 0 0 10px;
        }

ol li, #sidebar ul ol li {
        list-style: decimal outside;
        }

#sidebar ul ul li, #sidebar ul ol li {
        margin: 3px 0 0;
        padding: 0;
}

#sidebar ul li h2 {
        font-size: 120%;
}

#sidebar input {
        font-size: 90%;
}

/* End Entry Lists */

/*


#sidebar ul {
        margin: 0;
        padding: 10px;
}

#sidebar ul li {
        list-style-type: none;
        padding: 0;
}


*/

#content {
        padding: 10px;
        margin-right: 250px;
}

.post {
        margin-top: 30px;
}

.post h2 a {
        border: none;
        text-decoration: none;
        color: #036;
}

.post h2 a:hover {
        color: #105FAE;
        border: none;
}

.post h2 .date, .post h3 .date {
        color: #aaa;
        font-size: 14px;
}

.postmetadata {
        padding: 8px;
        background: #f4f4f4;
        font-size: 80%;
        border-bottom: 1px solid #ededed;
}

/*      Using 'class="alignright"' on an image will (who would've
        thought?!) align the image to the right. And using 'class="centered',
        will of course center the image. This is much better than using
        align="center", being much more futureproof (and valid) */

img.centered {
        display: block;
        margin-left: auto;
        margin-right: auto;
        }

img.alignright {
        padding: 4px;
        margin: 0 0 2px 7px;
        display: inline;
        }

img.alignleft {
        padding: 4px;
        margin: 0 7px 2px 0;
        display: inline;
        }

.alignright {
        float: right;
        }

.alignleft {
        float: left
        }
/* End Images */

#footer {
        background: #ededf0;
        padding: 5px;
        padding-left: 20px;
        font-size: 80%;
}