body {	
	
background-image: url(./kuvat/ekstrat/tausta.jpg);
background-color: #333300;
background-repeat: repeat;
background-position: top left;
background-attachment: scroll;
}

#asettelu {
	width: 850px;
	height: 800px;
	position:absolute; 
              left: 85px;
              padding: 30px;
}

#vasen{
	float: left;
	position: absolute;
	top: 46px;
}

#oikea{
	height: 730px;
}

#navigaatio {
	width: 200px;
	position: absolute;
	top: 0px;
	left: 0px;
              color: white;
 }

#pallot {
	position: absolute;
	top: 160px;
              width: 200px;
}


#projektit {
	width: 196px;
	background-color:#336600;
	opacity: .8;
	filter: alpha(opacity=80);
	position: absolute;
	top: 227px;
	text-align: left;

}

#otsikko {
	margin-left:250px;
	color: 	#FFFF99;
	font-variant: small-caps;
	font-family: "Courier", cursive;
	padding: 1px;
	position: absolute;
	left: 0px;
	top: -130px;
	margin-bottom: -136px;
}



#blogi {
	width: 590px;
	background-color: #FFFFFF;
	padding: 10px;
	margin-left: 250px;
	height: 722px;
	position: absolute;
	left: 0px;
	top: 66px;
	margin-bottom: -160px;
	color: black;


}

#juttu {
	width: 590px;
	background-color: white;
	padding: 20px;
	margin-left: 250px;
	height: 722px;
	position: absolute;
	left: 0px;
	top: 66px;
	margin-bottom: -160px;
	color: black;

}



#juttu2 {
	width: 590px;
	background-color: white;
	padding: 20px;
	margin-left: 250px;
	height: 722px;
	position: absolute;
	left: -3px;
	top: 66px;
	margin-bottom: -160px;
	color: black;
	opacity: .9;
	filter: alpha(opacity=90);

}

#kupla {
	opacity: .8;
	filter: alpha(opacity=80);
	position: absolute;
	top: 400px;
}

#nokka {
	opacity: .9;
	filter: alpha(opacity=90);
	position: absolute;
	top: 145px;
              left: 87px;
}


#tiedot {
	color: black;
	position:relative;
	top: 300px;
	left:50px;
	width: 450px;
	text-align: justify;
}

#tiedot2 {
	color: black;
	position:absolute;
	top: 40px;
	left:20px;
	width: 570px;
}

#antti {
	position: absolute;
	top: 560px;
	left: 265px;
}

#timeline {
	position: absolute;
	top: 40px;
	left: 20px;
}


#yhteystiedot {
	width: 200px;
	opacity: .8;
	filter: alpha(opacity=80);
	position: absolute;
	top: 610px;
	margin-bottom: 0px;
	color: white;
	text-align: center;
}

#jono {
	position:absolute;
	top: 460px;
 }


#tekstivasen {
	float: left;
	position: absolute;
	top: 533px;

}

#tekstioikea {
	width: 350px;
	float: right;
	position: absolute;
	top: 542px;
	left: 250px;
}

#teoria {
	position: relative;
	left: 40px;
	width: 500px;
	text-align: justify;
}

#lataa {
               position: absolute;
               top: 700px;
               left: 60px;

}

ul{
	list-style-type: none;
	line-height: 24pt;
               font-family: "Courier New", Courier, monospace;            
               font-size: 11px;
               font-weight: normal; 
}

ul.over { 
	overflow: auto 
}

ul.linkit {
               line-height: 15px;

}

table {
	margin: 5px;
	vertical-align: top;
}


A {
	text-decoration: none;
	color: white;
}

A.musta {
	color: black;
              font-weight:  900;

}

a:hover.musta {

               color:#66CC00;
}

a:hover {
	color: #FFFF99;
}


P {
	margin: 0;
}

table {
               font-family: "Courier New", Courier, monospace;            
               font-size: 11px;
               font-weight: normal; 

}


.leipa {
               font-family: "Courier New", Courier, monospace;            
               font-size: 12px;
               font-weight: 500; 
}

.klik {	

              font-size: 8pt;
	line-height: 1em;
	font-family: Courier, "Courier New", monospace;
	font-weight: bold;
               color: #C0C0C0;

}

.klak {
              font-size: 8pt;
	line-height: 1em;
	font-family: Courier, "Courier New", monospace;
	font-weight: bold;
               color: #FFFF99;
               position: absolute;
               top: 815px;
               left: 685px;
}


img {
               border: 0px;
}


h1 { 
	font-variant: small-caps;
	font-family: "Courier", cursive;
	font-weight:  lighter;
	font-size: 90pt;

}

H2 {
	font-family: "Courier", sans-serif;
	font-weight: bold;
	font-size: 12pt;
	line-height: 1.8em;
 	text-indent: -2.5em;


}

H3 {

	font-family: "Skia", fantasy;
	font-weight: lighter;
	font-size: 12pt;
}

H4 {
	font-size: 8pt;
	line-height: 1em;
	font-family: Courier, "Courier New", monospace;
	font-weight: lighter;
	position: relative;
	left: -50px;
	width: 200px;
              font-stretch: narrower; 
}

H5 {
	font-size: 9pt;
	line-height: 0.9em;
	font-family: Courier, "Courier New", monospace;
	font-weight: 700;
	color: #336600;
	margin: 0px;
	position: relative;
	left: -20px;
}

h6 { 
	font-variant: small-caps;
	font-family: "Courier", cursive;
	font-weight:  lighter;
	font-size: 28pt;
	position: relative;
	top: 65px;

}

h7 { 
	font-family: "Tahoma", monospace;
	font-weight: lighter;
	font-size: 9.5pt;
}