body {

    margin-right: 10%;
    padding-left: 13em;
    color: #000000; 
    background: #EFEFF3;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
}

.navbar {
    margin: 0;
    padding: 0.3em 0em 0.3em 1em;  /* from top, clockwise */
    background: #DDDDEE;
    position: absolute;  /* For IE only, others will override it below */ 
    top: 2em;
    left: 1em;
    width: 10em;
    border: thin groove;
}

.navbar a {
    text-decoration: none;
    border: thin groove;
    font-size: 110%;
    font-weight: bold;
    padding: 0.1em 0.1em 0.1em 0.5em;
    margin: 0.2em 1em 0 0;
    display: block;  /* list links vertically, <UL> style */
    background: #EEEEFF;
    color: #0022BB;
}

.navbar a:hover {
    background: #6666BB;
    color: #DDDDEE;
}

/* Kludge for IE5 and IE6. IE doesn't support fixed elements. 
   For IE's sake, we use position:absolute declaration above.
   Better browsers parse child selector '>' correctly and will override
   previous positioning, IE will just discard this part... */


body>div.navbar {     
    position: fixed; /* For browsers other than IE, we use fixed menu */
}  


ul.uusimmat {
    margin: 0;
    padding-left: 1em;
    /* padding-top: 0.3em; */
    background: #DDDDEE;
    position: absolute;  /* For IE only, others will override it below */ 
    top: 8em;
    left: 1em;
    width: 10em;
    border: thin groove;
}

body>ul.uusimmat {     
    position: fixed;  /* For browsers other than IE, we use fixed pos. */
}  

ul.uusimmat li {
    list-style-type: none;
    font-size: 70%;
    margin: 0.2em 1em 0 0;
    /* padding: 0; */
}


ul.uusimmat a:hover {
    background: #6666BB;
    color: #DDDDEE;
}

a {
    text-decoration: underline; 
}

tr.valio_otsikko {
    font-weight: bold;
    text-align: left;
}

tr.valio {
    font-size: 90%;
    vertical-align: top;
}

td.kirjailija {
    width: 20%;
    /* white-space: nowrap; */
}

td.nimeke {
    width: 20%;
}

td.kuvaukset {
    width: 50%;
}

td.nick {
    width: 10%;
}

tr.kuvaus {
    width:;
}

td.kuvausteksti {
    vertical-align: top;
    width: 80%;
    margin-right: auto;
    font-size: 90%;
}

td.nimimerkki {
    vertical-align: top;
    width: 20%;
    font-size: 80%;
    text-align: center;
}


a:link {
    color:#0022BB;
}

a:visited {
    color:#002266;
}

a:active {
    color:#2222FF;
}

a:hover {
    background: #DDDDEE;
}

textarea {
    width="100%";
}