@media screen {

a {
	text-decoration: none;
}

a:link {
	color: #663300;
}

a:visited {
	color: #663300;
}

a:active {
	color: #008080;
}

a:hover {
	color: black;
	font-weight: bold;
}


.aksa {
	color: #008080; font-style: italic;
} 


body {
	color: #663300; background-color: #F5F5DC; margin:0;
}

#bodytausta {
	width: 100%;
}

#karttatausta {
	position: absolute; left: 22%; top: 0%; width: 750px;
}

#siromaku1 {
	position: absolute; top: 0; left: 0; background-color: white; opacity: 0.2; -moz-opacity: 0.2; filter: alpha(opacity=20); width: 100%; height: 1000px;
}

#siromaku2 {
	position: absolute; top: 0; left: 0; background-color: white; opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity=40); width: 100%; height: 1000px;
}

#kuromaku {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	
}

#oalinkki {
	position: absolute; top: 10px; left: 10px;
}

#takaslinkki {
	position: absolute; top: 10px; left: 10px; color: black;
}

#takaslinkki:hover {
	font-weight: bold;
}

#takaslinkki:active {
	color: yellow;
}

#hoge {
	position: absolute; left: 35%; top: 50px; text-shadow: 6px 6px 6px #666666; font-style: italic; font-size: xx-large; font-weight: bold;

}

#aiempihoge {
position: absolute; left: 50%; top: 90px;
}

#hoge em {
	color: #8B0000;
}

#hoge2 {
	position: absolute; left: 38%; top: 20px; text-shadow: 6px 6px 6px #666666; font-style: italic; font-size: xx-large; font-weight: bold;

}

#blogi {
	position:absolute;
	left:50%;
	top: 580px;
}

#blogi:hover {
	color: #8B0000;
	font-weight: bold;
	text-shadow: 6px 6px 6px #666666;
}

#blogi:active {
	color: yellow;
}

#bikkuna {
	position:absolute;
	top: 100px;
	left:35%;
	color: black;
	background-color: #F5F5DC;
	width: 400px;
	height: 300px;
	border: ridge;
	overflow-y: scroll;

}

#saigoni {
	color: blue;
	font-size: xx-small;
}

#paaika {
	color: blue;
	font-size: x-small;
	text-shadow: 3px 3px 3px #666666;
}

#sulkunappi {
	position:absolute;
	top: 100px;
	left:70%;
}

#kirjoituskentta {
	position:absolute;
	top: 100px;
	left:30%;
	width: 500px;
	height: 400px;
}

#bloginapit {
	position:absolute;
	top: 520px;
	left:50%;
}

#blogiilmo {
	position:absolute;
	top: 60px;
	left:45%;
	font-size: small;
	color: red;
}

.otettuaika {
	color: #00008B;
	font-size: small;
}


#synty {
	position:absolute; left:25%; top: 180px;
}


#aine {
	position:absolute; left:50%; top: 240px;
}

#lw {
	position:absolute; left:70%; top: 290px; text-shadow: 3px 3px 3px #666666; font-style: italic; font-weight: bold;

}

#koli:hover {
	color: #008080;
}


#viittaus {
	position:absolute; left:50%; top: 340px;
}

#yht {
	position:absolute; left:25%; top: 380px;
}

#mainos {
	position:absolute; left:33%; top: 180px; 
}

#mainoslauseet {
	background-color: #F5F5DC; width:420px; height:350px; font-size: small;
}

.tahti {
	color: #008080;
}

#REG {
	position:absolute; left:70%; top: 315px; max-width: 130px; font-size: small;
}

.linkit:hover {
	color: blue;
}

.puna {
	color: #8B0000;
}

.punap {
	color: #8B0000; font-style: italic;
}

.valikko {
	 text-shadow: 3px 3px 3px #666666;
}
.valikko:hover {
	color: black; 
}
.valikko:active {
	color: #008080;
}

#paaotsikko {
	position:absolute; left:30%; top: 20px; text-shadow: 6px 6px 6px #666666; font-size: xx-large; font-style: italic; font-weight: bold; color: #663333;
}


.pao {
	color: blue;
}

.otsikko {
	font-size: large; text-shadow: 3px 3px 3px #666666; font-weight: bold;
}


#sisalto {
	position:absolute; top:20%; left:10%; color: #663333;
}

.musta {
	color: black;
}

#xarkisto {
	position:absolute; left:70%; top: 580px; text-shadow: 3px 3px 3px #666666;
}

#kokohoska {
	position: absolute; top: 20%; left: 35%;
}

}

@media print {
* {
	color: black; background-color:#FFFFFF;
}
}