html {
background: url(hiihtokuva_bg.png) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

body
{
/*background-color: #F5F5F5;
background-color: #edf2f8;*/
}

#container
{
width: 90%;
margin: 10px auto;
/*background-color: #fff;*/
background-color: #edf2f8;
color: #333;
/*border: 8px solid #DC143C;
border: 8px solid #47b;*/
border: 1px solid gray;
/*box-shadow: 10px 10px 5px #888888;*/
box-shadow: 10px 10px rgba(0,0,0,0.5);
line-height: 130%;
}

#top
{
height: 80px;
padding: .5em;
/*background-color: #ddd;*/
background: transparent url('/includes/header3.png');
border-bottom: 1px solid gray;
}

h1.otsikko
{
font-family: Garamond, serif;
line-height: 1em;
color: #fff;
font-weight:bold;
font-size: 56px;
text-shadow:0px 0px 0 rgb(231,231,231),-1px 0px 0 rgb(216,216,216),-2px 0px 0 rgb(202,202,202),-3px 0px 0 rgb(187,187,187),-4px 0px 0 rgb(173,173,173),-5px 0px 0 rgb(158,158,158), -6px 0px 0 rgb(144,144,144),-7px 0px 6px rgba(0,0,0,0.65),-7px 0px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);
}

#top2
{
height: 10px;
padding: .5em;
/*background-color: #ddd;*/
border-bottom: 1px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 160px;
margin: 0;
/*padding: 1em;*/
}

#content
{
margin-left: 160px;
border-left: 1px solid gray;
padding: 1em;
background-color: #fff;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
border-top: 1px solid gray;
text-align: center;
font-size: xx-small;
}

#piilottaja
{
padding: 5px;
float: right;
text-align: right;
border: 8px solid #47b;
}

#leftnav p { margin: 0 0 1em 0; }

#content h2 { 
padding-bottom: 0;
}

.buttonscontainer {
width: 100%;
}

.buttons a {
color: #000000;
background-color: #FFFFFF;
margin: 5px;
padding: 2px;
padding-left: 3px;
display: block;
border-bottom: 1px solid ;
font: 14px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
}

.buttons a:hover {background-color: #FFFFFF;
color: #000099;
background-color: #F5F5F5;
text-decoration: none;
}

.buttons span {
color: #000000;
background-color: #F5F5F5;
margin: 5px;
padding: 2px;
padding-left: 3px;
display: block;
border-bottom: 1px #F5F5F5 solid ;
font: 14px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
}

.buttons a.mini {
color: #000000;
background-color: #FFFFFF;
margin: 5px;
margin-left: 25px;
padding: 2px;
padding-left: 3px;
display: block;
border-bottom: 1px solid ;
font: 10px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
}

.buttons a.mini:hover {background-color: #FFFFFF;
color: #000099;
background-color: #F5F5F5;
text-decoration: none;
}

.buttons span.mini {
color: #000000;
background-color: #F5F5F5;
margin: 5px;
margin-left: 25px;
padding: 2px;
padding-left: 3px;
display: block;
border-bottom: 1px #F5F5F5 solid ;
font: 10px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
}

#random {
background-color: #FFF;
border: 1px #000 solid; 
margin: 5px; 
padding: 3px; 
text-align: center;
}


.linkit {
float: left; 
padding-right: 10px;
width: 150px;
}

.kirjaudu {
margin: auto;
}

input.kirjaudu {
display: inline;
}

.raspi {
margin-top: 10px;
margin-bottom: 5px;
}

hr {
clear: right;
background-color: #999999;
color: #999999;
border: none;
height: 1px;
margin-bottom: 30px;
}

.harmaa {
color: #999999;
font-size: 0.9em;
margin: 0;
}

.kommentti, .kommentti a {
clear: both;
/*float: left;*/
color: #999999;
font-size: 0.9em;
text-decoration: underline;
cursor: pointer;
}

.muokkaus, .muokkaus a {
float: right;
color: #999999;
font-size: 0.9em;
text-decoration: underline;
}

.liukuvadiv {
	display: none;
	clear: both;
    /*height:200px;*/
    padding: 20px;
    margin-top: 10px;
    border: 2px dashed black;
	border-radius: 25px;
}

.kommenttiboksi {
width: 300px;
margin: 5px 5px 5px 0px;
padding: 5px;
border: 1px solid gray;
background-color: #edf2f8;
}

.kommenttiboksi p {
margin: 0;
padding-top: 2px;
padding-bottom: 2px;
}

.poistakommentti, .poistakommentti a {
float: right;
color: red;
text-decoration: none;
}

input {
display:block;
border: 1px solid #999;
/*height: 25px;*/
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

textarea {
	margin: 5px 0px 5px 0px;
	border: 1px solid #999;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

.nappi {
	border: 1px solid #999;
	width: auto;
}

.nappi:hover {
	background: #999;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}