/* screen.css for the standard Jlog <http://jeenaparadies.net/webdesign/jlog/> template.
 *
 * Author:  Jeena Paradies <http://jeenaparadies.net>
 * License: GPL (see LICENSE.txt in this package)
 *
 */

/* -- main positionering -- */
    body {
        font-size: 100.01%;
        font-family: verdana, arial, sans-serif;
        background: #f5d899;
        color: black;
        min-width: 500px;
        margin: 20px;
        padding: 0;
        text-align: center;
    }
    #container {
    		background: #FFF;
        font-size: 0.8em;
        text-align: left;
        width: 822px;
        border: 1px solid #7688c1;
    		padding: 10px;
        margin: 0 auto;
        voice-family: "\"}\"";
  			voice-family: inherit;
  			width: 800px;
    }
    #subContainer {
     background: #f2eef8 url(img/banner.jpg) no-repeat;
     border-top: 1px solid #FFF;
     width: 100%;
     margin: 0px;
    }
    #main {
        margin: 0;
        padding: 0 10px 0 10px;
        width: 574px;
        float: left;
    		voice-family: "\"}\"";
  			voice-family: inherit;
  			width: 554px;
    }

    #main a {
        color: #8f80a7;
        text-decoration: none;
    }

    #main a:hover {
        color: #8f80a7;
        text-decoration: underlined;
    }

    #Space {
    		background: #FFF;
        margin: -10px -10px 0 -10px;
    		height: 31px;
        width: 226px;
        border-bottom: 3px solid #dfd8e8;
    }

    /* Clearfix-Hack */
    #main:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    #main {display: inline-table;}

    /* Hides from IE-mac \*/
    * html #main {height: 1%;}
    #main {display: block;}
    /* End hide from IE-mac */

    /* -- logo -- */
        h1 {
            font-size: 2em;
            font-weight: normal;
            padding: 0 5%;
            margin: 0;
            background: url(img/cheese.png) right bottom repeat-y white;
        }
        h1 a:link, h1 a:visited { color: black; text-decoration: none; }

    /* -- subnavigation -- */
        #subnav {
            width: 206px;
            margin: 0;
            float: right;
            margin: 0;
            padding: 10px;
            font-size: 0.8em;
            background: #b5abc5;
        }
        #subnav dt {
            font-weight: bold;
            color: #FFF;
            margin-top: 1.5em;
        }
        #subnav dd {
            padding: 0.5em;
            color: #FFF;
            margin: 0;
            line-height: 120%;
        }
        #subnav ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }
        #subnav ul li { margin-bottom: 0.5em; }
        .rss img { vertical-align: middle; border: 0; width: 94px; height: 15px; }

    /* -- footer -- */
        #footer {
         clear: both;
         font-size: 1px;
         background: #9282aa;
         width: 100%;
         height: 3px;
         color: #9282aa;
        }

