/*
Theme Name: Ketomokit
Theme URI: http://ketomokit.com/
Description: Ketomokit.com sivuille personoitu WordPress-teema.
Version: 1.1
Author: Marko Saarelainen
Author URI: http://leiskuva.fi/
Tags: vihrea, kiintea leveys, kaksi palstaa, widgetit
Text Domain: leiskuva

	Ketomokit v1.1
	 http://leiskuva.fi

	This theme was designed and built by Marko Saarelainen.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body {
	background:#7dc84b url(./images/gradient.gif) repeat-x;
	color:#fff;
	text-align:center;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
}
html>body{
	font-size:small;
}
.mobile, .pagebottom {
	position:absolute;
	left:-9999px;
}
#pageheader {
	margin:0 auto;
	text-align:left;
	width:655px;
	height:53px;
}
#wrapper {
	font-size:85%;
	margin:0 auto;
	text-align:left;
	width:655px;	
}
#wrapper-inside {
	float:left;
	margin:0;
	padding:0;
	background:#fcf2d5 url(./images/content.gif) repeat-y;
	color:#869f02;
}
#header {
	float:left;
	margin:0;
	padding:0;
	width:655px;
	height:117px;
	background:url(./images/header-right.gif) no-repeat right top;
}
#navigation {
	float:left;
	margin:0;
	/* margin:0 94px 0 0; */
	padding:0;
	/* width:591px; */
	width:655px;
	height:117px;
	background:url(./images/header.jpg) no-repeat;
}
#language-option{/*
	float:right;
	width:94px;
	margin:95px 0 0 0;
	padding:0;
	*/display:none;
}
#content-wrap {
	float:left;
	margin:0;
	padding:0;
	width:655px;
	background:url(./images/content-gradient.gif) no-repeat;
	min-height:440px;
}
#content {
	float:left;
	margin:0;
	padding:10px 0 15px 30px;
	width:430px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:400px;
}
html>body #content {
	width:400px;
}

.etusivu #content, .mokit #content {
	float:left;
	margin:0;
	padding:10px 10px 15px 30px;
	width:378px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:348px;
}
html>body.etusivu #content, html>body.mokit #content {
	width:348px;
}
.harrastusmahdollisuudet #content {
	float:left;
	margin:0;
	padding:10px 10px 15px 30px;
	width:318px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:288px;
}
html>body.harrastusmahdollisuudet #content {
	width:288px;
}
.varaaminen #content, 
.harrastusmahdollisuudet #content {
	float:left;
	margin:0;
	padding:10px 42px 0 30px;
	clear:both;
	width:655px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:583px;
}
html>body.varaaminen #content, 
html>body.harrastusmahdollisuudet #content {
	width:583px;
}
#sidebar {
	float:left;
	margin:0;
	padding:10px 42px 15px 0;
	width:225px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:183px;
}
html>body #sidebar {
	width:183px;
}
.etusivu #sidebar, .mokit #sidebar {
	font-size:90%;
	float:left;
	margin:0;
	padding:10px 42px 15px 0;
	width:268px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:225px;
}
html>body.etusivu #sidebar, html>body.mokit #sidebar {
	width:225px;
}
body.mokit #sidebar {padding-top:0;}

.harrastusmahdollisuudet #sidebar {display:none;}
.harrastusmahdollisuudet .cols {
	float:left;
	margin:0;
	padding:0;
	width:583px;
}
.harrastusmahdollisuudet .col1 {
	float:left;
	margin:0;
	padding:0 10px 0 0;
	width:296px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:286px;
}
html>body.harrastusmahdollisuudet .col1 {
	width:286px;
}
.harrastusmahdollisuudet .col2 {
	float:left;
	margin:0;
	padding:0;
	width:287px;
}
.varaaminen #sidebar {
	display:none;
}
#sub-content {
	float:left;
	margin:0;
	padding:0 42px 0 30px;
	clear:both;
	width:655px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:583px;
}
html>body #sub-content {
	width:583px;
}
#footer {
	font-size:90%;
	float:left;
	margin:0;
	padding:0 0 23px 0;
	width:655px;
	background:url(./images/footer.gif) no-repeat left bottom;
}

/* Otsikot */
h1 {
	margin:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:160%;
	color:#677a00;
}
h2 {
	margin:0 0 1em 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:150%;
	color:#677a00;
}
h2.current-area {
	display:none;
}
h3 {
	margin:0 0 0.75em 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:140%;
	color:#677a00;
}
body.mokit #sidebar h3 {
	margin:10px 0 0.15em 0;
	float:left;width:225px;
}
body.mokit #sidebar .active h3 {
	margin:9px 0 0.15em 0;
	float:left;width:225px;
}
#footer h3 {
	margin:0 0 0 30px;
	padding:0;
	display:inline;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h4 {
	margin:0.85em 0 0.5em 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:135%;
	color:#677a00;
}
h5 {
	margin:0.7em 0 0.3em 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:125%;
	color:#677a00;
}

