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: #9e9e9d;
}

#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;
}


/* FONTIT */

a, a:visited, a:hover { 
  text-decoration: none; 
  color: #8e8d8c; 
  border-bottom: 1px dotted #8e8d8c;
}
a:hover { color: #f26722; border-bottom: 1px dotted #f26722; }
a h2, h2 a:link, h2 a:visited { border: 0; }

h1 {
	background-color: #1b1814;
	color: #8e8d8c;
	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: #8e8d8c;
	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;
}

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 a, #sisalto a:link, #sisalto a:visited, #sisalto a:hover { 
	text-decoration: none !important; 
	color: #8e8d8c; 
	border-bottom: 1px dotted #8e8d8c; 
}

#sisalto a:hover { 
	color: #f26722; 
	border-bottom: 1px dotted #f26722; 
}

#sisalto h2 a, #sisalto h2 a:link, #sisalto h2 a:visited { border: 0; }

#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: #8e8d8c; 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;
}


/* 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, img.kuva  {
	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, img.kuva:hover { border: 2px solid #3d3a35; }
img.vasen:active, img.oikea:active, img.kuva:active { border: 1px solid #f26722; padding: 4px; }
img.side { }
img.up {margin-top: -18px; float: right; }


/* KUVATLINKKI*/

div.kuva { 
	border: 1px solid #2a2524;
	width: 550px;
	height: 97px; 
	padding: 5px;
	margin: 10px;
	font-size: 11px;
	line-height: 12px
}

div.kuva:hover { background-color: #221e1a; border: 1px solid #f26722;}
img.kuva { margin: 0 10px 0 0; }
h6 { font-size: 14px; margin: 10px 0 5px 0; padding: 0; }
h6 a, a:visited, a:hover { text-decoration: none; border-style: none;}

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: 2px; 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; }