body
{ margin: 0;
  padding: 0;
  background-color: #9EB1A0;
  color: #000;
  font-family: times, georgia, book antiqua, garamond, serif;
  font-size: 80%; }


/* perusfonttimääritykset */

h1, h2, h3
{ font-weight: normal; }

h1
{ font-weight: normal;
  font-size: 1.8em;
  line-height: 2em; 
  text-align: center;
  font-variant: small-caps;
  letter-spacing: 0.1em;
  padding: 0;
  margin: 0em;
  background-color: #DFE5E0;
  border-bottom: 3px double #000; }

h1 a
{ color: #000;
  font-weight: normal; }

#indexpage h1
{ font-size: 2.4em;
  font-variant: normal; }

#header p
{ display: none; }

#indexpage #header p
{ display: block; }



h2, h3
{ }

h2, h2 a
{ color: #049;
  font-weight: normal; }

h2
{ font-size: 1.8em;
  margin-top: 0;
  margin-bottom: 0.5em;
  font-variant: small-caps; }

h3
{ font-size: 1.4em;
  margin-top: 0.5em;
  margin-bottom: 1em; }


p, ul, ol, dl
{ font-size: 1em;
  line-height: 1.6em;
  margin-top: 0;
  margin-bottom: 1em; }

p.subhead, #navi p, #links p
{ font-size: 0.9em;
  color: #072509; }

p.date
{ font-size: 0.9em;
  color: #072509; }

p.sender
{ font-weight: bold;
  color: #333; }

a
{ text-decoration: none;
  color: #049; }

dd
{ margin-left: 0;
  margin-bottom: 0.5em; }

table
{ font-size: 1em;
  border: 1px solid #000;
  border-bottom: 3px double #000;
  background-color: #F2F5F2;
  padding: 0;
  margin: 0 0 1em 0; }

tr
{ padding: 0;
  margin: 0; }

td
{ padding: 0.5em;
  margin: 0; }


#content a:hover
{ border-bottom: 1px solid #049; }

img
{ }

.imgleft
{ position: relative;
  left: -1ex;
  margin-bottom: 0.5ex; }

.imgright
{ position: relative;
  right: -1ex;
  margin-bottom: 0.5ex; }

.imgnone
{ margin-bottom: 1ex; }

.caption
{ text-align: center;
  font-size: 0.9em; }


/* kentät */

#wrapper
{ width: 800px;
  margin: 1em 0 1em -400px;
  position: absolute;
  left: 50%;
  background-color: #fff;
  border: 1px solid #000;
  border-bottom: 3px double #000; }


#header
{ padding: 0;
  margin: 0 0 2em 0; }


#header p
{ color: #072509; 
  text-align: center;
  letter-spacing: 0.2em;  }

#content .inwrap
{ padding: 1em 2em; }

#content
{ margin-right: 30%; }

#sidecontent
{ width: 30%;
  float: right; }

#navi .inwrap, #links .inwrap
{ border: 1px solid #000;
  border-bottom: 3px double #000;
  background-color: #F2F5F2;
  margin: 0 1em 1em 1em;
  padding: 0 10px; }

#navi h3, #links h3
{ font-variant: small-caps;
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 0.2em; }


#footer
{ clear: both;
  padding: 0.4em 2em;
  text-align: center;
  font-size: 0.9em;
  background-color: #DFE5E0;
  border-top: 1px solid #000; }

#footer p
{ margin: 0;
  padding: 0;
  line-height: 1em; }

#footer a
{ color: #000; }


.post
{ margin-bottom: 2em; }

.postfooter
{ text-align: center; }


#navi ul, #links ul
{ margin-left: 0;
  padding-left: 0;
  list-style: none; }

#navi p, #links p
{ margin-bottom: 0.2em; }

#keywords, #comments
{ padding: 5px 10px;
  border: 1px solid #000;
  border-bottom: 3px double #000;
  background-color: #F2F5F2;
  margin-bottom: 1em; }


.commentinput
{ font-size: 1em;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  padding: 0.1em 0.2em;
  background-color: #fff;
  display: block; }

textarea.commentinput
{ width: 30em;
  height: 9em; }



#htmlfeed
{ font-family: Arial, Helvetica, Sans-Serif;
  color: #000; }

#htmlfeed a
{ color: #339; }

code, pre
{ font-size: 1.1em; }

form
{ margin: 0;
  padding: 0; }