/* mivok.css: Similar and not so similar to mivok.net */

html, body {
    color: black;
    background-color: #eee;
    font-family: Verdana, arial, helvetica, sans-serif;
}

/*
body {
    font-size: 76%;
}
*/
#navbar {
    position: relative;
    width: 90%;
    border-top: thin solid #036;
    margin-left: 5%;
    margin-top: 1ex;
    margin-bottom: 1em;
}
#navbar h2 { display: none; }
#navbar ul { display: block; margin: 0; padding: 0; }
#navbar li {
    list-style: none;
    display: inline;
    background-color: #ddd;
    color: black;
    border: thin solid #036;
    border-bottom: medium solid #036;
    padding: 0 1em;
    text-decoration: none;
    margin-right: 1ex;
}
#navbar a {
    text-decoration: none;
    color: black;
}

#navbar li:hover {
    background-color: #dde;
    border-bottom: medium solid #069;
}

#header { width: 90%; margin-left: 5%; }
#header h1 {
    text-align: right;
    /* font-size: 170%; */
    letter-spacing: 0.5em;
    /* margin-bottom: 0.1em; */
}

#main {
    color: black;
    background-color: white;
    border: thin solid black;
    width: 90%;
    margin-left: 5%;
}

h1 {
    text-transform: lowercase;
    color: #036;
}
h2, h3, h4, h5, h6 {
    text-transform: lowercase;
    color: #036;
    width: 70%;
    margin: 1em 2% 0 2%;
}
h2 {
    /* font-size: 150%; */
    letter-spacing: 0.3em;
    border-bottom: thin solid #036;
}

h3, h4, h5, h6 {
    letter-spacing: 0.15em;
}
p {
    margin: 1em 2% 1em 4%;
}

#footer {
    width: 90%;
    font-size: smaller;
    font-style: normal;
    padding: 0.1em 0.3em;
    margin-top: 1ex;
    margin-left: 5%;
    color: #036;
}
#footer address { font-style: normal; }
#footer .fieldtitle { font-weight: bolder; }
#footer #pageinfo { float: left; clear: left; }

.sep { color: #036; font-weight: bolder; }

#footer #validated { text-align: right; }
#footer #validated div { float: right; clear: none; }
#footer #validated img { border: none; }


.cv-generator { font-size: smaller; }
.cv-date {
    font-size: smaller;
    color: #036;
}