/* The old hack from http://www.clagnut.com/blog/348/ seems to generally be
 * replaced with what, by some newer understanding seems to work best with most
 * browsers of our time:
 * http://snook.ca/archives/html_and_css/font-size-with-rem . But I would not
 * have been able to figure out how to do the CSS-based proper content
 * positioning without the just right tutorial at
 * http://www.w3.org/wiki/CSS_static_and_relative_positioning --a must read!
 * For the css-dropdown-menu I used:
 * http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu
 * */

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
    margin: 0; padding: 0; border: 0;
}

html {
    font-size: 62.5%; /* if 62.5%, then default font size to be equivalent to 10px */

}

body {
    margin: 0 auto;
    /* min-width: 40rem; */
    /* max-width: 76rem; */
    font-family: Verdana, Helvetica, Arial, sans-serif;
    background: url(/img/bkg/hrbbod01.png);  background-repeat: repeat;
    font-size: 14px; font-size: 1.4rem;
}

body.logs {
    margin: 0 auto;
    min-width: 90rem;
    max-width: 96rem;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    background: url(/img/bkg/hrbbod01.png);  background-repeat: repeat;
    font-size: 14px; font-size: 1.4rem;
}

h1 { font-size: 28px; font-size: 2.8rem; line-height: 60px; line-height: 6.0rem; }

h2 { font-size: 24px; font-size: 2.4rem; line-height: 52px; line-height: 5.2rem; }
h2.mysmaller { font-size: 20px; font-size: 2.0rem; line-height: 48px; line-height: 4.8rem; }
h2.mysmallest { font-size: 19px; font-size: 1.9rem; line-height: 47px; line-height: 4.7vrem; }

h3 { font-size: 18px; font-size: 1.8rem; line-height: 46px; line-height: 4.6rem; }

h4 { font-size: 15px; font-size: 1.5rem; line-height: 40px; line-height: 4.0rem; }
h4.low { font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 2.0rem; }
h4.low-padded { font-size: 15px; font-size: 1.5rem; line-height: 20px; line-height: 1.2rem;
    padding:10px 10px 10px 10px; }

h5 { font-size: 13px; font-size: 1.3rem; line-height: 36px; line-height: 3.6rem; }
/* h5.low-padded { font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.1rem;
 *   padding:8px 8px 8px 8px; }
 */

pre { margin-left: 8px; margin-left: 1rem; }
p { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; margin-bottom: 12px; margin-bottom: 1.2rem; }
p.note { font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem; margin-bottom: 10px; margin-bottom: 1.0rem; }
p.indented4em { margin-left: 4em;}
p.indented { margin-left: 8em;}
p.indented_leftPP {margin: 0.3em 0.3em 0.3em 22em;}
p.topMarg {margin: 3em 0.3em 0.3em 0.3em;}
p.wider { line-height: 26px; line-height: 2.6rem; margin-bottom: 26px; margin-bottom: 2.6rem;  }
p.smxx-red_border_thick {font-size: xx-small; font-weight: bold; border: solid red;}

p.tools { font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; margin-bottom: 4px; margin-bottom: 0.4rem; margin-left: 80px; margin-left: 10rem; margin-right: 30px; margin-right: 3rem; text-align: right; }

p.notes { font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; margin-bottom: 4px; margin-bottom: 0.4rem; margin-left: 8px; margin-left: 0.8rem; margin-right: 10px; margin-right: 1rem; text-align: left; }

p.myquote { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; margin-bottom: 12px; margin-bottom: 1.2rem; margin-left: 8px; margin-left: 1.4rem;}

#header {
    font-family: 'Trebuchet MS',Verdana,Sans-Serif;
    font-weight:normal;
    padding:10px 10px 10px 10px;
    background: url(/img/bkg/hrbhea02.png);  background-repeat: repeat;

    height: 80px;
}

#header .logo {
    float: right;
    width: 30%;
}

#header .descript {
    float: right;
    width: 70%;
    text-align: center;
    font-size: 0.8em;
    color: #fff;
}

#header .descript a { color: #fff; }
#header .descript a:hover { color: #cc0033; }

#wrapper {
    margin: 0 0 0 12rem;
    padding: 0 0;
    min-height: 1rem;
}

#wrapper-main {
    margin: 0 18rem 0 0;
    padding: 0 0;
    min-height: 1rem;
}

#main {
    float: left;
    width: 100%;
    font-size: 14px; font-size: 1.4rem;
}

#nav {
    float: left;
    width: 11rem;
    padding: 0 0.5rem;
    margin-left: -100%;
    position: relative;
    right: 12rem;
}

#footer {
    margin: 1rem 1rem 1rem 1rem;
    clear: left;
    border-top: 1px solid #369;
    font-size: 12px; font-size: 1.2rem;
}

div#notice {
    position: fixed;
    display: inline;
}

