@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Average+Sans);
@import url(http://fonts.googleapis.com/css?family=Paprika);
/* CSS Document - Pilvimarja / Heidi - http://raitatossu.net/pilvimarja */

a {
	color: #666;}
	
a:hover {
	color: #CCC;
	text-decoration: none;}

h1, h2 {
	font-family: 'Dancing Script', cursive;
	font-size: 30px;
	width: 100%;
	border-bottom: 1px solid #e9e9e9;
	}

body {
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		padding-left: 25px;
		letter-spacing: 1px;
		line-height: 1,8;
	text-align: justify;
	background: #dedede url(https://i.imgur.com/mEZyfoE.png) fixed; /* JOS vaihdat taustakuvan, muista vaihtaa tekijänoikeudet sivun alalaitaan! */
	}
	
#wrapper {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	background-color: #fff;
	height: 100%;
	padding: 2%;
	box-shadow: 0 0 5px #9d9d9d;
	min-width: 200px;
	}
	
.kuvat {
	float: left;
	width: 45%;
	margin-top: 10px;
	min-width: 200px;
	margin: 0 auto;
	text-align:center;
	}
	
.isokuva {
	border: 10px solid #fff;
	box-shadow: 0 0 5px #CCC;
	margin-bottom: 20px;
	width: 90%;
	height: auto;
	
	}

.pikkukuva {
	border: 5px solid #fff;
	border-radius: 3px;
	box-shadow: 0 0 2px #CCC;
	margin: 1%;
	width: 28%;
	height: auto;
	}
	
.tiedot {
	float: right; 
	width: 45%;
	min-width: 200px;
	margin: 0 auto;
	}
	
.tietotable {
	width: 100%;
	margin: 0 auto;
	}
	
	.tietotable td {
		border-bottom: 1px solid #dedede;
		width: 25%; 
		padding: 3px;
		padding-left: 25px;
	}
	
	.info {
		font-weight:bolder;
		font-size: 15px;
		padding-left: 25px;
		letter-spacing: 1px;
		line-height: 2;
	
		}
	.vastaus {
		background-color: #fff;
		padding-left: 0px;
		font-size: 15px;
		padding-left: 25px;
		letter-spacing: 1px;
		line-height: 2;
		}
	
	.suku {
		width: 100%;
		border: 1px solid #dedede;
		background: #dedede url(https://i.imgur.com/mEZyfoE.png) fixed; 
		padding: 10px;
		}
		.suku td {
		border: 1px solid #e9e9e9;
		padding: 10px;
		background: #fff;
		opacity:0.4;
filter:alpha(opacity=40);
		}
		
		.suku a {
			color: #000;
			font-weight: bold;
			text-decoration: none;
			text-transform: uppercase;}

			
			.suku a:hover {
				color: #333;}
	.kisakalenteri {
		width: 100%;
		margin: 0 auto;}
	
.copy {
	font-size:small;}
	
.center {
	text-align:center;}
	
pre {
	font-family: 'Open Sans', sans-serif;}
	
	.pk {
		width: 90%;
		
		padding: 10px;
		margin: 0 auto;}
		
		.inner {
			width: 100%;
			height: 100%;
			padding-top: 10px;
			background: #999;
		opacity:0.4;
filter:alpha(opacity=40);
margin: 0 auto;}

.inner a{
	color: #000;
			font-weight: bold;
			text-decoration: none;
			text-transform: uppercase;
			
margin: 0 auto;}

#footernavi {
	text-align: center;
	position: fixed;
	bottom: 0;
	height: 40px;
	width: 100%;
	background: #dedede url(mooning.png) fixed;
	
	}