body, html { height: 100%; margin: 0; padding: 0;}
img { border: 0; }
body {
	background-color: #101010;
	background: #101010 url('img/bg.gif') center repeat-y; 
	font: normal 13px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	color: #d5d5d5;
}
#pohja { width: 730px; margin: 0 auto 0 auto; }
#otsikko {
	background: #1b1814 url('img/top.jpg') center no-repeat; 
	height: 140px;
	width: 730px;
	padding-bottom: 40px;
}
a, a:visited, a:hover { text-decoration: none; color: #d5d5d5; border-bottom: 1px dotted #8e8d8c;}
a:hover { color: #f26722; border-bottom: 1px dotted #f47240;}
h1 {
	background-color: #1b1814;
	color: #d5d5d5;
	font: bold 24px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	letter-spacing: -2px;
	padding: 5px 15px 5px 15px;
	text-align: left;
	margin: 0;  border-top: 5px solid #1b1814;
	clear: both;
}
h2,h5 {
	background-color: #221e1a;
	color: #d5d5d5;
	font: bold 17px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	letter-spacing: -1px;
	padding: 5px 0 5px 15px;
	text-align: left;
	margin: 0;
}
a h2, h2 a:link, h2 a:visited { border: 0; }
h4 { 
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	padding: 0; margin: 0 0 10px 15px;
	color: #564e48;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: -1px;
}
h5 { 
	padding: 3px 0 3px 15px;
	font-size: 17px;
	background-color: #1b1814;
}

/* VALIKKO */
#valikko {	
	background-color: #1b1814;
	border-top: 2px solid #1b1814;
	border-bottom: 2px solid #1b1814;
	margin: 0;
	padding: 0;
	width: 718px;
	height: 24px;
	text-align: center;
	line-height: 24px;
}
#valikko:hover { border-top: 2px solid #221e1a; border-bottom: 2px solid #221e1a; }
#valikko a, #valikko a:visited, #valikko a:hover:visited, #valikko a:hover { 		
	text-decoration: none;
	letter-spacing: +1px;
	border: 0;
	font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	color: #8e8d8c;
	padding: 3px 16px 3px 16px;
	margin: 6px 0 6px 0;
	word-spacing: 30px;
}
#valikko a:hover { background-color: #221e1a; }
#valikko a:active { color: black; background-color: #f26722; }

/* SISALTO */
#sisalto {
	float: left;
	width: 580px;
}

#sisalto p {
	line-height: 20px;
	text-align: justify;
	padding: 0 15px 0 15px;
	margin: 10px 0 10px 0;
}

/* SIVUPALKKI */
#sivupalkki {
	float: right;
	width: 145px;
	background-color: #1b1814;
	padding: 0;
}
#sivupalkki p {
	text-align: left;
	padding: 6px 0 16px 6px; margin: 0;
	font: normal 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#sivupalkki p.center { text-align: center; }

#sivupalkki a, #sivupalkki a:visited { text-decoration: none; color: #cccccc; border: 0;}
#sivupalkki a:hover { color: #f26722; }

h3 {
	background-color: #221e1a;
	margin: 0; padding: 6px;
	font: bold 13px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	letter-spacing: -1px;
	color: #cccccc;
}

/* ERIKOIS DIVIT */
div.note, div.download, div.alert, div.information, div.construction, div.new, div.abc {
	width: 508px;
	padding: 10px 10px 10px 35px;
	margin: 10px auto;
	border-top: 2px solid #aaaaaa;
	border-bottom: 2px solid #aaaaaa;
	background-position: 15px 10px;
	background-repeat: no-repeat;
	background-color: #3a3836;
	background-image: url('img/icons/page_white_text.png');
}
div.download {
	border-top: 2px solid #338833;
	border-bottom: 2px solid #338833;
	background-color: #253221;
	background-image: url('img/icons/package_go.png');
}
div.download a, div.download a:visited {
	border-bottom: 2px dotted #3F3;
	color: #3F3;
	text-decoration: none !important;
}

div.download a:hover {
	border-bottom: 2px dotted #3C3;
	color: #1c8822;
	text-decoration: none !important;
}
div.abc {
	border-top: 2px solid #504e4b;
	border-bottom: 2px solid #504e4b;
	background-color: #2d2a27;
	background-image: url('img/icons/anchor.png');
}

div.abc ul { 
	list-style-image: url("img/icons/bullet_orange.png");
	margin: 0 0 0 15px;
	padding: 0;
}
div.alert {
	border-top: 2px solid #ff3333;
	border-bottom: 2px solid #ff3333;
	background-color: #492321;
	background-image: url('img/icons/exclamation.png');
}
div.information {
	border-top: 2px solid #3333ff;
	border-bottom: 2px solid #3333ff;
	background-color: #252345;
	background-image: url('img/icons/information.png');
}
div.construction {
	border-top: 2px solid #ffff33;
	border-bottom: 2px solid #ffff33;
	background-color: #494721;
	background-image: url('img/icons/error.png');
}
div.new {
	border-top: 2px solid #ff9933;
	border-bottom: 2px solid #ff9933;
	background-color: #493521;
	background-image: url('img/icons/new.png');
}
div.for {
	width: 550px;
	background-color: #25201d;
	padding: 15px;
	font-size: 13px;
	font-style: italic;
	text-align: justify;
}

/* KUVAT */
img.vasen, img.oikea {
	float: left;
	margin: 5px 25px 5px 0;
	padding: 3px;
	border: 2px solid #36332e;
	background-color: #2f2c29;
}
img.oikea { float: right; margin: 5px 0 5px 25px; }
img.vasen:hover, img.oikea:hover { border: 2px solid #3d3a35; }
img.vasen:active, img.oikea:active { border: 1px solid #f26722; padding: 4px; }
img.side { }
img.up { margin-top: -18px; float: right; }

blockquote {
	background: #22201d url('block.gif') no-repeat left top;
	font-style: italic;
	margin: 15px;
	padding: 3px 0px 0px 8px;
}

blockquote p {
	background: url('block_end.gif') no-repeat right bottom;
	margin: 0px !important;
	padding-right: 30px;
	padding-bottom: 15px;
}

/* FORM */
#kysy {
	font: bold 10px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #564e48;
	padding: 15px 0 0 15px;
	background-color: #221e1a;
}
p.formi,p.form { font: bold 10px 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #564e48; background-color: #221e1a; margin: -5px 0 -15px 0;}
p.form { font-size: 10px;}
div.form { background-color: #221e1a; padding: 10px 0 10px 0; }
.textfield, .textarea, .ircfield  { border: 1px solid #36332e; background-color: #2f2c29; color: #8e8d8c; }
.ircfield { padding: 3px; letter-spacing: +2px; font-weight: normal; font-family: "Lucida Grande", Georgia, "Times New Roman", Times, serif; margin-bottom: 2px; font-size: 10px; }
.textarea { width: 547px; height: 150px; overflow: hidden;}
.submit, .submitbold { font-size: 12px; padding: 10px; margin: 15px 15px 15px 0;}
.submit2, .submitbold2 { font-size: 14px; border: 2px solid #2f2c29; background-color: #36332e; color: #1e1b1a; padding: 10px; margin: 5px -15px 10px 20px;}
.submitbold, .submitbold2 { font-weight: bold; }
img.captcha { border: 2px solid #564e48; margin: 5px 0 5px 19px; }
div.ft { clear: both; padding-bottom: 20px; }
span.dot { color: #f26722; font-size: 15px; }