div#notice p {
    position: fixed;
    display: inline;
    width: 11rem;
    font-family: Verdana, sans-serif; font-size: 13px;
        font-size: 1.3rem; line-height: 18px; line-height: 1.8rem;
}

nav {
    /*position:relative; */
    /*width:200px; */
    position: fixed;
    margin: 0rem auto;
    text-align: center;
    font-family: Verdana, sans-serif;
    font-size: 1.1rem; line-height: 10px; line-height: 1rem;
}

nav ul {
    list-style: none;
    background: #efefef; 
    background: linear-gradient(top, #ffddee 0%, #ffffff 100%);  
    background: -moz-linear-gradient(top, #ffddee 0%, #ffffff 100%); 
    background: -webkit-linear-gradient(top, #ffddee 0%, #ffffff 100%); 
    box-shadow: 0px 3px 3px rgba(100,0,0,0.15);
    padding: 0px;
    border-radius: 3px;
    position: relative;
    display: inline-table;
}
/* nav ul:after {
    content: ""; clear: both; display: block;
} */

nav li {
    position:relative;
    border:1px solid gray;
}
    nav a {
    display:block;
    text-decoration:none;
    padding:10px;
    color:black;
    }
    nav li:hover {
        background: #efefff;
        background: linear-gradient(top, #ffaabb 0%, #ffffff 30%);
        background: -moz-linear-gradient(top, #ffaabb 0%, #ffffff 30%);
        background: -webkit-linear-gradient(top, #ffaabb 0%, #ffffff 30%);
    }
    nav li a {
        display: block; padding: 8px 12px;
        color: #003300; text-decoration: none;
    }
    nav li:hover a {
        color: #333333;
    }

nav ul ul {
    border-radius: 3px; padding: 0;
    position: absolute; left: 100%; top: 1.5rem;
    position:absolute;
    top:0;
    width:100%;
    visibility:hidden;
}

nav li:hover > ul {
    left:100%;
    visibility:visible;
}

img { border-width: 0; }

blockquote {
    font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem;
    margin-bottom: 12px; margin-bottom: 1.2rem; margin-left: 12px; margin-left: 1.2rem;

}


#korienskim a,
#korienskim a:visited {
    color:#000000;
    background:#fff;
    display:block;
    float:right;
    height:2.2em;
    line-height:2.2em;
    text-align:left;
    padding-left: 5px;
    /* width:260px; */
}

#korienskim a:hover {
    /* background:#80b0da url("rss.png") no-repeat scroll 185px 0.5em; */
    text-decoration:none;
}


/*************************************
 +navwrapright
 *************************************/
 
div.navwrapright {
    float:right;
    width:250px; /* edit- size of the right bar */
    padding:0px 15px 20px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 1.2em;
    font-size:1em;
}

div.navwrapright a { font-size:1em;}

div.navright { 
    padding:0px;
    margin:10px 0px 0px 1px;
    font-weight:normal;
    line-height: 1.2em;
    background:; #ebf0f6;
}

div.navright ul {
    margin: 2px 0px 10px 10px;
    padding: 1px 0 0 2px;
}

div.navright li {
    display: block;
    list-style: none;
    margin-bottom:2px;
    line-height: 1.2em;
}    

/*************************************
 +navwrapright-sh
 *************************************/
 
div.navwrapright-sh {
    float:right;
    width:130px; /* edit- size of the right bar */
    padding:0px 5px 7px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 1.2em;
    font-size:1em;
}

div.navwrapright-sh a { font-size:1em;}

div.navright-sh { 
    padding:0px;
    margin:10px 0px 0px 0px;
    font-weight:normal;
    line-height: 1.2em;
    background:; #ebf0f6;
}

div.navright-sh ul {
    margin: 2px 0px 10px 0px;
    padding: 1px 0 0 2px;
}

div.navright-sh { 
    padding:0px;
    margin:10px 0px 0px 1px;
    font-weight:normal;
    line-height: 1.2em;
    background:; #ebf0f6;
}

div.navright-sh ul {
    margin: 2px 0px 10px 1px;
    padding: 1px 0 0 2px;
}

del, s, strike { text-decoration: line-through; }
.green_border { border: thin solid green; }
.red_border_thick { border: solid red; }
.red_border { border: thin solid red; padding: 0.3em}
.yellow_border { border: solid yellow; }
.bkg_gray { background: #DDD; }
.bkg_greenish { background: #DFD; }
.bkg_reddish { background: #FDD; }
.bkg_yellow { background: #FF0; }
.smxx {font-size: xx-small; font-weight: bold;}
.smxx-red_border {font-size: xx-small; font-weight: bold; border: thin solid red;}
.smxx-red_border_thick {font-size: xx-small; font-weight: bold; border: solid red;}
dt.custom { font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; margin-bottom: 3px; margin-bottom: 0.3rem; }
dd.custom { font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; margin-left: 22px; margin-left: 2.2rem; margin-bottom: 10px; margin-bottom: 1.0rem;  }