@charset "utf-8";
/* CSS Document */

html
{
overflow-y:scroll;
}

body {
    background-image: url(stressed_linen.png);
    background-position:center bottom;
    background-attachment: fixed;
    background-repeat: repeat;
    background-color:#1C1C1C;
}
.kui {text-decoration: none; color: #666666;}
.kui:active {text-decoration: none; color: #666666;}
.kui:visited {text-decoration: none; color: #666666;}
.kui:hover {text-decoration: none; color:#000000;}

.palkki {
margin: auto;
display: inline-block;
border-style: none;
width: 145px;
height: 25px;
text-align: center;
font-family: 'Alegreya Sans SC', sans-serif;
text-decoration: underline 30%; color: #D3CA94;
font-size:19px;
transition-duration: 0.7s;
}

.palkki:hover {
color: #D8D8D8;
text-decoration: none;
box-shadow: 0 12px 16px 0 rgba(240,240,240,0.24), 0 17px 50px 0 rgba(240,240,240,0.19);
}

.arkkipalkki {
display: inline-block;
border-style: none;
width: 40px;
height: 25px;
padding-top:2px;
padding-bottom:2px;
text-align: center;
font-family: 'Alegreya Sans SC', sans-serif;
text-decoration: none; color: #000000;
font-size:17px;
transition-duration: 0.5s;

}

.arkkipalkki:hover {
color: #000000;
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.muihin {
margin-top: 2px;
margin-bottom: 2px;
display: inline-block;
width: auto;
height: 25px;
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
padding-right:5px;
text-align: center;
font-family: 'Alegreya Sans SC', sans-serif;
text-decoration: none; color: #000000;
font-size:17px;
background-color:#F2F2F2;
}

.muihin:hover {
color: #000000;
background-color:#D8D8D8;
}								

h1 { font-family:Georgia, "Times New Roman", Times, serif;
     font-size:16px;
     text-align:left;
     margin-left:5px;}
h2 { font-family:Verdana, Geneva, sans-serif;
     font-size:16px;
     font-weight:400;
     text-decoration:underline;
     text-align:left;}
h3 { font-family:Verdana, Geneva, sans-serif;
     font-size:12px;
     font-weight:200;
     text-align:left;
     margin-left:5px;}
h4 { font-family:Verdana, Geneva, sans-serif;
     font-size:14px;
     font-weight:200;
     text-decoration:underline;
     text-align:left;}

#koko {
    height:auto;
    width:910px;
    margin:auto;
}

#header {
    width: 910px;
    padding-top:10px; 
    padding-bottom:25px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:18px;
    font-weight:200;
    text-align:center;
    color: #666666;
    display: flex;
    justify-content: center;
    align-items: center;
}


#railo {
    width: 930px;
    height:auto;
    padding-bottom:0px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:5px;
    font-weight:200;
    text-align:center;
	color: #666666;

}
#rotko {
    padding-top:5px;
    padding-bottom:20px;
    width: 910px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:5px;
    font-weight:200;
    text-align:center;
	color: #666666;	 
}

#vasen {
    float:left;
    width: 400px;
    height: auto;
	padding-top:20px;
    padding-bottom:20px;
    padding-left:35px;
    padding-right:20px;
    margin-bottom:10px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:15px;
    font-weight:200;
	color: #eee;
    text-align:left;
}


#oikea {
    float:right;
    width: 405px;
    height: auto;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:15px;
    padding-right:35px;
    margin-bottom:10px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:15px;
    font-weight:200;
	color: #eee;
    text-align:left;
}

#footer { 
    clear: both;
    width: 895px;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    padding-top:10px;
    padding-bottom:10px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:13px;
    font-weight:200;
    text-align:center;
    color: #918c7c;
}
#otsikko {
    border:0px solid #ccc;
    height:auto;
	width: 910px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	padding-top:5px;
    padding-bottom:10px;
	padding-left:20px;
    padding-right:10px;
	font-family: 'Coming Soon', cursive;
	font-size:30px;
}
#logpo {
    height: 162px;
    width: 910px;
    background: url(logpouus.png);
    background-repeat: no-repeat;
    background-position: center ;
}
#tarinointia {
    border: 0px solid #ccc;
	clear: both;
    width: 710px;
    height:auto;
	padding-top:10px;
    padding-bottom:30px;
	padding-left:100px;
    padding-right:100px;
    background:#F1F0F0;
	font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
    line-height:1.6;
}
/*
div#tarinointia {
    border:0px solid #ccc;
	clear: both;
    width: 80%;
    height:auto;
	padding-top:5px;
    padding-bottom:5px;
	padding-left:20px;
    padding-right:25px;
    background:#eee;
	font-family:Verdana, Geneva, sans-serif;
    font-size:15px;
    text-align:justify;
    line-height:1.4;
}
*/

#navigointia {
    border:0px solid #ccc;
	clear: both;
    width: 97%;
    height:auto;
	padding-top:5px;
    padding-bottom:5px;
	padding-left:25px;
    padding-right:5px;
    background:#eee;
	font-family:Verdana, Geneva, sans-serif;
    font-size:20px;
    text-align:center;
}
#otsikot {
	width: 890px;
    padding-top:10px;
    padding-bottom:5px;
    padding-left:20px;
    font-family: 'Coming Soon', cursive;
    font-size:18px;
    text-align:left;
    background:#98D0E4;
    background: url(images/luntalaa.png);
}

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);	
	}

a.sarjis img{
        border: 0px;}
        	
a.sarjis:hover img{
        border: 0px;
	opacity:1.0;
	filter: alpha(opacity=100);
	}

p {
    margin-left:15px;
    margin-right:15px;
    font-size:.8em;
    text-align:justify;
}
#sivultanav {
    width: 850px;
    padding-top:5px;
    padding-bottom:20px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:5px;
    font-weight:200;
    text-align:center;
    color: #D3CA94;
}
				.pagination
				{
					padding-top:5px;
				        padding-bottom:5px;				
				}
					.pagination ul
					{
						display: inline-block;
					}
						.pagination li
						{
							display: inline;
						}
							.pagination a
							{
								height: 2.5rem; /* 40 */
								font-size: 1.25rem; /* 20 */
								line-height: 38px; /* 40 */
                                color: #D3CA94;
								float: left;
								padding: 0 1.25rem; /* 20 */
								margin-top: -1px;
                                                                transition-duration: 0.7s;
							
							}
							.pagination li:not( :first-child ) a
							{
								margin-left: 2px;
							}
							.pagination-current a
							{
								color: #D3CA94;
							}
							.pagination li:not( .pagination-current ) a:hover
							{
								color:#D8D8D8;
                                                                text-decoration: none;
                                                                box-shadow: 0 12px 16px 0 rgba(240,240,240,0.24), 0 17px 50px 0 rgba(240,240,240,0.19);
							}

							.pagination-prev a,
							.pagination-next a,
							.pagination-first a,
							.pagination-last a
							{
								font-family: 'Alegreya Sans SC', sans-serif;
								font-size:17px;
								font-weight:100;
								text-decoration: none; color: #D3CA94;
							}
								.pagination-prev a:before,
								.pagination-next a:after,
								.pagination-first a:before
								{
									width: 0;
									height: 0;
									border: 0rem solid transparent; /* 5 */
									content: '';
									display: inline-block;
									vertical-align: middle;
								}
								.pagination-prev a:before
								{
									border-left: none;
									border-right-color: #4d4348;
									margin-right: 0.313rem; /* 5 */
								}
								.pagination-next a:after
								{
									border-right: none;
									border-left-color: #4d4348;
									margin-left: 0.313rem; /* 5 */
								}