body {
	margin-top: 0px;
	margin-bottom: 0px;
	font: 12px arial, verdana, sans-serif;
	color: #4E4E4E;
	background-repeat: repeat-y;
	background-color: #373737;
	background-image: url(../kuvat/tausta.jpg);
	background-position: center;
}

h1 {
	/* sisältösivujen pääotsikot */
	font: normal 26px arial, sans-serif, helvetica;
	color: #000;
	margin-bottom: 2px;
	padding-bottom: 0px;
	margin-top: 0px;
	letter-spacing: -1px;
}

h2 {
	/* uutisotsikot */
	font: 19px arial;
	margin-bottom: 8px;
	margin-top: -3px;
	color: #1E1E1E;
	letter-spacing: -1px;
}

h3 {
	/* vasemman laidan otsikot */
	position: relative;
	text-indent: 3px;
	font-size: 10px;
	line-height: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}

p {
	margin-top: 8px;
}

a img {
	border: 0px;
}

#varjo {
	height: 100%;
	position: absolute;
	left: 50%;
	margin-left: -516px;
	width: 1032px;
}

#sisalto {
	position: absolute;
	left: 50%;
	margin-left: -430px;
	width: 860px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	border-left: 1px solid #3A3A3A;
	border-right: 1px solid #3A3A3A;
	background-color: #FFFFFF;
	margin-bottom: 60px;
}

#header {
	background-image: url(../kuvat/tausta_yla.jpg);
	height: 90px;
	width: 860px;
}

#valikko {
	font-size: 11px;
	letter-spacing: 1px;
	width: 860px;
	height: 20px;
	background-image: url(../kuvat/tausta_valikko.jpg);
	background-color: #323232;
	line-height: 20px;
}

#valikko a {
	float:left;
	width:88px;
	text-decoration:none;	
	color: #E9E9E9;
	background-color: transparent;
	border-right: solid 1px #303030;
}

#valikko .statistiikka {
	border-right: none;
	float:right;
}

#valikko a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #1D1D1D;
}

#valikko ul
{
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}

#valikko li {
	display:inline
}


#vasen {
	margin-top: 14px;
	color: #A9A9A9;
	float: left;
	padding-left: 10px;
	height: auto;
}

#foorumi {
	margin-top: 14px;
	float: left;
	margin-left: 10px;
	height: auto;
	width: 840px;
}

#viestit {
	width: 200px;
	/*height: 370px;*/
	height: auto;
	/*background-image: url(../kuvat/tausta_viestit.jpg);*/
	background-color: f0f0f0;
	background-repeat: no-repeat;
}

#viestit .viesti {
	padding-left: 7px;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 14px;
	font-size: 11px;
	letter-spacing: 0px;
}

#viestit .erotin {
	margin-left: 7px;
	width: 185px;
	height: 1px;
	background-image: url(../kuvat/pisteet.gif);
	line-height: 1px;
	overflow: hidden;
}

#viestit .viesti a {
	text-decoration: none;
}

#viestit .viesti a:hover {
	background-color: #008B8B;
	color: #FFFFFF;
}

#viestit .aihe {
	color: #003546;
}

#viestit .kirjoittaja {
	color: #262626;
}

#laite-esittely {
	background-image: url(../kuvat/tausta_laite-esittely.jpg);
	width: 200px;
	height: 170px;
	background-repeat: no-repeat;
}

#laite-esittely a {
	color: #003546;
	text-decoration: none;
	font-size: 11px;
}

#laite-esittely a:hover {
	color: #006382;
	text-decoration: none;
}

#laite-esittely .laitekuva {
	margin-top: 10px;
	border: 1px solid #D0D0D0;
	margin-bottom: 6px;
}

#laite-esittely .nuoli {
	padding-left: 10px;
}

#oikea {
	margin-top: 14px;
	line-height: 17px;
	margin-left: 20px;
	float: left;
	width: 614px;
	height: auto;
}

#oikea img.vasen {
	border: 1px solid #313131;
	float: left;
	margin-right: 10px;
}

#oikea img.vasenilmanreunaa {
	float: left;
	margin-right: 10px;
}

#oikea img.oikea {
	border: 1px solid #313131;
	float: right;
	margin-left: 10px;
}

#oikea img.oikeailmanreunaa {
	float: right;
	margin-left: 10px;
}

#oikea .kuva {
	padding-bottom: 14px;
	padding-right: 10px;
}

#oikea .tummennus {
	border: 1px solid #DFDFDF;
	background-color: #F2F2F2;
	padding: 6px;
}

.nuoli {
	padding-right: 4px;
}

.opasnavigaatio {
	margin-top: 10px;
	border: 1px solid #DFDFDF;
	background-color: #F2F2F2;
	width: 210px;
	padding: 6px;
}

pre {
	font-family: arial;
}

#oikea a {
	color: #003546;
}

#oikea a:hover {
	color: #006382;
}

#oikea table {
	font: 11px arial, verdana, sans-serif, arial;
	letter-spacing: 1px;
}

#oikea .vari1 {
	letter-spacing: 0px;
	color: #8C8C8C;
}

.uutinen {
	margin-bottom: 40px;
	float: left;
	width: 560px;
}

.uutinen a {
	color: #003546;
}

.uutinen a:hover {
	color: #006382;
}

.uutinen .pienifontti {
	text-indent: 4px;
	margin-top: 8px;
	line-height: 20px;
	font-size: 11px;
	color: #979797;
	background-color: #F3F3F3;
	border: 1px solid #DCDCDC;
}

.uutinen .paivays {
	font-size: 10px;
	color: #979797;
	text-transform: uppercase;
	letter-spacing: -1px;
}

.pieni {
	font-size: 11px;
	color: #979797;
}

.uutinen .keskustelu {
	margin-right: 2px;
	border: none;
}

.valiviiva {
	clear: both;
	padding-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #E9E9E9;
}

#jakaja {
	clear: both;
	width: 100%;
	height: 60px;
	background-color: transparent;
}

.mainos {
	padding-top: 42px;
	padding-top: 48px;
	width: 468px;
	color: #7f7f7f;
	font-size: 9px;
	text-align: center;
}

.mainos .banneri {
	border: none;
}

#footer {
	background-color: #ECECEC;
	clear: both;
	width: 860px;
	height: 22px;
	position:absolute;
	bottom:0px; /* stick to bottom */
	padding-bottom: 10px;
	padding-top: 4px;
	background-image: url(../kuvat/tausta_ala.jpg);
}

#footer_sisalto {
	line-height: 25px;
	float: right;
	padding-right: 10px;
	padding-top: 0px;
}

#footer a {
	color: #727272;
	font-size: 10px;
	text-decoration: none;
	background-color: #EEEEEE;
	padding: 6px;
}

#footer a:hover {
	text-decoration: underline;
}


#miksausohje .numero {
	font-weight: bold;
	font-size: 28px;
}

#miksausohje .tehtava {
	font-weight: bold;
}

#miksausohje .soitin {
	color: #F83605;
}

#scratchaus .nimi, #sanasto .sana {
	color: #F83605;
	padding-right: 10px;
}

#laitteet {
	width: 580px;
}

#laitteet .viiva {
	margin-top: 0px;
	margin-bottom: 0px;
 	background-color: #D9D9D9;
	height: 1px;
	overflow: hidden;
}

#laitteet .otsikko {
	background-color: #465255;
	color: #FFFFFF;
}

#laitteet .merkki, #laitteet .malli {
	font-weight: bold;
	width: 110px;
}

#chat .nimi {
	color: #7f7f7f;
}

#chat .painike {
	font-family: arial;
	font-size: 12px;
}