/*
Theme Name: 
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
Tags: 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end of reset */

body{ background-color: #242424; font-size: 10px; color: #464646; font-family: verdana, arial; text-align: left; margin: 0; padding: 0; height: 100%; }

/* TAUSTAN M??RITYKSET */

#logo { 
	position: relative; 
	z-index: 7; 
	height: 150px;
	float: left; 
	padding: 0 0 0 30px; 
	border-left: 1px solid #2e2e2e;
}

.top { 
	text-align: left; 
	left: 200px; 
	height: 150px; 
	width: 980px; 
	position: relative; 
	z-index: 7; 
	float: left;
}

.topbar {
	position: absolute;
	left: 0;
	top: 150px;
	height: 20px;
	width: 100%;
	background-color: #2e2e2e;
	padding: 0;
	margin: 0;
	z-index: 5;
}

.bottombar {
	position: absolute;
	top: 570px;
	left:0px;
	height: 20px;
	width: 100%;
	background-color: #2e2e2e;
	padding: 0;
	margin: 0;
	z-index: 2;
}

.blank {
	position: relative;
	height: 1px;
	width: 950px;
	z-index: 2;
}

.columnwrap { 
	position: absolute; 
	z-index: 2; 
	top: 170px; 
	left: 0; 
	min-width: 900px; 
	width:100%; 
	height: 400px;
}

#leftcolumn { 
	background-color: #464646; 
	margin: 0; 
	padding: 0; 
	position: relative; 
	z-index: 5; 
	left: 0; 
	width: 200px; 
	height: 400px; 
	float: left; 
	border-right: 1px solid #2e2e2e;
}

#contentcolumn { 
	background-color: #242424; 
	margin: 0; 
	padding: 25px 20px 20px;
	position: relative; 
	z-index: 5; 
	width: 250px; 
	height: 400px; 
	float: left;
	color: #999;
}

#contentcolumn .entry p {
	padding-bottom: 10px;
	line-height: 1.2em;
}

#contentcolumn h1 {
	color: #4e4e4e; 
	font-size: 20px; 
	font-weight: bold;
	margin-bottom: 15px;
}

#rightcolumn { 
	position: absolute; 
	top: 0px; 
	left: 490px; 
	margin: 0; 
	padding: 0; 
	z-index: 2; 
	height: 400px; 
	float: left; 
	border-left: 1px solid #2e2e2e;
}

ul.tips {
	margin-bottom: 10px;
	list-style-type: none;
	list-style-image: url('images/listbox.gif');
	list-style-position: outside;
}

ul.tips li {
	margin-bottom: 6px;
	margin-left: 22px;
}

ul.tips li h2 {
	font-size: 16px;
}

.single-tip h2 {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
}

.netura{ position: absolute; top: 590px; left:0px; z-index: 3; }

/* menu */
#dropmenu, #dropmenu ul {
	margin:0; 
	padding:0; 
	list-style-type:none; 
	list-style-position:outside; 
	position:relative; 
	z-index:300; 

	background: #242424;
	font-weight:bold;
	font-size: 10px;
	letter-spacing: 2px;
	float: left;
}
#dropmenu li a {display:block; padding: 130px 20px 10px 20px; color:#4e4e4e; border-left:1px solid #2e2e2e; text-decoration:none; background:#242424;}
#dropmenu li a:hover {background: #2e2e2e; color: #656565;}
#dropmenu li {float:left; position:relative; display: block;}
#dropmenu ul {position:absolute; display:none; width:12em; top:150px; left:-1px;}
#dropmenu ul a {padding: 5px; background: #292929;	color: #4e4e4e;}
#dropdown ul a:hover { background: #2e2e2e; color: #656565; }
#dropmenu li ul {width:12em;}
#dropmenu li ul a {width:12em; height:auto; float:left; padding: 7px 10px 7px 35px; background: #292929;	color: #4e4e4e;}
#dropmenu li ul a:hover {width:12em; height:auto; float:left; background: #242424; color: #656565;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}

/* end of menu */

ul.gallery li { float: left; padding: 1px; }

.ui-tabs .ui-tabs-hide {
     display: none;
}

h1.gallery-title { float: left; margin-right: 10px; }

#gallery-tabs ul#gallery-select li { float: left; margin-right: 10px; }

#gallery-tabs ul li span {
	font-size: 20px; 
	font-weight: bold;
}

/* contact form */

.wpcf7-form input, .wpcf7-form textarea {
	background-color: #3F3F3F;
	color: #fff;
	border: 1px solid #2E2E2E;
	font-size: 9px;
	padding: 3px;
	font-family: verdana, arial;
}

.wpcf7-form textarea {
	width: 230px;
	height: 60px;
	font-family: verdana, arial;
}

.wpcf7-form p.quizleft { float: left; }

.wpcf7-form p.submitright { float: right; }

div.wpcf7-response-output { display: none; }

.clear { clear: both; }

.iso_rivivali{
line-height: 150%;
font-size: 30px;
}

a.small {
	font-size: 14px;
}

a:link { color: #aa2b2b; font-weight: normal; text-decoration: none; }
a:hover { color: #656565; font-weight: normal; text-decoration: underline; }
a:active { color: #aa2b2b; font-weight: normal; text-decoration: none; }
a:visited { color: #aa2b2b; font-weight: normal; text-decoration: none; }