<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
  <? headOsio ?>
  <title><? bloginNimi ?></title>
  <style type="text/css">
  <!--
  body {
   background-image: url('http://mediaserver-2.vuodatus.net/g/80135/1236612333_easter_sample_eggs.jpg');
   font-family: Arial, Verdana, Lucida, Helvetica, MS Sans Serif;
   color: #FFFFFF;
   font-size: 10pt;
   padding: 10px;
   margin-top: 20px;
  }
  #vasenreuna {
   width: 180px;
   margin-left: 0.3em;
  }
  #blogialue {
    width: 590px;
    padding-right: 4px;
    padding-left: 4px;
  }
  #oikeareuna {
   width: 195px;
   margin-right: 0.2em;
  }
  .blogiotsikko {
   background-image:
url('');
   background-repeat: no-repeat;
   background-position: bottom;
   width: 930px;
   font-size: 22pt;
   font-weight: bold;
   font-style: none;
   padding-top: 250px;
   padding-bottom: 10px;
   padding-left: 10px;
   padding-right: 10px;
   text-align: center;
   margin-left: 0.2em;
   margin-right: 0.2em;
   margin-bottom: 0.2em;
   font-family: "Trebuchet MS", Arial, Verdana, Lucida, Helvetica, MS Sans Serif;
  }
  .blogiotsikko a {color: #000000;
    text-decoration: none;
  }
  .blogiotsikko a:hover {color: #000000;
    text-decoration: none;
  }
  /* .laatikko_kirjoittaja, .laatikko_kategoriat, .laatikko_arkisto { */
  .laatikko {
   padding-left: 5px;
   padding-right: 4px;
   margin-bottom: 0.3em;
   background-color: #FFFFFF;
   border: 3px #000000 double;
  }
  .laatikko_otsikko {
   font-weight: bold;
   text-align: center;
   text-transform: uppercase;
   font-size: 8pt;
  }
  .laatikko_syndikaatio {
     border: none;
     text-align: right;
  }
  .laatikko_syndikaatio img {
    border: 0px;
    margin-bottom: 2px;
  }
  .laatikko_syndikaatio .laatikko_otsikko {
    display: none;
  }
  .otsikko {
   font-weight: bold;
  }
  .laatikko a {color: #000000;
    text-decoration: none;
  }
  .laatikko a:hover {color: #8E236B;
    text-decoration: underline;
  }
  .kontaktirivi {
    text-transform: uppercase;
    font-size: 8pt;
   }
  .kirjoitusaika, .kommenttiaika {
   font-size: 8pt;
   text-transform: uppercase;
   text-align: center;
   color: #000000;
  }
  .kirjoitusotsikko {
   font-family: Arial, Verdana, Lucida, Helvetica, MS Sans Serif;
   font-size: 14pt;
   text-align: center;
  }
  .kirjoitusotsikko a {color: #000000;
    text-decoration: none;
  }
  .kirjoitusotsikko a:hover {color: #8E236B;
    text-decoration: underline;
  }
  .kirjoitus, #page {
    color: #000000;
    text-align: center;
    padding: 0.4em;
    margin-bottom: 0.3em;
    background-color: #FFFFFF;
    border: 3px #000000 double;
  }
  .kirjoitusteksti {
    font-size: 10pt;
  }
  .kirjoitusteksti a {color: #000000;
    text-decoration: none;
  }
  .kirjoitusteksti a:hover {color: #8E236B;
    text-decoration: underline;
  }
  #page a {color: #000000;
    text-decoration: none;
  }
  #page a:hover {color: #8E236B;
    text-decoration: underline;
  }
  .kirjoituslinkit {
   padding-top: 0.3em;
   color: #000000;
   font-size: 7pt;
   text-align: center;
   text-transform: uppercase;
  }
  .kirjoituslinkit a {color: #000000;
    text-decoration: none;
  }
  .kirjoituslinkit a:hover {color: #8E236B;
    text-decoration: underline;
  }
  .arkisto_vuosi {
   font-weight: bold;
  }
  .arkisto_kuukausi {
    margin-left: 2em;
   }
 .kommentti, #kommentointilaatikko {
    padding: 0.4em;
    margin-bottom: 0.3em;
    background-color: #FFFFFF;
    border: 3px #000000 double;
  }
  .kommentti a {color: #000000;
    text-decoration: none;
  }
  .kommentti a:hover {color: #8E236B;
    text-decoration: underline;
  }
  .kommentoija {
    text-align: center;
    font-weight: bold;
    color: #000000;
    font-size: 8pt;
    text-transform: uppercase;
  }
  .kommentoija a {color: #000000;
    text-decoration: none;
  }
  .kommentoija a:hover {color: #8E236B;
    text-decoration: underline;
  }
  #kommentointilaatikko input[type="text"] {
   width: 275px;
   border: 3px #000000 double;
  }
  #kommentointilaatikko textarea {
   width: 375px;
   height: 75px;
   border: 3px #000000 double;
  }
  -->
  </style>
 </head>
 <body>
<? banner ?>
<table align="center"><tr>
<td align="center" valign="top" colspan="3">
<div class="blogiotsikko"><a href="/"><? bloginNimi ?></a></div></td></tr>
<tr>
<td valign="top">
<div id="vasenreuna">
    <? laatikot{kirjoittaja} ?>
    <? laatikot{kategoriat} ?>
    <? laatikot{arkisto} ?>
    <? laatikot{sivut} ?>
    <? laatikot{syndikaatio} ?>
       </div></td>
<td valign="top">
<div id="blogialue">
    <? sisalto ?>
   </div></td>
<td valign="top">
<div id="oikeareuna">
    <? laatikot{ei(kirjoittaja,kategoriat,arkisto,sivut,syndikaatio)} ?>
       </div></td>
</tr></table>
 </body>
</html>