/*
CSS written by Jani Kristian Huomo
http://www.flaria.fi
*/

* {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
}

/* for Internet Explorer */
/*\*/
* html #text_container{
height: 528px;
}
* html #forum{
height: 458px;
}
/**/


body {
	margin: 0px 0px 15px 0px;
	background: #e7e0d6 url(images/gradient.png) repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:center;
	width:100%;
	height:100%;
}

h1, h2, h3 {
	margin-bottom: 1.5em;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	margin-bottom: 1.5em;
	line-height: 140%;
}

ul, ol {
	margin-left: 3em;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover  {
	text-decoration: underline;
}

strong {
	color: #D7D7D7;
}

.tl {
	float: left;
	margin: 0px 25px 0px 0px;
}

.tr {
	float: right;
}

img {
	border: 0px;
}

img.left {
	float: left;
	margin: 5px 25px 0px 0px;
}

img.right {
	float: right;
	margin: 5px 0px 0px 25px;
}

img.logo {
	float: left;
	margin: 11px 0px 0px 0px;
}

/* Container */

#container {
	position: relative;
	top: 0px;
	left: 0px;
	z-index:0;
	width: 900px;
	margin: 0px auto;
	min-height: 100%;
}

/* Page */

#page {
	width: 900px;
	text-align:left;
}

/* Content */

#content {
	float: left;
	width: 900px;
	border: 1px solid #e8e2d8;
	background: #ffffff;
}

#fr_content {
	float: left;
	width: 900px;
	border: 1px solid #e8e2d8;
}

/* Header */

#header {
	width: 900px;
	height: 93px;
	margin: 0px auto;
	color: #000000;
	font-size: 11px;
	color: #000000;
}

#header a {
	text-decoration: none;
}

/* Lang menu */

#lang {
	width: 900px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

#lang ul {
	margin: 0px;
	padding: 20px 15px 15px 15px;
	list-style: none;
	float: right;
}

#lang li {
	float: left;
	padding: 0px 10px 10px 0px;
}

#lang a {
	text-decoration: none;
}

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

/* Menu */

#menu {
	margin: 0px;
	background: url(images/bg01.gif) repeat-x;
	width: 900px;
	height: 48px;
}

#menu ul {
	margin: 0px 0px 0px 6px;
	padding: 10px 15px 0px 0px;
	list-style: none;
	text-transform: uppercase;
}

#menu li {
	padding: 0px 4px 4px 0px;
	float: left;
}

#menu a {
	display: block;
	float: left;
    margin-top: -10px;
	padding: 10px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background: url(images/hover_01.gif) repeat-x;
}

#menu a:hover  {
	background: url(images/hover_02.gif);
}

/* Breadcrumb */

#breadcrumb {
	width: 900px;
}

#breadcrumb ul {
	margin: 0px;
	padding: 0px 15px 0px 15px;
	list-style: none;
}

#breadcrumb li {
	float: left;
	padding: 0px 10px 6px 0px;
}

#breadcrumb a {
	text-decoration: none;
	font-size: 12px;
	color: #000000;
}

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


/* Text container */

#text_container {
	clear:both;
	width: 900px;
	background: url(images/bg02.gif) repeat-y;
	min-height:528px; 
	float:left;
}

/* Forum container */

#forum {
	clear:both;
	width: 870px;
	margin: 15px;
	background: #ffffff;
	min-height:473px; 
}

/* Menu 2 */

#menu2 {
	float: left;
	margin: 0px;
	width: 180px;
	font-size: 12px;
}

#menu2 ul {
	margin: 0px;
	list-style: none;
}

#menu2 li {
	padding: 0px 10px 10px 0px;
	padding-left: 25px;
	text-indent: -10px;
}

#menu2 a {
	text-decoration: none;
	font-weight: normal;
	color: #000000;
}

#menu2 a:hover  {
	font-weight: normal;
	color:#666666;
	text-decoration: none;
}

#menu2 h1 {
	text-decoration: none;
	color: #000000;
	background: #f2eee9;
	padding: 5px 15px 5px 15px;
	font-size: 12px;
}

#menu2 h2 {
	text-decoration: none;
	color: #000000;
	padding-left: 15px;
	font-size: 12px;
}

#menu2 .submenu{
	border-top: 1px solid #e8e2d8;
	margin-top: 15px;
	padding-top: 15px;
}

/* Textarea */

#textarea {
	margin: 0px 0px 30px 20px;
	float: left;
	width: 680px;
}

/* Frontpage */

#frontpage {
	position:relative;
	top:-10px;
	left:0px;
	z-index:1;
	width: 900px;
	height:540px;
}


/* Forms */

.soh_form input,textarea{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#273e42;
	border:solid 1px #999999;
	padding:0px;
	margin:5px 0px 5px 0px;
	width:435px;
}

/* Footer */

#footer {
	margin:0px 0px 0px 0px;
	font-size: 11px;
	color: #a8a8a6;
	clear:both;
}

#footer p {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#footer a {
	color: #a8a8a6;
	text-decoration: none;
}

.frontpage_1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 90%;
}

/* Blog */

#blog_container {
	float:left;
}

#blog {
	clear:both;
	margin:15px;
	margin-top:30px;
}

.blog_msg{
	padding:10px;
	background:#ffffff;
	border:solid 1px #e8e2d8;
	margin-top:15px;
	width:660px;
}

.blog_img{
	float:left;
	margin-right:10px;
	height:20px;
}

.blog_name {
}

.blog_subj {
	clear:both;
	margin-top:10px;
}

.mouse_over {
	background-color:#f2efea;
}

.mouse_out{
	background-color:#ffffff;
}