/*** CSS by Markus Koljonen 2007 ***/
/*** Released under Creative Commons Attribution 3.0 ***/

html {
  background: url(tausta.png) repeat;
  height: 100%;
  }
body {
  padding: 0;
  margin: 0 auto 0 auto;
  width: 742px;
  height: 100%;
  background: url(liput.png) repeat-y;
  font-family: Georgia, Palatino, "Times New Roman", serif;
  color: #111;
  font-size: small;
  line-height: 135%;
  }
  
#kaikki {
  padding-bottom: 5px;
  position:relative;
  width: 742px;
  background: url(liput.png) repeat-y;
  }

h1 {
  margin: 0;
  padding: 0;
  background-image: url(otsikko.png);
  width: 741px;
  height: 99px;
  }
  h1 span, h2 span {
   display: none;
   }
h3 {
  text-transform: lowercase;
  font-variant: small-caps;
  font-weight: normal;
  font-size: 120%;
  letter-spacing: 2.5px;
  margin-top: .5em;
  color: #c00;
  }
  h3 abbr {
    letter-spacing: 2.5px;
    }

h4, #navigointi h3 {
  font-weight: normal;
  font-style: italic;
  font-size: 100%;
  }
h4 {
  color: #c33;
  padding-left: 28px;
  background: url(koriste.png) no-repeat center left;
  }
a {
  padding: 0;
  margin: 0;
  text-decoration: none;
  color: #282;
  }
a:hover {
  text-decoration: underline;
  }

abbr {
  padding: 0;
  margin: 0;
  text-transform: lowercase;
  font-variant: small-caps;
  letter-spacing: .05em;
  }
img {
  margin-bottom: 1em;
  padding: 3px;
  border: 1px solid #ccc;
  }
  a:hover img {
    border-color: #282;
    }
img.float {
  float: right;
  margin: 5px 0 5px 5px;
  }
img.logo {
  float: right;
  border-width: 0;
  }

strong {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #b55;
  }
ul {
  padding: 0 0 0 16px;
  margin: 0;
  }
li {
  padding: 0;
  margin: 0;
  }

#teksti, #navigointi {
  background-color: white;
  border: 1px #333 solid;
  }
#teksti {
  margin-left: 200px;
  padding: 15px 15px 20px 20px;
  width: 483px;
  }
  p {
    margin-bottom: 1.5em;
    }
  .laatikko {
    width: 160px;
    float: right;
    margin: 1em 0 1em 1em;
    padding: 0 0 0 .5em;
    border-left: 8px solid #39c;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 85%;
    line-height: 150%;
    }
    .laatikko strong {
      color: #28b;
      }
  #teksti ul {
    list-style-type: none;
    padding-left: 0;
    }
  #teksti li {
    background: url(koriste.png) no-repeat 0 3px;
    padding-left: 28px;
    margin-bottom: .8em;
    }

#navigointi {
  margin: 15px 0 0 15px;
  padding: 10px 0 15px 0;
  float: left;
  width: 185px;
  border-right-width: 0;
  font-style: italic;
  }
  #navigointi h4 {
    display: none;
    margin: 0 0 0 15px;
    font-style: normal;
    }
  #navigointi ul {
    margin: 0;
    padding: 0;
    text-align: right;
    list-style-type: none;
    }
    #navigointi li {
      margin: 1px 0 0 0;
      padding: 0;
      }
    #navigointi a {
      border-right: 5px solid white;
      padding: 2px 8px 2px 5px;
      display: block;
      }
    #navigointi ul a:hover, #navigointi ul a:active, #navigointi #valittu {
      border-right: 5px solid #393;
      background-color: #efe;
      text-decoration: none;
      }

#footer {
  padding: 0;
  margin: 15px 0 10px 0;
  width: 742px;
  height: 69px;
  background: url(footer.png);
  }
  #footer p {
    display: none;
    }

.tavoitteet strong, .maat strong, #vino strong, #tehnyt li:first-line {
  text-transform: lowercase;
  font-variant: small-caps;
  letter-spacing: .05em;
  }
#vino strong {
  color: #282;
  }

ul.viher, ul.sini, ul.kelta, ul.puna {
  list-style-type: none;
  margin-top: .5em;
  margin-bottom: 2em;
  padding-left: 0;
  }
  .viher strong {
    color: #282;
    }
  #teksti .viher li {
    background-image: url(koristevihrea.png);
    }
  .sini strong {
    color: #39c;
    }
  #teksti .sini li {
    background-image: url(koristesininen.png);
    }
  .kelta strong {
    color: #c90;
    }
  #teksti .kelta li {
    background-image: url(koristekeltainen.png);
    }
  .puna strong {
    color: #c00;
    }