/*
Theme Name: Kikatus.net
Author: Anna-Maija Nyman
*/



/* LEIPÄTEKSTIN TYYLIT */


#tekstilaatikko{
color:black;
font-family:arial, sans-serif;
font-size:0.93em;
line-height:150%;
text-align:justify;}


h1{
font-style:italic;
font-family:arial, sans-serif;
text-align:left; 
font-size:1.2em;
letter-spacing:2px;
border-bottom:1px solid black;
color:#352a1f;
font-weight:normal;}

em{
font-size:1.1em;
color:#384421;
font-style:italic;
font-family:georgia, serif;}

.gbook em{
font-size:1em;
color:#384421;
font-style:italic;
font-family:arial, sans-serif;}

h2{
padding-top:10px;
font-style:italic;
font-family:arial, sans-serif;
text-align:left; 
font-size:105%;
letter-spacing:1px;
border-bottom:1px solid black;
color:#352a1f;
font-weight:normal;
margin-bottom:0px;}


h1 a:link, h1 a:active, h1 a:visited, h1 a:hover {text-decoration:none;}


a:link, a:active, a:visited{
color: #352a1f;
text-decoration:underline;}

a:hover{
color:#4f4234;}

.tilaa{
padding-top:30px;
clear:both;} /*tyhj�� tilaa yl�puolelle*/

a img{
border:0;
text-decoration:none;}

.haalea, .haalea a{
color:#585a58;
clear:both;}

small, h1, h2 {clear:both;}


/*
KUVAN SIJOITTELU
*/


.kuvaoikea{
padding:6px; 
border:1px solid #585a58;
float:right;
margin:5px 0px 5px 5px;
width:auto;}

.kuvavasen{
padding:6px; 
border:1px solid #585a58;
float:left;
margin:5px 5px 5px 0px;
width:auto;}

.kuva{
padding:6px; 
border:1px solid #585a58;
margin: 5px;}

/*
MUUTA
*/

ul.kategoriat li:first-letter 
{text-transform:uppercase;}  /*kategorioiden eka kirjain isolla*/

.at, .at_ruskea{
background-image:url(kuvat/at.gif);
background-repeat: no-repeat;
background-position: left bottom;
line-height:0;}  /*korvaa at-merkki kuvalla*/

.at span#hidden{
visibility:hidden;
font-size: 10px;
line-height:10px;
z-index:2;} /*piilota (at)-teksti*/

.at_ruskea{
background-image:url(kuvat/at_ruskea.gif);} /*korvaa at-merkki kuvalla*/

.at_ruskea span#hidden{
visibility:hidden;
font-size: 12px;
line-height:12px;
z-index:2;} /*piilota (at)-teksti*/

.hidden{
visibility:hidden;
font-size:0;
line-height:0;}

.taulukkovasen{
width:230px;
margin:0;
padding:0;
text-align:left;} /*taulukko - CV*/

.taulukkooikea{
width:auto;
text-align:left;
margin:0;
padding:0;} /*taulukko - CV*/

td{
vertical-align:top;} /*taulukko - CV*/

table{
margin-top:10px;} /*taulukko - CV*/



/*
ALAVALIKKO
*/

#alavalikko{
padding:28px 55px 0 0;
color:#525967;
font-size:small;
font-family:arial, sans-serif;
z-index:2;}

.alavalikko{
margin:0;
padding:0;}

.alavalikko li{
width:auto;
display:block;
float:left;
margin:0;
padding:0;}

.oikea{
width:auto;
float:right;
text-align:right;}


.valittu a{color:#585a58;}



/*
LINKKIASETUKSIA: EDELLINEN JA SEURAAVA, KIELIVALINTA, YLL�PITO, SIS��NKIRJAUTUMINEN, LOPPULINKIT
*/

.navigation{
padding-bottom:25px;} /*linkit seuraavaan ja edelliseen kirjoitukseen*/

.alignleft{
float:left;
text-align:left;
width:50%;} /*vanhemmat kirjoitukset*/

.alignright{
float:right;
text-align:right;
width:50%;} /*uudemmat kirjoitukset*/

#kieli{
width:70px;
height:24px;
position: absolute;
top:14px;
left:2px;
z-index:2;}

#kieli ul{
margin:0;
padding:0;
list-style:none;
line-height:11px;}

#kieli a{
color:#6d7170;
font-size:9px;
font-family:tahoma, sans-serif;
text-transform:uppercase;
text-decoration:none;}

#kieli a:hover{
color:#808584;}

#yllapito{
padding:0;
margin:0;
width:100px;
line-height:2px;
height:2px;
position: absolute;
top:0px;
left:2px;
font-size:2px;}

#yllapito a{
color:black;}

div#loppulinkit, div#loppulinkit a {
color:#585a58;
font-size:small;
font-family:arial, sans-serif;
text-align:center;}



/*
KOMMENTIT JA KOMMENTOINTI
*/

div.gbook{
color:black;
font-size:112%;} /*vieraskirjan ja kommenttien normaali teksti*/

