html {height:100%}

body {background-color:#eaf7cf; color:#000; padding:0; margin:0; height:100%;
    font-family: "Verdana", "Helvetica", sans-serif;
    font-size: 80%;
    }

h1 {background-color: #339; color:#fff; padding: 0 10px; margin-top: 10px;}
h2 {margin:0}
h3 {margin: 15px 0 0 0}
p { font-family: "Verdana", "Helvetica", sans-serif;
    margin: 5px 0}
a { color: #52774f; text-decoration: none; font-weight:bold }
a:hover { text-decoration: underline; }
code { font-family: "monospaced";
        font-size: 1.2em; }


#header { background-color:white; width:100%;
    border-width: 2px 0px 2px 0px;
    border-style: solid;
    border-color: black;
    padding: 5px 0px 0px 120px;
    margin: 30px 0px 0px 0px;
    }

#bg { position:absolute; top:0px; left:70%; 
    height:180%;
    font-size: 0.8em;
    /*color:gray; background-color:#fdf9eb; /*yellowish*/ 
    /*color:gray; background-color:#dde0e4; /*lite gray*/
    /*color:white; background-color:#889977; /*Olive green*/
    color:white; background-color:#b1c49e; /*dark green*/
    /*color:white; background-color:#E7E7E7; /*ice blue*/
    border-width: 0px 1px 0px 1px;
    border-style: solid;
    /*border-color: #f3ae1b; /*orangish*/
    border-color: #6b9b67; /*dark green*/
    margin: 0px 40px 15px 0px;
    padding: 40px 15px 0px 15px;
    /*background-image: url('/blogs/harnek/images/harneksblog6.png');
    background-repeat:repeat-y;*/
    }

#bgheader {
    font-weight: bold;
    border-style: dashed;
    border-width: 1px 0px 0px 0px;
    border-color: #6b9b67;
    padding: 10px 10px 30px 10px;
}


#bgheader a {
    margin: 50px 0px 10px 5px;
    }

#bgheader p {
    font-weight: normal;
    margin: 10px 0px 0px 5px;
}

/*#bgheader ul {
   margin: 15px 5px 5px 0px;
}

#bgheader li {
   list-style: none;
   margin: 10px 0px 5px 0px;
}*/

#post {
    font-weight: normal;
    margin: 12px 0px 0px 10px;
}

#indenttext {
    margin: 20px 15px 0px 15px;
}

#entry_content { position:absolute; top:150px; left:0; width:55%;
    /*background-color:#aabb88;
    border: 2px solid #f3ae1b; 
    padding: 20px;*/
    margin: 0px 30px 20px 50px
    }

#entry_content a {
    color: blue;
}

#entry_sub {
    font-size: 1.1em;
    font-weight: bold;
    padding: 2px 0px 2px 0px;
}

#entry_date {
    font-size: 0.8em;
    font-style: italic;
    color: gray;
    padding: 2px 0px 2px 0px;
}

#entry_body {
    font-size: 0.9em;
    padding: 5px 0px 4px 0px;
    }

#entry_body p {
    padding: 0px 0px 4px 0px;
}

#entry_body p img {
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: #6b9b67;
    margin: 5px 0px 5px 40px;
}

#copyright {
    font-size: 0.8em;
    font-style: italic;
    color: gray;
    text-align: right;
    margin: 20px 0px 0px 0px;
}

#footnote {
    font-size: 0.8em;
    font-style: italic;
    color: gray;
    margin: -2px 0px 5px 0px;
}


#entry_content p {  text-align: justify; }

#navigation { position:absolute; top:0px; left:70%; color:white;}
#navigation a { display:block; padding-left:10px; padding-right: 10px;}

#navigation a:link.current, #navigation a.visited.current {color:gray;}

#navigation a:hover {background-color:#fff; color:black}

#navigation a:hover.current {background-color:transparent;
        cursor: default}


/* Feedback table *********************/
#feedback {
    margin: 30px 0px 20px 0px;
}

table.feedback {
    font-family:  "Verdana", "Helvetica", sans-serif;
    font-size: 75%;
    margin: 5px 0px 10px 0px;
    border-width: 1px;
    border-style: solid;
   /* border-color: #DFDFDF;*/
    border-color: #6b9b67;
    border-collapse: collapse;
}

table.feedback tr td {
    padding: 2px 3px 2px 3px;
    border-style: solid;
    border-collapse: collapse;
    border-color: #6b9b67;
    border-width: 1px;
}

td.label {
    background-color: #F3F3F3;
}

td.userinput {
    background-color: #E7E7E7;
}

table.feedback tr td span {
    font-size: 90%;
    padding: 6px;
}

td#message {
    vertical-align: top;
    text-align: left;
    padding: 7px 4px 4px 2px;
    background-color: #F3F3F3;
}

table.feedback tr td input{
    padding: 1px;
}

table.feedback tr td textarea{
    padding: 2px;
}