/* Body */

body 
{
  background-color: #cbdccb;
  font-family: trebuchet, trebuchet ms, arial, helvetica, sans-serif;
}


/* Sivun rakenne */

div.container
{
  margin: 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #8fa18f;
  width: 800px;
  background-image: url('/images/elementti_varjostus.gif');
  background-repeat: repeat-x;
  background-position: left 69px;
  background-color: #ffffff;

}

div.header
{
  height: 69px;
  background-image: url('/images/h0.jpg');
  background-color: ffffff;
  background-repeat: repeat-x;
  background-position: left top;
  clear: left;
  margin: 0;
  padding: 0;
}

div.footer
{
  background-color: #ffffff;
  clear: left;
}

div.fiilis
{
  background-color: ffffff;
  background-repeat: no-repeat;
  background-position: left top;
  float: left;
  width: 570px;
  height: 100px;
  margin: 15px 0 0 0;
}

div.content
{
  float: left;
  width: 500px;
  margin: 15px;
}

div.extra
{
  margin: 15px 0 0 570px;
  padding: 0 0 0 10px;
  background-image: url('/images/elementti_varjostus.gif');
  background-repeat: repeat-x;
  background-position: left top;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  border-color: #8fa18f;
}

/* Blogger */

div.post-body 
{
  font-size: 80%;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: normal;
}

/* Fonttityylit */

  A:link    { color: #000000; border: 0 }
  A:visited { color: #8fa18f }
  A:hover   { color: #ff9900 }
  A:active  { color: #ff9900 } 

.nuoli A:link 
{
  font-size: 80%;
  background-image: url(/images/nuoli_quote_nopadding.gif);
  margin-left: 0px;
  padding-left: 12px;
  background-repeat: no-repeat;
  background-position: 0% 70%;
}

h1 
{
  font-size: 148%;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal;
}

h2 
{
  font-size: 115%;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal;
}

h3 
{
  font-size: 115%;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal;
  color: #8fa18f;
}

h4 
{
  font-size: 100%;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal;
  color: #000000;
  padding-left: 12px;
  background-image: url('/images/nelio_10_10.gif');
  background-repeat: no-repeat;
  background-position: left;
}

h5 
{
  font-size: 100%;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  line-height: normal;
  color: #8fa18f;
  padding-left: 12px;
  background-image: url('/images/nuoli_10_10.gif');
  background-repeat: no-repeat;
  background-position: left;
}

p 
{
  font-size: 80%;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: normal;
}

.viite 
{
  font-size: 60%;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: normal;
  color: #8fa18f;
}

.lainaus
{
  font-size: 80%;
  padding-left: 35px;
  font-style: italic;
  font-weight: normal;
  font-variant: normal;
  line-height: normal;
  color: #8fa18f;
}

.huomautus
{
  text-align: center;
  font-size: 70%;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #8fa18f;
  line-height: normal;
}

.lahete
{
  list-style-image: url(/images/nuoli_quote_nopadding.gif);
  list-style-type: circle;
  padding-left: 0px;
  margin-left: 25px;
  display: list-item;
  color: #8fa18f;
  font-size: 70%;
  text-transform: uppercase;  
}

.nosto
{
  text-align: center;
  font-size: 110%;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  color: #8fa18f;
  line-height: normal;
  margin: 10px;
}

.sisennys
{
  margin-left: -10px;
}

ul.otsikot  
{
  font-size: 80%;
  list-style-image: url(/images/nuoli_quote.gif);
  list-style-position: outside;
  list-style-type: none;
  margin-left: 25px;
  padding-left: 0px;
}

li
{
  list-style-image: url(/images/nuoli_quote_nopadding.gif);
  list-style-type: circle;
  padding-left: 0px;
  margin-left: 25px;
  display: list-item;
}

img
{
  border: 0;
}

/* PÄÄNavin määrittelyt */ 

ol.otsikot
{
  list-style-image: url(/images/nelio_5_5.gif);
  list-style-type: circle;
  margin-left: 20px;
  padding-left: 0px;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: normal;
  color: #8fa18f;
}

#navlist
{
  padding: 5px 0 0 0;
  margin: 0;
  border-bottom: 1px solid #8fa18f;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#navlist li
{
  list-style: none;
  margin: -1px;
  padding: 0;
  display: inline;
}

#navlist li a
{
  padding: 0 4px;
  margin-left: 2px;
  border: 1px solid #8fa18f;
  border-bottom: none;
  background: #FFFFFF;
  text-decoration: none;
}

#navlist li a:link { color: #000000; }
#navlist li a:visited { color: #000000; }

#navlist li a:hover
{
  color: #000;
  background: #ff9900;
  border-color: #8fa18F;
}

#navlist li a#current
{
  background: #ebf5eb;
  border-bottom: 1px solid #dddddd;
}

/* ALAnavin määrittelyt */

#alanavi
{
  padding: 5px 0 0 0;
  margin: 0;
  font-size: 10px;
}
 
#alanavi li
{
  list-style-image: url(/images/nuoli_quote_nopadding.gif);
  list-style-type: circle;
  padding-left: 0px;
  margin-left: 25px;
  display: list-item;
  text-transform: uppercase;
}

#alanavi li a
{
  text-decoration: none;
}

#alanavi li a#current
{
  background: #ebf5eb;
  border-bottom: 1px solid #dddddd;
}