/* tyylisääntö  */


#sailio
     {
	padding: 25px;
	width: 800px;
	
     margin-top: 10px;
     background-color: #ddd;
     border: 1px solid black;
     margin-left: 80px;
     margin-right: 50px;
     font-family: verdana;
      }
/*#sailio img
	{
	margin-left:30px;
	}
*/
#sailio embed
	{
	autostart:true;
	margin-left:30px;
	}
h1
      {
       margin-left:100px;
       }
h2
      {
       margin-left:20px;
       }


body {
      background-color:#4166FA
     }
		 

 p {
    margin-left:10px;
    font-size: 12px;
    }

ul#valikkopalkki
	{
	display:inline;
	list-style-type:none;
	margin-left: 120px;
	padding:2px;
	font: bold 20px 'Lucida Grande', Verdana, sans-serif;
	
	}

#valikkopalkki li
	{
	width:130px;
	display:inline;
	background-color:#FABE42;
	margin: 2;	
	border-left: 3px solid #fff;
	border-top: 3px solid #fff;
	border-right: 3px solid #aaa;
	border-bottom: 3px solid #666;
	}

#valikkopalkki a:link, #valikkopalkki a:visited, #valikkopalkki a:hover, #valikkopalkki a:active
	{	
	display:inline;
	padding:2px ;
	text-decoration: none;
	}
#valikkopalkki a:link
	{
	color:#414DFA;
	}

#valikkopalkki a:visited
	{
	color:#666;
	}

#valikkopalkki a:hover{
	color:#414DFA;
	background: #FA7541;
	}
#valikkopalkki a:active{
	color:#333;
	}

ul#palkki
	{
	margin-top:10px;
	float:left;
	list-style-type:none;
	margin: 5px;
	padding: 2px;
	font: bold 12px 'Lucida Grande', Verdana, sans-serif;
	width: 100px;
	}

#palkki li
	{
	background-color:#FABE42;
	margin: 0;	
	border-left: 3px solid #fff;
	border-top: 3px solid #fff;
	border-right: 3px solid #aaa;
	border-bottom: 3px solid #666;
	}

#palkki a:link, #palkki a:visited, #palkki a:hover, #palkki a:active
	{	
	display:block;
	padding:2px 10px;
	text-decoration: none;
	}
#palkki a:link
	{
	color:#666;
	}

#palkki a:visited
	{
	color:#414DFA;
	}

#palkki a:hover{
	color:#414DFA;
	background: #FA7541;
	}
#palkki a:active{
	color:#333;
	}
#taulu2
	{
	padding: 20px;
	float: left;
	widht:  70px;
	height: 70px;
	font-family: verdana arial;
	font-size: 12pt;
	background-color: #ccc;
	color: #FFF;
	}		

#taulu
	{
	margin-top:10px;
	margin-right:20px;
	margin-left:20px;
	float:left;
	width:  70px;
	height: 70px;
	border: 2px solid red;
	font-size:10pt;
	background-color:#fda;
	color:#00F;
	}
.aila
	{
	width:  15px;
	height: 15px;
	border: 2px solid red;
	font-size:10pt;
	background-color:#fda;
	color:#00F;
	}
	
/*galleriaan tyylit*/

#selain
	{
	border: 3px black solid;
	margin-left: 300px;
	bgcolor:#222229;
	width: 80px;
	height: 40px;
	}
#selain img
	{
	border: 1px black solid;
	margin-left: 1px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #666;
	}

#laatikko
	{
	bgcolor: #000;
	padding: 2px;
	float: left;	
	width: 450px;	
	height: 450px;
	}
#laatikko img
	{
	margin-left: 60px;
	padding: 2px;
	border: 3px blue solid;
	}
#vasen
	{
	clear: right;
	float:left;
	width: 80px;
	}

#oikea
	{	
	clear: left;
	float: right;
	width: 80px;
	} 





