@import url(https://fonts.googleapis.com/css?family=Glass+Antiqua);
@import url(https://fonts.googleapis.com/css?family=Niconne);
@import url(https://fonts.googleapis.com/css?family=Kanit);

A:link, A:visited , A:active {text-decoration: none; color:#9b0033;
-webkit-transition: color 0.3s ease-in;
		-moz-transition: color 0.3s ease-in;
		-ms-transition: color 0.3s ease-in;
		-o-transition: color 0.3s ease-in;
		transition: color 0.3s ease-in;
}
	A:hover {text-decoration: none; color:#e05a0c;}

img { border: 0; } 	
	
body {background: #e99956;text-align: justify;font-family: 'Kanit', sans-serif;font-size: 12px;color:#3f0c3c;margin: 0;}

#eka {width: 100%;height: 200px;background: #c82e06 url(http://i66.tinypic.com/2gyamoj.jpg) repeat-x bottom right;}
#eka h1 {margin: 0 auto 0 auto;width: 790px;height: 200px; text-align: right;font-weight: normal;font-family: futura, serif;font-style: italic;font-size: 50px;color: #fff;text-shadow: #000 1px 1px;}
#toka {width: 100%;height: 26px;background: #e99956 url(http://i66.tinypic.com/2ivnvo3.jpg);}

#linkit {width: 790px;margin: 0 auto 0 auto;}
#linkit a {background: #b85a28;color: #fff;margin: 0 3px;padding: 5px 20px 5px 20px;display: block;float:left;height: 15px;text-decoration:none;
}
#linkit a:hover {height: 12px;border-bottom: 3px solid #78260d;}

#valkoinen {width: 100%;background: #fff;border-bottom: 1px solid #999;padding: 10px 0 20px 0;}
#ala {width: 100%; height:275px; background: #653b36 url(http://i66.tinypic.com/msi3o4.jpg) no-repeat;border-top: 1px solid #fff;}
#tekstialue {width: 860px;margin: 0 auto 0 auto;}
#tekstialue p {margin: 0;padding: 10px 0 10px 0;}
#vasen {width: 550px;}
#oikea {width: 280px;float: right;}

#alasis {width: 790px;margin: 0 auto 0 auto;border-collapse: collapse; color:#fde1d4; text-shadow: 0px 0px 3px #000;}
#alasis td {vertical-align: top;padding: 5px 10px 5px 10px;border-left: 1px solid #fff;}
#alasis h3{text-shadow: 0px 0px 5px #fff;}
#alasis a {text-shadow: 0px 0px 5px #c68062;}

#tek {clear:both;padding: 0px;margin: 0 auto 0 auto;text-align: center;font-size: 11px;background: #e99956 url(http://i66.tinypic.com/2ivnvo3.jpg) repeat-x;width: 100%;}
#tek a {text-shadow: 0px 0px 5px #fff;}

h2{color:#72226d;font-weight: normal;font-family: 'Niconne', cursive;font-size: 35px;margin: 4px;}
h3 {color:#c82e06;font-weight: strong;font-family: 'Glass Antiqua', cursive;font-size: 30px;margin: 4px;}
h3 {font-size: 17px;}

.perus {margin: 10px auto 10px auto;width: 80%;border-collapse: collapse; border: 1px solid #fff;box-shadow: 0px 0px 3px #7b5075}
.perus td {vertical-align: top;padding: 3px 5px;border: 1px solid #dab5a7;}
.perus .kys {background: #ccc;width: 20%}
.perus .tiet {background: #eee;width: 30%}
.perus .varikas {background: url(http://i68.tinypic.com/2dwiahj.jpg); color:#fff;}
.perus .varikas h3 {color:#fff; text-shadow: 0px 0px 5px #000, 1px 1px 0px #000; size:42px;}

.pikkukuva {
	box-shadow: 1px 1px 3px #7b5075;
border: 1px solid #fff;
	margin: 5px;
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
	  opacity: 0.8;
    filter: alpha(opacity=80);
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.pikkukuva:hover {
	box-shadow: 1px 1px 3px #7b5075;
	border: 1px solid #fff;
	margin: 5px;
	  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
opacity: 1.0;
    filter: alpha(opacity=100);
}

.kuva{
	box-shadow: 0px 0px 3px #7b5075;	
	border: 1px solid #fff;
}

hr {width:80%;height:1px;color:#c8acb8;}

/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	text-shadow: 0px 0px 3px #000;
	}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}

.loota {margin: 0 auto 0 auto;padding: 10px 15px;height: 350px;overflow: auto;overflow-x:hidden;border: 1px solid #fff;box-shadow: 0px 0px 3px #7b5075}