/* T A U S T A T */

body {background: url(taustat/ruskea.jpg) repeat top left;
margin, padding:0;
}

#yla {background: url(taustat/yla.jpg) no-repeat top left;
margin, padding:0;
border:0;
width:900px;
height:135px;
}

#sisalto {background: url(taustat/tekstitausta.jpg) repeat-y top left;
margin, padding:0;
border:0;
width:900px;
}

#ala {background: url(taustat/ala.jpg) no-repeat top left;
margin, padding:0;
border:0;
width:900px;
height:108px;
}

img.soikio {border:0;
margin: 0 0 0 0px;
padding:0;
width:550px;
height:360px;
}

/*N A V I G O I N T I */

#navi {width:209px;
margin:18px 0 0 0;
padding:0;
border:0;
float:left;
}

a.navi {
margin:0 0 -10px 1px;
padding:10px 0 0 0;
width:209px;
height:38px;
display:block;
border:0;
background: url(taustat/navi1.jpg) no-repeat top left;
font-family: Georgia, Times, sans-serif;
font-size: 16px;
font-weight: normal;
color: #000000;
text-decoration:none;	


}

a.navi:hover {
	background: url(taustat/navi2.jpg) no-repeat top left;
	color: #ffff33;
}

/* T E K S T I T */

h1{
	font-family: Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #663300;
	margin: 15px 80px 0 250px;
	text-align:left;
	}
	
h2{
	font-family: Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	font-style:italic;
	letter-spacing: 1px;
	color: #663300;
	margin: 30px 80px 0 250px;
	text-align:left;
	}
	
	h3{
	font-family: Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-style:italic;
	letter-spacing: 0px;
	color: #663300;
	margin: 30px 80px 10px 0px;
	text-align:left;
	}
	
	h4{
	font-family: Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style:normal;
	letter-spacing: 0px;
	color: #663300;
	margin: 10px 80px 0 250px;
	text-align:left;
	}
	
p{
	font-family: Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	margin: 15px 90px 20px 250px;
	text-align:left;
	line-height: 20px;
	}
	
p.lainaus {font-style:italic;
	color: #663300;
	font-size:13px;
}
	
p.ala {font-family: Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration:none;
	margin: 0px 0 0 60px;
	padding: 0px 0 0 0;
	line-height:24px;
}

a {color: #663300;
text-decoration:underline;}
a:hover {
color: #000000;} 
a:visited {text-decoration:none;
color: #663300;}

a.name : {text-decoration:none;}
	
a.webdesign {font-family: Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-decoration:none;
	padding, margin: 0;
}

a.webdesign:hover {
	color: #ffff33;
}

table{
	font-family: Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	margin: 15px 90px 20px 0px;
	text-align:left;
	line-height: 20px;
	border:0;
	width:520px;
	}
	
table.kokosivu {margin: 15px 90px 20px 210px;}

table.kapea {margin: 15px 90px 20px 40px;
width: 350px;
}

table.kapea_2 {margin: 15px 0px 20px 40px;
width: 350px;
}

table.hevoset {width:480px;}
	
table.tunnit {
	margin: 15px 90px 20px 0px;}
td {
margin:0;
padding: 5px 10px 0 0;
border-bottom: 1px #cc9966 dashed;
}

td.ei_viivoja {
margin:0;
padding: 0px 10px 0 0;
border:0;
}

td.oikea {text-align:right;
padding: 5px 0 0 0;
}

td.oikea2 {text-align:right;
width: 150px;
padding: 5px 0 0 0;
}

ul {
	font-family: Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	margin: 15px 90px 20px 250px;
	text-align:left;
	line-height: 16px;
}

li {margin: 9px 0 0 0;}

img.kehys {border: 2px solid #CC9966;
margin: 5px 0 5px 0;
}

img.kehys2 {border: 2px solid #CC9966;
margin: 5px 70px 5px 5px;
float:right;
}

img.kehys3 {border: 2px solid #CC9966;
margin: 5px 10px 5px 20px;

}

img.kehys4 {border: 2px solid #CC9966;
margin: 25px 170px 5px 5px;
float:right;
}

img.kehys5 {border: 2px solid #CC9966;
margin: 5px 10px 5px 0px;

}

img.iso {border: 2px solid #CC9966;
margin: 5px 10px 5px 115px;

}

img.ruokalista {border:0;
margin: 50px 120px 0 -20px;
padding:0;
float:right;

}

/*KUVAGALLERIA-SIVU*/
#valokuvat {
margin: 15px 100px 20px 220px;
border:0;
font-family: Tahoma, Verdana, Arial;
font-size:10px;
color: #333333;

}

img {border:0;}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	margin:0 0 0 0px;
	}
#lightboxDetails{
	font-size: 0.7em;
	padding-top: 0.4em;
	font-family: Tahoma, Verdana, Arial;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay2.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
	
/* P E R H O S E T   J A   K U V I T U S  */

img.oikea {float:right;
margin: 0 50px 0 0;}

img.oikea2 {float:right;
margin: 0 120px 0 0;}

img.oikea3 {float:right;
margin: 0 250px 0 0;}

img.vasen {float:left;
margin: 0 0 0 40px;}

img.vasen2 {float:left;
margin: -200px 0 0 70px;}

img.vasen3 {float:left;
margin: -350px 0 0 -20px;}