/* Tekstimuotoilut */
p {
	margin:0 0 1.45em 0;
	line-height:140%;
}
.lisaa-kuvia p {
	margin:0 0 6px 0;
	line-height:100%;
}
.mokit #sidebar p {
	margin:0 0 15px 0;padding:0;
	float:left;width:225px;
}
.mokit #sidebar .active p {
	margin:0 0 14px 0;padding:0;
	float:left;width:225px;
}
#footer p {
	margin:0 0 0 30px;
}
p.date {
	margin:0;
	padding:0;
}
/* listat */
ul {}
ol {}
dl {}

li {margin:0 0 0.5em 0;}
dt {}
dd {}

/* Linkit */
a:link {
	text-decoration:underline;
	color:#cc0000;
}
a:visited {
	text-decoration:underline;
	color:#933;
}
a:hover, a:active {
	text-decoration:underline;
	color:#c60;
}
#footer a:link, #footer a:visited  {
	text-decoration:none;
	font-weight:bold;
}
#footer a:hover, #footer a:active {
	text-decoration:underline;
}
.hinnasto a, #sidebar h3 a  {
	text-decoration:none;
}
/* Sivun navigointi */
#pageheader h1 {
	float:left;
	margin:15px 0 0 0;
	padding:0;
	font-size:100%;
	width:476px;
	height:27px;
	background:url(./images/ketomokit-logo.gif) no-repeat;
	text-indent:-9999px;
}
#pageheader div {
	float:left;
	margin:22px 0 0 0;
	padding:0;
	font-size:100%;
	width:179px;
	height:23px;
	background:url(./images/ketomokit-com.gif) no-repeat;
}
#pageheader div a {
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:167px;
	height:23px;
	text-indent:-9999px;
	outline:0 none;
	text-decoration:none;
}
#navigation ul {
	margin:95px 0 0 0;
	padding:0 0 0 30px;
	width:460px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:490px;
	list-style:none;
}
html>body #navigation ul {
	width:490px;
}
#navigation ul li {
	margin:0 8px 0 0;
	padding:0 10px 0 0;
	float:left;
	list-style:none;
	background:url(./images/divide.gif) no-repeat right bottom;
	font-weight:bold;
}
#navigation ul li.last {
	background:transparent;
}
#navigation a:link, #navigation a:visited  {
	text-decoration:underline;
	color:#fff;
}
#navigation a:hover, #navigation a:active {
	text-decoration:underline;
}
#navigation li.selected a, #navigation li.selected a:visited, #navigation li.selected a:hover, #navigation li.selected a :active {
	text-decoration:none;
	color:#ccd292;
	cursor:default;
}

/* Sekalaiset muotoilut */
b, strong {
	font-weight:bold;
}
small {
	font-size:90%;
}
address {
	font-style:normal;
	display:inline;
}
#footer div#map-location {
	margin:0;
	padding:0 0 0 1em;
	display:inline;
}
.divider {
	margin:-1px 0 0 0;
	padding:0;
	font-size:1px;
	height:1px;
	width:583px;
	border-top:1px solid #c1c86b;
}
#sub-content .divider {
	margin:-1px 0 10px 0;
}
#footer .divider {
	border-top:1px solid #869f02;
	margin:-1px 0 5px 30px;
}
.vasen {
	float:left;
	margin:0 5px 5px 0;
	padding:0;
}
.oikea {
	float:right;
	margin:0 0 5px 5px;
	padding:0;
}
#sub-content .oikea {
	float:right;
	margin:0 0 5px 25px;
	padding:0;
}
.hinnasto {
	margin:0 0 15px 0;
	padding:0;
	width:582px;
	border-top:1px solid #c1c86b;
	border-collapse:collapse;
}
.hinnasto td {
	padding:5px;
	border-bottom:1px solid #c1c86b;
	border-right:1px solid #e3e8ac;
}
.hinnasto td.last {
	padding:5px;
	border-bottom:1px solid #c1c86b;
	border-right:0 none;
}
.hinnasto strong {
	color:#6f8501;
}
.active {
	padding:0;
	margin:0;float:left;width:225px;
	border-top:1px solid #a6c790;
	border-bottom:1px solid #a6c790;
}
#sidebar div.first {
	border-top: 0 none;
}
#sidebar div.last {
	border-bottom: 0 none;
}
.active h3, .active p, .active a {
	color:#a6c790;
	cursor:default;
}

.navigation {
	margin:0 0 1em 0;
	padding:0;
	float:left;
	width:100%;
}
.navigation .alignleft {
	margin:0;
	padding:0;
	float:left;
	width:50%;
}
.navigation .alignright {
	margin:0;
	padding:0;
	float:left;
	width:50%;
	text-align:right;
}