﻿body {background:#fff url(/kuvat/body.jpg) repeat-x;text-align:center;font-size:76%;font-family:Arial,Verdana,sans-serif;padding-bottom:12px;}
* {margin:0; padding:0;}
img {border:none;}
ul {list-style-type:none;}
a {font-weight:normal;text-decoration:none;}
#sisalto a {font-weight:bold;text-decoration:underline;}

#wrapper {width:960px;margin:0 auto;text-align:left}
h1.etusivu {text-indent:-9999px;float:left;}

/* ----------YLAOSA----------*/

#header {height:105px;}
.logo {float:left;text-indent:-9999px;background:url(/kuvat/logo.gif) no-repeat 30px 50%;width:380px;height:80px;}
#menu {height:25px;clear:both;padding-left:28px;}

#menu ul {padding-top:4px;}
#menu ul li {display:inline;font-size:1.1em;}
#menu ul li a {color:#333;padding:0 6px 0 4px;border-right:1px solid #eee;}
#menu ul li a:hover {color:#E50858;}

.box {float:right;padding-top:10px;}

.lataa {float:left;width:250px;height:39px;background:url(/kuvat/rekisteroidy.gif) no-repeat;text-indent:-9999px;}

/* ----------SISALTO----------*/

#sisalto {float:left;border-left:2px solid #ff3f84;border-right:2px solid #ff3f84;border-bottom:1px solid #FF3F84;border-top:1px solid #bbb;width:908px;padding:30px 30px 60px 18px;background:#fff url(/kuvat/sisalto.gif) repeat-y;}

#oikea {width:590px;float:right;}

#sisalto h1,#etusivu h2 {font-size:1.7em;font-weight:bold;color:#FF0F6F;margin-bottom:16px;border-bottom:2px solid #e5e5e5;}
#sisalto h1 em {display:none;}

h2 {font-size:1.4em;font-weight:bold;color:#777;margin-bottom:10px;}
h3 {font-size:1.2em;font-weight:bold;color:#444;margin-bottom:6px;}

#etusivu #sisalto ul {font-size:1.1em;font-weight:bold;list-style-type:none;}
#etusivu #sisalto ul li a {color:#FF0F6F;}
#etusivu #sisalto ul li a:hover {color:#000;}

p {font-size:1.1em;color:#111;line-height:1.6em;word-spacing:1px;margin-bottom:12px;}
p strong {font-weight:normal;}	
p a {text-decoration:underline;color:#FF0F6F;}
p a:hover {color:#000;}

#vasen {width:260px;float:left;}
#vasen h2 {font-size:1.2em;color:#444;margin:6px 0 10px 0;border-bottom:1px solid #fff;}
#vasen p {font-size:1.1em;color:#555;line-height:1.3em;}

.paivan-kuva {float:left;width:95px;background:#fff url(/kuvat/kehys.gif) repeat-x;padding:4px;margin-right:6px;}

#mese #sisalto #oikea img, #taustakuvia #sisalto #oikea img, #galleriataulukko img {float:left;width:95px;height:95px;background:url(/kuvat/kehys.gif) repeat-x;padding:5px;margin:10px 10px 0 0;}

#koiran-nimet img {height:95px;background:url(/kuvat/kehys.gif) repeat-x;padding:5px;margin:10px 10px 0 0;}
	
#galleria-navi p {font-size:1.1em;color:#666;}
#galleria-navi p a {font:1.5em Georgia;font-style:italic;color:#488Ec0;padding:0 3px;}
#galleria-navi p a:hover {background:#eee;}

#koiran-nimet {margin:40px auto 20px;text-align:center;}

p.koirallenimi {font:italic 2.8em Georgia,serif;font-weight:bold;color:#68AEE0;padding:10px;}
p.koirallenimi:first-letter {font:italic 2em Georgia,serif;margin-right:-3px;text-transform:uppercase}

.uus {margin:20px auto;width:300px;display:block;font:1.4em Georgia,serif;font-weight:bold;color:#68AEE0;padding:10px;background:#eee;text-align:center;border:2px solid #ddd;}
.uus:hover {background:#f1f1f1;border:2px solid #e5e5e5;}
	
#info {margin:20px auto;float:left;clear:both;text-align:center;width:100%;}
#info p {font-size:1em;font-weight:bold;padding:8px;color:#fff;background:#F73D84;border:1px solid #E5E5E5;clear:both;line-height:20px;}
#info p a {color:#eee;}

#sisalto p img {margin:0 20px 0 0;float:left;}

#alaosa {text-align:center;clear:both;}
#alaosa p {font-size:.9em;color:#bbb;}
#alaosa p a {color:#bbb;text-decoration:none;}

ul#sivukartta li {margin:0 0 5px 2px;list-style-type:none;}
ul#sivukartta li ul {margin:5px 0 5px 12px;font-size:.8em;}
ul#sivukartta li a {font-weight:normal;font:1.4em Georgia,serif;color:#7AB7E2;border-bottom:1px solid #ddd;}
ul#sivukartta li a:hover {color:#555;}

#nimilista h2 {font:italic 1.6em Georgia,serif;font-weight:bold;color:#FF0F6F;margin:0 10px 5px 0;list-style-type:none;float:left;clear:both;}
#nimilista ul {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee;clear:both;float:left;}
#nimilista ul li {font:1.2em Georgia;margin:0 5px 5px 0;list-style-type:none;float:left;width:120px;}

#omakoira #oikea ul {float:left;width:400px;}
#omakoira #oikea ul li {font:1.1em Georgia,serif;font-weight:bold;padding:6px 0;color:#777;border-bottom:1px solid #E5E5E5;}
#omakoira #oikea ul li em {font-size:.8em;font-weight:bold;font-style:normal;display:block;color:#F73F85;}

#omakoira #oikea img {float:right;padding:4px;background:#eee;border:2px #F73D84 solid;}

/* ----------  LOMAKKEET ----------*/

#laheta form {padding:20px;font-weight:bold;border:2px solid #eee;}
#laheta form label {font-size:1em;font-weight:normal;color:#444;display:block;margin-bottom:-8px;}
#laheta form input, #laheta form textarea, #laheta form .file {border:1px solid #eee;background:#fff;font:12px Verdana,sans-serif;padding:3px;margin:10px 0;color:#444;display:block;}
#laheta form textarea {width:340px;}

/* ----------ADSENSE----------*/

.vasen-ad {float:left;width:250px;margin:0 0 40px 0;borde:1px solid #fff;}
.banner-ad {float:left;width:100%;margin-bottom:20px;borde:1px solid #fff;}

#galleria1 a#g1, #galleria2 a#g2, #galleria3 a#g3, #galleria4 a#g4, #galleria5 a#g5, #galleria6 a#g6, #nimilista1 a#g1, #nimilista2 a#g2, 
#nimilista3 a#g3 {background:#eee;}