<!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">
  <!--
a:link {color: #6E0E10;
  text-decoration: none;
  }
a:visited {color: #6E0E10;
  text-decoration: none;
  }
a:hover {
  color: #DB5B5A;
  text-decoration: none;
  font-style: italic;
  }
a:active {color: #DB5B5A;
  text-decoration: none;
  font-style: italic;
  }
  body {
   background-color: #DB5B5A;
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Lucida, MS Sans Serif;
   font-size: 10pt;
   padding: 0px;
   margin-top: 20px;
  }
  #vasenreuna {
   width: 230px;
  }
  #blogialue {
    width: 600px;
  }
  .blogiotsikko {
   background-image:
url('http://www.sinemalar.com/images/group_image_buyuk/10/Winx-Club_7.jpg');
   background-repeat: no-repeat;
   background-position: center;
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Lucida, MS Sans Serif;
   width: 830px;
   background-color: #FFFFFF;
   font-size: 26pt;
   font-weight: bold;
   text-align: center;
   padding-top: 100px;
   padding-bottom: 100px;
   border: 2px #6E0E10 solid;
  }
  /* .laatikko_kirjoittaja, .laatikko_kategoriat, .laatikko_arkisto { */
  .laatikko {
   padding: 4px;
   margin-bottom: 0.3em;
   background-color: #FFFFFF;
   border: 2px #6E0E10 solid;
   background-image:
url('http://mediaserver-virtual-1.vuodatus.net/g/21887/1242429.jpg');
   background-repeat: no-repeat;
   background-position: top left;
  }
  .laatikko_otsikko {
   font-weight: bold;
   text-align: center;
   padding-bottom: 0.6em;
  }
  .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;
  }
  .kontaktirivi {
    text-transform: uppercase;
    font-size: 8pt;
   }
  .kirjoitusaika, .kommenttiaika {
   font-size: 8pt;
   text-transform: uppercase;
   text-align: center;
   color: #000000;
  }
  .kirjoitusotsikko {
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Lucida, MS Sans Serif;
   font-size: 14pt;
   text-align: center;
  }
  .kirjoitus, #page {
    color: #000000;
    padding: 0.5em;
    margin-bottom: 0.3em;
    background-color: #FFFFFF;
    border: 2px #6E0E10 solid;
    background-image:
url('http://mediaserver-virtual-1.vuodatus.net/g/21887/1242429.jpg');
    background-repeat: no-repeat;
    background-position: top left;
  }
  .kirjoitusteksti {
    font-size: 10pt;
  }
  .kirjoituslinkit {
   padding-top: 0.3em;
   color: #000000;
   font-size: 9pt;
   text-align: center;
  }
  .arkisto_vuosi {
   font-weight: bold;
  }
  .arkisto_kuukausi {
    margin-left: 2em;
   }
 .kommentti, #kommentointilaatikko {
    padding: 0.5em;
    margin-bottom: 0.3em;
    font-size: 10pt;
    background-color: #FFFFFF;
    border: 2px #6E0E10 solid;
    background-image:
url('http://mediaserver-virtual-1.vuodatus.net/g/21887/1242429.jpg');
    background-repeat: no-repeat;
    background-position: top left;
  }
  .kommentoija {
    font-size: 10pt;
    text-align: center;
    font-weight: bold;
    color: #000000;
  }
  #kommentointilaatikko input[type="text"] {
   width: 275px;
   border: 1px #6E0E10 solid;
  }
  #kommentointilaatikko textarea {
   width: 375px;
   height: 75px;
   border: 1px #6E0E10 solid;
  }
  -->
   </style>
 </head>
 <body>
<? banner ?>
<table align="center"><tr>
<td align="center" valign="top" colspan="2">
<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} ?>
    <? laatikot{ei(kirjoittaja,kategoriat,arkisto,sivut,syndikaatio)} ?>
       </div></td>
<td valign="top">
<div id="blogialue">
    <? sisalto ?>
   </div></td>
</tr></table>
 </body>
</html>