* { margin: 0; padding: 0; }

html { 
	width: 100%; 
	min-height: 100%; 
	background: url('../img/tausta2.jpg');
	}

body {
	background: url('../img/header.gif') repeat-x;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	}


/* Header stuff */

#header {
	width: 900px;
	height: 127px;
	margin: 0 auto;
	padding: 28px 0 0 0;
	}
	
h1 {
	display: block;
	background: url('../img/kpinfo.gif') no-repeat;
	width: 172px;
	height: 28px;
	text-indent: -99999px;
	float: left;
	}
	

/* Footer */

#footer { 
	width: 920px; 
	padding: 20px; 
	font-size: 12px; 
	margin: 10px auto 10px auto; 
	border: 1px solid #d6d6d6; 
	background: #e7e7e7; 
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	}
#footer a { color: #000; }


/* Login shit */

#login { float: right; }
#login input { 
	border: 1px solid #e7e7e7; 
	background: #999;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	padding: 3px;
	color: #000;

	}
#login input.label { color: #262626; font-style: italic; }
#login p { line-height: 14px; color: #fff; font-size: 12px; margin-top: -14px; }
#logged { text-align: right; color: #fff; font-size: 12px; padding: 5px 0 0 0; }
#logged a { color: #b6beb4; text-decoration: none; }


/* Navigation things */

#navigation {
	list-style: none;
	text-transform: uppercase;
	clear: both;
	padding-top: 52px;
	}
#navigation li { 
	float: left; 
	margin-right: 20px; 
	padding: 5px 7px; 
	text-shadow: 0px 1px 1px #fff;
	}
#navigation li#nayta { 
	font-size: 12px; 
	color: #555; 
	padding: 8px 0; 
	text-shadow: none;
	}
#navigation a { 
	color: #212121; 
	text-decoration: none; 
	font-size: 14px;
	}
#navigation li#active { 
	background: #b6beb4; 
	font-weight: bold; 
	text-shadow: 0px 1px 1px #e3f4df; 
	border: 1px solid #b6beb4; 
	border-radius: 10px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 4px 6px;
	}
#navigation li.asetukset { 
	float: right; 
	margin: 0;
	}


/* Content crap */

#content {
	width: 920px;
	margin: 0 auto;
	clear: both;
	background: #fff;
	padding: 20px;
	border: 1px solid #d6d6d6;
	border-top: 0;
	}


h2 {

	color: #181e19;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
}
h3 { font-size: 16px; margin-bottom: 15px; }


#content p { font-size: 14px; margin-bottom: 20px; clear: both; }
#content p.error { color: #460c16; }


/* The heart of the beast */

#news { width: 100%; font-size: 12px; }
#news th, #news td { border-bottom: 1px solid #e7e7e7; }
#news th { font-size: 11px; color: #9d9c9b; text-transform: uppercase; text-align: left; padding: 0 0 10px 0; }
#news td { padding: 10px 0; }
#news .ots { width: 490px; padding-left: 5px; }
#news .lah { width: 145px; }
#news .luk { width: 100px; }
#news .lis { text-align: right; padding-right: 5px; }
#news td.ots { font-size: 14px; font-weight: bold; }
#news td.ots a { color: #233a16; text-decoration: none; }
#news td.ots a:visited { color: #696969; }
#news .alt td { background: #e7e7e7; }



/* Settings randomness */

#sourcesettings { margin-bottom: 20px; font-size: 14px; }
#sourcesettings td { padding: 0 5px 5px 0; }

label.block { display: block; width: 180px; float: left; }
input#old_pass, input#new_pass_1, input#new_pass_2, input.rek { padding: 3px; width: 250px; }
button { padding: 3px; clear: both; }

/* Registering */

p.note { width: 450px; }
#rekinfo { width: 300px; margin-right: 100px; float: right; font-size: 12px; }
#content #rekinfo p { font-size: 12px; }
#rekfields { width: 450px; float: left;}
ul.errorlist { color: #460c16; font-size: 14px; position: relative; top: -10px; margin-left: 20px; margin-bottom: 20px; font-weight: bold; }