/* --------------
 * perus_2010.css
 * --------------
 * 31.10.2009 / Uusi perustyyli vuodeksi 2010.
 *
 */

html {
    background: url(../pic/cloth011.jpg);
    color: white;
}

body {
    margin: 1ex 10%;
    padding: 0 1.5em;
    background: white;
    color: black;
    font-family: "Bitstream Charter", "Charter", "Georgia", serif;
}

#menu, #navi, #osoitteet {
    margin: 0 -1.75em;
    padding: 1ex;
    text-align: center;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 85%;
}

#navi {
    border-top: 4px solid rgb(178, 34, 34);
    background: rgb(238, 238, 238);
}

#osoitteet {
    padding-top: 3ex;
    border-bottom: 4px solid rgb(178, 34, 34);
}

#menu {
    background: rgb(255, 255, 204);
}

#osoitteet {
    margin-top: 0.5ex;
    font-style: italic;
}

.english {
    background: rgb(234, 234, 255);
    padding: 0.5em;
    border: dashed 1px black;
}

.huomio {
    border: 2px dashed red;
}

.kuvio {
    max-width: 80%;
    margin: 1ex auto;
    padding: 1ex;
}

h1, h2, h3 {
    page-break-after: avoid;
    font-family: "Trebuchet MS", sans-serif;
    font-weight: bold;
}

h1, h2 {
    text-align: center;
}

h2, h3 {
    color: rgb(178, 34, 34);
    background: transparent;
}

h1 {
    margin: 1ex auto 0;
    padding: 0.25ex 0.5em;
    text-transform: uppercase;
    color: white;
    background: rgb(178, 34, 34);
    font-size: 200%;
}

h1#alaots {
    margin-top: 0;
    margin-bottom: 3ex;
    background: transparent;
    color: rgb(178, 34, 34);
    text-transform: none;
    font-size: 133%;
}

h2 {
    margin: 3ex 2.5em 1.5ex;
    border-bottom: 2px dotted rgb(178, 34, 34);
    padding-bottom: 0.25ex;
    font-size: 133%;
}

h2.ens {
    margin-top: 1ex;
}

h3 {
    margin-top: 3ex;
    margin-bottom: 1ex;
    font-size: 120%;
}

h4 {
    font-size: 110%;
}

img {
    border: 0;
}

.kuvio img {
    margin-bottom: 1.5ex;
}

pre {
    padding: 2ex 1em;
    border: 1px dotted black;
    background-color: rgb(255, 255, 234);
    color: inherit;
}

p {
    margin: 0 0 0.5ex;
}

p#pvm {
    margin-top: 1ex;
    margin-bottom: 5ex;
    text-align: right;
    font-size: 80%;
    font-style: italic;
}

.kuvio p {
    font-size: 90%;
}

p.bibtekija {
    margin: 2ex 0 0.5ex 0;
    font-size: 90%;
    font-weight: bold;
}

p.bibviite, p.bibteos {
    font-size: 85%;
}

p.bibviite {
    float: left;
    clear: both;
    margin: 0 0.5em 0 1em;
}

p.bibteos {
    margin-left: 4.5em;
}

p.info {
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 1ex;
    text-align: justify;
    background: transparent;
}

p#kirjoittaja {
    margin-bottom: 3ex;
    text-align: center;
    font-size: 133%;
    font-weight: bold;
}

p.lainaus1, p.lainausN {
    margin-left: 2em;
    margin-right: 2em;
    font-size: 95%;
}

p.lainaus1 {
    margin-top: 2ex;
}

p.lainausN {
    margin-bottom: 0;
    text-indent: 1.5em;
}

p.para1, p.paraN, p.paraV {
    margin-bottom: 0.5ex;
}

p.para1, p.para1V {
    margin-top: 2ex;
}

p.paraJ {
    margin-top: 1.5ex;
}

p.paraN, p.paraV {
    text-indent: 2em;
}

p.paraV, p.para1V {
    margin-bottom: 3ex;
}

p.sakeisto {
    margin-left: 40%;
    font-style: italic;
}

p.tunniste {
    margin-top: 1ex;
    font-family: sans-serif;
    font-size: 80%;
}

p.valikko {
    text-align: center;
    font-size: 90%;
}

table {
    max-width: 100%;
    margin: 0;
    border-collapse: collapse;
}

th, td {
    vertical-align: top;
    padding-right: 1em;
}

th {
    text-align: left;
    font-weight: bold;
}

.tummennettu {
    background: rgb(255, 248, 220);
    color: black;
}

.kulta {
    background-color: rgb(255, 215, 0);
    color: black;
}

.hopea {
    background-color: rgb(218, 218, 218);
    color: black;
}

.pronssi {
    background-color: rgb(222, 184, 135);
    color: black;
}

dt {
    margin-top: 1.5ex;
    font-weight: bold;
}

li {
    margin-bottom: 1.5ex;
}

@media screen {
/*
    body {
        border-left: 1px solid rgb(178, 34, 34);
        border-right: 1px solid rgb(178, 34, 34);
    }
*/

    a {
        text-decoration: none;
    }

    a:link, a:visited {
        background: transparent;
        color: rgb(139, 69, 19);
    }

    a:active, a:link:hover, a:visited:hover {
        border-bottom: 1px rgb(255, 127, 80) dashed;
        background: transparent;
        color: rgb(255, 127, 80);
    }
}

dfn {
    font-weight: bold;
    font-style: inherit;
}

em>em {
    font-style: normal;
}

sub {
    vertical-align: -0.6ex;
    font-size: 80%;
}