/*
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: 14px; color: #464646; font-family: verdana, arial, bank gothic lt bt; text-align: left; margin: 0; padding: 0; height: 100%; }

/* TAUSTAN M??RITYKSET */

#logo { 
	position: absolute; 
	left: 550px;
	top: 50px;
	z-index: 7; 
	height: 110px;
	float: left; 
	padding: 0 0 0 30px; 
	border-left: 1px solid #2e2e2e;
}

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

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

.bottombar {
	position: absolute;
	top: 590px;
	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: 150px; 
	left: 0; 
	min-width: 600px; 
	width:90%; 
	height: 440px;
}

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

#contentcolumn { 
	background-color: #242424; 
	margin: 0; 
	padding: 15px 5px 10px;
	position: relative; 
	z-index: 5; 
	width: 400px; 
	height: 440px; 
	float: left;
	color: #BFBFBF;
}

#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: 580px; 
	margin: 0; 
	padding: 0; 
	z-index: 2; 
	height: 440px; 
	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: 18px;
}

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

.netura{ position: absolute; top: 615px; left:10px; 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: 16.5px;
	letter-spacing: 2px;
	float: left;
}
#dropmenu li a {display:block; padding: 100px 20px 10px 20px; color:#C9C9C9; 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:122px; 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: #C9C9C9;}
#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: 28px; 
	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; }

.magic_fields { width: auto; height: 440px; }
.magic_fields_2 { width: auto; max-height: 440px; }

.gallerylist {
	float: left;
	width: 1050px;
}
.gallerylist li {
	float: left;
	margin: 2px 2px 2px 2px;
}

.galnav {
	float: left;
	width: 1050px;
	border-top: 1px solid #2e2e2e;
	padding-top: 10px;
	margin-top: 20px;
}
.nav-previous {
	float: left; margin-left: 270px;
}
.nav-next {
	float: right; margin-right: 270px;

}