/*blogityyli

<!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 {
    font-family: Arial, Helvetica, sans-serif;
    background-repeat: repeat-y;
    background-position: center;
    background: #4166FA;
    padding: 0px;
    margin: 0px;
  }
  .blogname {
    font-size: 18pt;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    background: #fdc;
    opacity: .6;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
    width: 400px;
    height: 30px;
    padding-top: 10px;
  }
  .blogname a {
    text-decoration: none;
    color: #000000;
  }
  .laatikko_otsikko {
    background-image: url('http://vuodatus.net/images/templates/serenity/header-background.png');
    background-repeat: no-repeat;
    padding-left: 25px;
    padding-top: 3px;
    text-transform: uppercase;
    font-size: 9pt;
    height: 25px;
  }
  .laatikko_syndikaatio img {
    border: 0px;
  }
  .laatikko a {
    color: #000000;
  }
  .laatikko {
    font-size: 9pt;
    margin-bottom: 1em;
  }
  .otsikko, .arkisto_vuosi {
    font-weight: bold;
  }
  .arkisto_kuukausi {
    margin-left: 1em;
  }
  .kirjoitusotsikko {
    font: 14pt, Arial, Helvetica, sans-serif;
    color: #666666;
    margin-bottom: 0.5em;
  }
  .kirjoitusotsikko a {
    color: #666666;
    text-decoration: none;
    border-bottom: 1px #BBBBBB solid;
  }
  .kirjoitus {
    margin-bottom: 1em;
  }
  .kirjoitusaika {
    margin: 0;
    padding: 0;
    font-size: 8pt;
    text-transform: uppercase;
    color: #666666;
  }
  .kirjoitusteksti {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 10pt;
  }
  .kirjoitusteksti a {
    color: #666666;
  }
  .kirjoituslinkit {
    font-size: 8pt;
    text-transform: uppercase;
  }
  .kirjoituslinkit a {
    color: #666666;
  }
  .kommentti, #kommentointilaatikko {
    background-color: #E7E3B1;
    margin: 0.5em;
    padding: 0.5em;
    font-size: 10pt;
  }
  .kommentoija {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
  }
  .kommentoija a {
    color: #666666;
  }
  .kommenttiaika {
    margin: 0;
    padding: 0;
    font-size: 8pt;
    text-transform: uppercase;
    color: #666666;
  }
  #kommentointilaatikko input[type="text"] {
    width: 225px;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
  }
  #kommentointilaatikko textarea {
    width: 325px;
    height: 125px;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
  }
  -->
  </style>
 </head>
 <body>
  <? banner ?>
  <table border="0" width="800" align="center" cellpadding="0" cellspacing="0">
   <tr>
    <td colspan="2">
     <table border="0" width="800" align="center" cellpadding="0" cellspacing="0" style="background-image: url('http://www.kotinet.com/heikki.sipola/aila/kd_aila_kliivia_logo.gif')">
      <tr>
       <td><img src="http://vuodatus.net/images/spacer.gif" width="1" height="200" alt=""/></td>
       <td valign="bottom"><div class="blogname"><a href="/"><? bloginNimi ?></a><img src="http://vuodatus.net/images/spacer.gif" width="15" height="1" alt=""/></div></td>
      </tr>
     </table>
    </td>
   </tr>
   <tr>
    <td><img src="http://vuodatus.net/images/spacer.gif" width="507" height="1" alt=""/></td>
    <td><img src="http://vuodatus.net/images/spacer.gif" width="228" height="1" alt=""/></td>
   </tr>
   <tr>
    <td valign="top" width="507">
     <div style="padding: 1em">
      <? sisalto ?>
     </div>
    </td>
    <td width="228" valign="top">
     <div style="padding: 0.5em">
      <? laatikot{kirjoittaja} ?>
      <? laatikot{arkisto} ?>
      <? laatikot{kategoriat} ?>
      <? laatikot{syndikaatio} ?>
      <? laatikot{sivut} ?>
      <? laatikot{ei(sivut,kirjoittaja,arkisto,kategoriat,syndikaatio)} ?>
     </div>
    </td>
   </tr>
  </table>
 </body>
</html>


loppu blogityyli  */