/* -- basic styles -- */
    .skip {
        position: absolute;
        left: -999px;
        width: 990px;
    }
    hr {
        background-color: #aaa;
        color: #aaa;
        border: 0 none;
        height: 1px;
        margin: 1em 0;
        clear: both;
    }
    .error { color: red; }
    blockquote {
        background: url(img/border.png) repeat-y;
        padding: 0 0.5em;
        font-style: italic;
    }
    #searchform { text-align: center; }
    .meta.date { margin-top: 0; }
    .meta { font-style: italic; font-size: 0.85em; }
    .searchword { background: yellow; }

    /* -- pictures -- */
        #main img { max-width: 95%; }
        .fl { float: left; margin: 0 1em 1em 0; }
        .fr { float: right; margin: 0 0 1em 1em; }
        #main img, dl.img {
            border: 1px solid #aaa;
            padding: 2px;
        }
        dl.img dt { padding: 0; margin: 0;}
        #main dl.img dt img { margin: 0; padding: 0; max-width: 100%; border: none; }
        dl.img dd { margin: 0; padding: 0 0.3em; font-size: 90%; }
        .teaser { clear: both; }

    /* -- main link styles -- */
        a:link { color: #FFF; }
        a:visited { color: #FFF; }
        a:hover { color: #FFF; }

    /* -- headlines -- */
        h2, h3, h4, h5, h6 {
            font-weight: normal;
            font-family: verdana, sans-serif;
            position: relative;
            z-index: 2;
        }
        h2 {
        background: #FFF;
        font-size: 17px;
        padding: 0 0 0 10px;
        margin: 0 -10px 0 -10px;
        height: 31px;
        line-height: 31px;
        border-bottom: 3px solid #dfd8e8;
         }
        h3 { font-size: 1.2em; }
        h4 { font-size: 1.1em; }
        h5 { font-size: 1em; }
        h6 { font-size: 0.9em; }
        h2 a:link, h2 a:visited,
        .teaser h3 a:link, .teaser h3 a:visited,
        .teaser h4 a:link, .teaser h4 a:visited { text-decoration: none; color: #9282aa; }
        h2 a:hover, .teaser h3 a:hover, .teaser h4 a:hover { text-decoration: underline; }
        .teaser h3, .teaser h4 { margin: 0; }

    /* -- textareas and inputs -- */
        fieldset { border: 1px solid #aaa; padding: 1em;  }
        legend { padding: 1em; font-weight: bold; }
        input.long, input.short, input.userdata, textarea, select {
            background: #f7f7f7;
            border: 1px solid #bbb;
            border-right: 1px solid #d8d8d8;
            border-bottom: 1px solid #D8D8D8;
        }

/* -- aditional styles for the home- and searchpage -- */
    .teaser h2 { font-size: 1.3em; }
    .teaser h3, .teaser h4 { font-weight: bold; }
    .teaserpic { float: right; margin: 0 0 1em 1em; }
    .entries , .search li { list-style-type: none; }
    .search li { border-top: 1px solid #d8d8d8; padding-top: 1em; }
    ul.search { margin: auto 5%; padding-left: 0; }
    h2.search { text-align: center; }
    .archive { margin-left: 0; }
    .archivenavigation { text-align: center; border-top: 1px dotted #aaa; padding-top: 0.7em; margin-top: 2em; }

/* -- comments -- */
    p.hidecomments { font-size: 0.75em; text-align: right; line-height: 1px; padding: 0; margin-bottom: 0; }
    #preview li { border: solid 1px red; }
    ul.comments .meta { font-size: 1.3em; }
    ul.comments { list-style-type: none; font-size: 0.9em;}
    ul.comments li {
        padding: 0 1em 0.5em 1em;
        margin: 1em 0;
        background: #f7f7f7;
        border: 1px solid #ccc;
        border-left: 1px solid #d8d8d8;
        border-top: 1px solid #D8D8D8;
        overflow-x: scroll;
    }
    ul.comments li p { margin: 0.5em; }
    ul.comments a.permalink {
        font: normal bold 1.5em monospace;
        border-right: 1px solid #d8d8d8;
        text-decoration: none;
        padding-right: 0.2em;
        margin-right: 0.2em;
    }
    ul.comments a.permalink:hover { text-decoration: underline; }
    #pingbackslist { margin-bottom: 3em; }
    textarea { width: 90%; min-width: 10em; }

#NaviTabs {
  margin: 0 0 0 405px;
  padding: 0;

}

#NaviTabs ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

#NaviTabs li {
  float: left;
  color: #FFF;
  font-weight: normal;
  font-size: 11px;
  background: url('img/bg_blog.jpg') no-repeat left top;
  margin: 0 0 0 3px;
  padding-top: 27px;
  text-align: center;
  width: 82px;
  height: 50px;
}

#NaviTabs a {
  position: relative;
  display: block;
  font-weight: normal;
  text-decoration: none;
  color:#FFF;
}

#NaviBlog {
  position: relative;
  padding: 0;
  margin: 0 0 0 10px;
  border: 0;
  float: left;
}

#BGcontainer {
	position: relative;
	background: url('img/bg.gif') repeat-y;
  margin: 242px 0 0 0;
  width: 800px;
  height: 100%;
}