@import url('https://fonts.googleapis.com/css?family=Gamja+Flower|Slabo+27px');

A:link, A:visited , A:active {text-decoration: none; color:#8a666a;}
	A:hover {text-decoration: none; color:#772d48;}

img { border: 0; } 	
html {height:100%;}
body {background: #d0c4b6 url(http://i63.tinypic.com/14m52rc.jpg);text-align: justify;font-family: 'Slabo 27px', serif;font-size: 14px;color:#44403e;margin:0;
scrollbar-face-color: #7f7d7a;
}

	::-webkit-scrollbar {
      width: 15px;
} 
::-webkit-scrollbar-track {
      background-color: #c5c1bf;
} 
 
::-webkit-scrollbar-thumb {
      background-color: #7f7d7a;
}  
::-webkit-scrollbar-button {
      background-color: #fff;
}  
::-webkit-scrollbar-corner {
      background-color: white;
}

.otsi {
color: #fff;
text-shadow: 1px 1px 0px #5f674d;
text-align: center;
background:	#adad9c;
}

.otsi h1 {
color: #fff;
text-shadow: 1px 1px 0px #5f674d;
text-align: center;
}

h2 {
color: #bd735e;
}

#alku {
	width: 80%;
	margin: auto;
	background: url(http://i68.tinypic.com/6jq1r9.jpg);
	padding: 20px;
	border: 1px #f4f0ee solid;
	
}
#sisalto {
	width: 80%;
	margin: auto;
	background: #f4f0ee;
	padding: 20px;
	border: 1px #fff solid;
}

.taulukko {
width: 500px;
background: #fff;
padding: 5px;
font-family: 'Slabo 27px', serif;
font-size: 14px;
border-spacing: 0px;	
border: 1px #ecdfd9 solid;
} 
	
.taulukko th, td {
border-bottom: 1px #c0c0c0 solid;
padding: 3px;
}

.taulukko tr:hover {
background: #f7e4c6;	
}
.suku {
width: 90%;
margin: auto;
background: #fff;
padding: 5px;
font-family: 'Slabo 27px', serif;
font-size: 14px;
border-spacing: 0px;	
} 
	
.suku th, td {
border-bottom: 1px #c0c0c0 solid;
padding: 3px;
}

.suku tr:hover {
background: #f7e4c6;	
}

.vanhemmat {
font-size:14px;	
font-weight: bold;
}

.box {
  width: 33.33%; /* three boxes (use 25% for four, and 50% for two, etc) */
  padding: 10px; /* if you want space between the images */
  margin: auto;
  background: #fff;
}

.pikkukuva {border:1px solid #b0b0b0;box-shadow:0px 0px 3px #ccc;padding:3px;margin-left:10px;background:#fff;
-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;
		  border-radius: 50%;
}

.pikkukuva:hover {
border-radius: 50%;
  -webkit-transform: rotate(15deg);
     -moz-transform: rotate(15deg);
       -o-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
}

/** 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: 90%;
	margin-top: 2%;
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

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

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