/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/css/960.css";
@import "style/css/text.css";

html {
	background-color:#75A734 /* #75a734*/
}
body {
	background-image:url(style/images/tausta.jpg);
	background-repeat:repeat-x;
	background-color: #568f0b;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: white;
	}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 2em;
	}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin-bottom: 5px;
	font-weight: normal;
	}
h4 {
	margin-bottom: 5px;
	}

#header {
	background-image:url(style/images/header.jpg);
	height: 118px;
	width: 940px;
	background-repeat: no-repeat;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	}
#valinta {
	background-image:url(style/images/valintatausta.jpg);
	height: 541px;
	width: 940px;
	background-repeat: no-repeat;
	}
#verkkokauppa {
	top: 80px;
	left: 20px;
	position: absolute;
	}
#kotisivut {
	top: 80px;
	left: 320px;
	position: absolute;
	}
#muuta {
	top: 80px;
	left: 620px;
	position: absolute;
	}
#header li {
	list-style: none;
	display: inline;
	margin-left: 15px;
	}
#header li a {
	text-decoration: none;
	color: #006600;
	font-weight: bold;
	font-size: 1em;
	}
#header li a:hover {
	color: #00CC00;
	}
#header #logo {
	top: 15px;
	left: 30px;
	position: absolute;
	}
#header h1 {
	text-indent: -9999px;
	}
#ylanavi {
	left: 230px;
	top: 40px;
	position: absolute;
	}
.etusivuinfo {
	background-image:url(style/images/erotinviiva.gif);
	background-repeat:no-repeat;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	color: white;
	margin-top: 30px;
	padding-top: 30px;
	}
.etusivuinfo a {
	color: white;
	}
#esittely {
	width: 480px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	}
#ajankohtaisotsikot {
	width: 200px;
	float: left;
	padding-left: 70px;
	padding-right: 10px;
	}
#ajankohtaisotsikot li {
	list-style: none;
	margin-left: 0px;
	margin-bottom: 15px;
	}
#etusivunayte {
	width: 780px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	}
#etusivunayte img {
	margin-bottom: 20px;
	}
#footer {
	width: 100%;
	background-color:#75a734;
	background-image:url(style/images/footer_bg.jpg);
	background-repeat:repeat-x;
	padding-bottom: 20px;
	}
#footersisalto {
	padding-top: 40px;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	color: white;
	}
#footersisalto a {
	color: white;
	}
#footersisalto .col_1 {
	width: 200px;
	float: left;
	margin-right: 20px;
	}
#footersisalto .col_2 {
	width: 250px;
	float: left;
	margin-right: 20px;
	}
#footersisalto .col_3 {
	width: 250px;
	float: left;
	}
.col_1 li, .col_2 li, .col_3 li {
	margin-left: 5px;
	list-style: none;
	}
#alisivu {
	background-image:url(style/images/alisivutausta.jpg);
	width: 940px;
	background-repeat: no-repeat;
	color: white;
	}
.post {
	width: 600px;
	float: left;
	padding-top: 20px;
	padding-left: 20px;
	}
.sidebar {
	width: 200px;
	float: left;
	padding-top: 20px;
	margin-left: 40px;
	}
.pagecontainer {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	}
.sidebar li {
	list-style: none;
	margin-left: 0px;
	}
.breadcrumb {
	background-color: #7cb039;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #009900;
	border-right-color: #009900;
	border-bottom-color: #009900;
	border-left-color: #009900;
	}
.breadcrumb a {
	color: white;
	}
#alisivu a {
	color: white;
	}
#tyonaytteet {
	padding-top: 20px;
	padding-left: 20px;
	}
.tyonayte {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	}
.tyonayte h4 {
	margin-bottom: 5px;
	}
.sidebar h2 {
	font-size: 18px;
	}
.sidebar li {
	background-color:#C1DE9A;
	border: 1px solid #009900;
	padding: 10px 8px 10px 30px;
	color:#009900;
	line-height: 1em;
	background-image: url(style/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	}
#alisivu .sidebar li a {
	color:#006600;
	text-decoration: none;
	display: block;
	}
#alisivu .sidebar li a:hover {
	color:#00A400;
	}
.wpcf7-form-control-wrap {
	color: black;
	}
.wpcf7-radio {
	color: white;
	}
.vertailu {
	border: solid 1px darkgreen;
	background-color:#C1DE9A;
	color: darkgreen;
	}
.vertailu th {
	font-weight: normal;
	}
.vertailu th.riviotsikko{
	text-align: left;
	}
.vertailu td, .vertailu th {
	padding: 5px 15px 5px 15px;
	}
.vertailu td {
	text-align: center;
	border-left: solid 1px darkgreen;
	}
.vertailu .otsikkorivi th {
	border-left: solid 1px darkgreen;
	}
.vertailu .odd {
	background-color: #B8D98A;
	}
#alisivu .vertailu a {
	color: darkgreen;
	}
#preview, #screenshot {
	position:absolute;
	border:1px solid #ccc;
	background: #B8D98A;
	padding:5px;
	display:none;
	color:#000;
	}
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	
.blogi img {
	border: solid 3px white;
	}