#beige{
width: 300px;
height: 300px;
background: #C0B4A6;
padding: 10px;
}
#sini{
width: 320px;
height: 320px;
background: #C4D0D9;
padding: 10px;
}

h1{			/* artikkelit / pääotsikko */
font-family: century gothic, "trebuchet MS", trebuchet, arial, helvetica, verdana;
color: #fff;
font-size: 40px;
text-align: center;
font-weight: normal;
margin: 5px 0 0 0;
font-variant: small-caps;
}
h2{			/* artikkelit / väliotsikko */
font-family: century gothic, arial, helvetica, verdana;
color: #A79D90;
font-size: 1.2em;
font-weight: bold;
padding: 0 5px 0 0px;
margin: 25px 0px 0px 0px;
font-variant: small-caps;
}
p, li{		/* artikkelit / leipäteksti ja listat */
font-family: arial, helvetica, verdana;
font-size: 0.8em;
line-height: 130%;
color: #000000;
margin: 3px 0px 10px 0px;
}
p.kuvilla{
font-family: arial, helvetica, sans serif;
font-size: 0.9em; 
line-height: 150%;
color: #000; 
margin: 0px 200px 15px 20px; 
}
p.ingressi{		/* artikkelit / ingressi */
font-family: century gothic, trebuchet MS, trebuhcet, century gothic, arial, helvetica, verdana;
padding: 5px 5px 5px 5px;
font-size: 0.9em;
line-height: 180%;
font-weight: normal;
color: #000;
margin: 0 0 0 10px;
}
p.johdanto{		/* artikkelit / ingressi */
font-family: arial, helvetica, verdana;
font-size: 0.9em;
line-height: 180%;
font-weight: normal;
font-style: ialic;
color: #000;
margin: 5px 25px 5px 0px;
}
p.a_ingressi{		/* artikkelit / ingressi */
font-family: arial, helvetica, verdana;
padding: 0.5em 0.5em 0.5em 0;
font-size: 1.0em;
line-height: 140%;
font-weight: normal;
font-style: ialic;
color: #000;
border-top: 1px dashed #000;
border-bottom: 1px dashed #000;
margin: 15px 25px 15px 0px; 
}

p.pieni{		/* artikkelit / kirjoittajat */
font-family: arial, helvetica, verdana;
font-size: 10px;
line-height: 140%;
color: #999999;
margin: 5px 10px 10px 0px;
}
p.index{
font-family: arial, helvetica, sans serif;
font-size: 0.8em; 
color: #000; 
margin: 0px 20px 15px 90px; 
}
img.oikea{
margin: 15px 0px 0px 0px;
float: right;
}
img.index{
margin: 0px 0px 0px 20px; 
}
img.sivu{
float:right;
width:190px;
margin: 0px 0px 0px 0px; 
}
i{
color: #336699; 
}
A.valikko:link, A.valikko:visited, A.valikko:active{
font-family: vedana, arial, helvetica;
font-size: 13px;
line-height: 20px;
font-weight: bold;
color: #42576B;
padding: 0px;
text-decoration: none;
text-align: center;
margin: 0 0 0 5px;
}
A.valikko:hover{
text-decoration: underline;
}
.haamatkalle{
background: #FBDCB3;
padding: 10px;
}
A.matka:link, A.matka:visited, A.matka:active{
text-align: center;
padding: 2px;
}
input.runo{
border-color: #C23932; 
border-style: solid; 
border-width: 1px; 
background-color:#F0DFDE; 
color:#000; 
font-size:13px; 
font-family: arial;
}
textarea{
border-color: #C23932; 
border-style: solid; 
border-width: 1px; 
background-color:#F0DFDE; 
color:#000; 
font-size:13px; 
font-family: arial;
padding: 10px;
}
hr{
height: 1px;
background: #fff;
color: #fff;
        margin: 0;
border-top: 1px dashed #336699;
margin: 10px;
}