.kommentinmeta{
float:right;
text-align:right;
width:auto;} /*tasaus oikealle*/

ol.kommenttilista {
margin:0;
padding:0;
list-style:decimal;}

.kommenttilista li, .kommenttilistavieraskirja li{
background-image:url(kuvat/kommentti.gif);
background-position:top right;
background-repeat:repeat-y;
background-color:#838582;
padding:6px;
font-size:small;} /*kirjoittajan nimi pienell�*/


.kommenttilista li{
margin:15px 0px 15px 0px;
list-style:decimal;
list-style-position: inside;}

.kommenttilistavieraskirja li{
list-style:none;
margin:15px 0px 15px -40px;}


strong.current-comment-page{
color:#352a1f;} /*kommenttisivut*/


textarea{
width:100%;
height:100px;
background-color:#838582;
border:1px solid #4f4234;
color:black;
font-family:arial, sans-serif;
font-size:93%;
line-height:150%;
padding:1px;}


input#author, input#email, input#url, input#s {background-color:#838582; 
border:1px solid #4f4234;
background-image:url(kuvat/kommentti.gif);
background-position:top right;
background-repeat:repeat-y;
font-size:93%;
font-family:arial, sans-serif;
padding:1px;}

#submit{
font-family:arial, sans-serif;}


/* SIVUN TAITTO */

body{
background-image: url(kuvat/tausta.jpg); 
background-repeat:repeat; 
margin:0;
padding:0;
border:0;
width:100%; }


#palkki{
width: 100%;
height:56px;
background-image: url(kuvat/palkki.jpg); 
background-repeat:repeat-x; 
margin:0;
padding:0;
z-index:0;}


#palkki_minwidth{
width: 771px;
height:56px;
background-image: url(kuvat/palkki.jpg); 
background-repeat:repeat-x; 
margin-left:auto;
margin-right:auto;
padding:0;
z-index:0;}


#kuva{
width:771px; 
height:394px;
margin-left:auto;
margin-right:auto;
background-image:url(kuvat/kuva.jpg); 
margin-left:auto; 
margin-right:auto; 
background-repeat:no-repeat; 
background-position: 0px 152px; 
z-index:0;}


#yla{
width:771px;
height:152px;
background-image: url(kuvat/yla.gif); 
background-repeat:no-repeat;
z-index:0;}


#kulma{
position:absolute;
top:123px;
right:50%;
width:16px;
height:86px;
background-image: url(kuvat/kulma.gif); 
background-repeat:no-repeat;
margin-right:385px;
padding:0;
border:0;
z-index:0;}

#logo{
width:26px;
height:40px;
background-image: url(kuvat/logo.gif); 
background-repeat:no-repeat;
background-position: 0px 13px;
margin-left:auto;
margin-right:auto;
z-index:1;}


#kikatus a {
display: block;
margin: 0px;
padding: 0px;
background: url("kuvat/kikatus.gif");
background-repeat:no-repeat; 
height:46px;
width: 295px;
text-decoration:none;
border:0;
margin-left:auto;
margin-right:auto;}


#kikatus{
width:295px;
height:66px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
padding-right:8px;
z-index:1;}


#tekstilaatikko{
width:771px;
height:auto;
background-color:#80827f;
background-image: url(kuvat/kulma.jpg); 
background-repeat:no-repeat;
background-position:top right; 
margin-left:auto;
margin-right:auto;
margin-bottom:0;
padding-bottom:0;
z-index:0;}


#sisus{
width:660px;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
padding-bottom:0;
margin-top:0;
z-index:2;}


.clear{
clear:both;}

.cleartyhja{
clear:both;
margin-bottom:30px;}
/* LINKKIVALIKKO */


#linkkivalikko{
width:771px;
height:230px;
z-index:2;
padding-top:30px;}


#linkkivalikko ul, #linkkivalikko li{
padding:0;
list-style:none;
margin:0;}


li#blogi a, li#kirjoittaja a, li#portfolio a, li#sivustosta a, li#linkit a, li#vieraskirja a {
display:block;
margin:0px;
border:0px;
padding-left:65px;
height:27px;
width:180px;
color:#525967;
font-size:17px;
line-height:25px;
font-family:arial, sans-serif;
text-decoration:none;}

li#blogi a:hover, li#kirjoittaja a:hover,li#portfolio a:hover,li#sivustosta a:hover, li#linkit a:hover, li#vieraskirja a:hover, li.nykyinen a{
background-image:url(kuvat/linkit.jpg);
background-repeat:no-repeat;}

li#blogi a:hover, li.nykyinen#blogi a{
background-position:0px 0px;}


li#kirjoittaja a:hover, li.nykyinen#kirjoittaja a{
background-position:0px -27px;}


li#portfolio a:hover, li.nykyinen#portfolio a{
background-position:0px -54px;}


li#sivustosta a:hover, li.nykyinen#sivustosta a{
background-position:0px -81px;}


li#linkit a:hover, li.nykyinen#linkit a{
background-position:0px -108px;}


li#vieraskirja a:hover, li.nykyinen#vieraskirja a{
background-position:0px -135px;}