/*
Theme Name: Tomo.fi
Theme URI: http://www.sunisoft.fi/
Description: Clean white theme based on the old layout
Version: 1.0 final
Author: Kimmo Kovalainen
Author URI: http://www.picnom.com/
Tags: white, clean, sushi
*/

* { padding: 0; margin: 0; }

html { overflow-y: scroll; height: 100%; }

a { color: #888; text-decoration: none; }
a:hover { color: #666; text-decoration: underline; }
p { margin: 0 0 15px; }

img.centered { margin: 0 auto; }
img.alignright { margin: 5px 0 7px 20px; }
img.alignleft { margin: 5px 20px 7px 0; }
.alignright { float: right; }
.alignleft { float: left; }

body { background: #EEE; font: 12px Tahoma, Sans-Serif, Arial; color: #555; text-align: left; height: 100%; }

#wrapper { width: 960px; margin: 0 auto; background: #FFF; min-height: 100%; }

#header {
	height: 417px;
	width: 910px;
	margin: 0 auto;
	position: relative;
	}

#logogrey { position: absolute; top: 20px; left: 33px; }
#logo { position: absolute; top: 28px; right: 80px; }

#headerbanner { position: absolute; top: 147px; right: 0px; width: 910px; height: 270px; background: url('img/header1.jpg') no-repeat; }

.page-id-15 #headerbanner { background: url('img/header3.jpg') no-repeat; }
.page-id-17 #headerbanner { background: url('img/header2.jpg') no-repeat; }
.parent-pageid-15 #headerbanner { background: url('img/header3.jpg') no-repeat; }

#navbar { position: absolute; top: 113px; left: 0px; width: 650px; height: 16px; font: normal 14px "Times New Roman", Times, serif; }
#navbar ul { text-align: center; }
#navbar li { display: block; float: left; padding: 0 24px; line-height: 16px; border-right: 1px solid #DDD; }
#navbar ul li:last-child { border-right: none; }

#navbar a { padding: 4px 7px; color: #777; }
#navbar a:hover { color: #444; }
#navbar .current_page_item a { color: #000; }
#navbar .current_page_parent a { color: #000; }

#content { float: right; width: 660px; margin: 8px 25px 20px; line-height: 17px; }

.page-id-21 #content { width: 910px; margin: 8px 25px 20px; }
.page-id-21 #sidebar { display: none; }

.page-template-sushit-php #content table td { vertical-align: top; padding: 10px 18px 15px 0; border-bottom: 1px solid #DDD; }

.page-template-sushit-php #sidebar h2:last-child { margin-top: 40px; }
.page-template-sushit-php #sidebar ul li { margin-bottom: 5px; list-style: disc; margin-left: 15px; }
.page-template-sushit-php #sidebar ul li a:hover { color: #333; }
.page-template-sushit-php #sidebar .current_page_item a { color: #000; }

h2.tieto { margin-top: 20px; }

#sidebar { background: #F8F8F8; border: 1px solid #E5E5E5; float: left; margin: 12px 0 20px 25px; width: 170px; min-height: 200px; padding: 20px 20px; font: 12px Arial, Helvetica, Sans-Serif; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#sidebar h2 { font: normal 20px 'Times New Roman', Sans-Serif, Arial; color: #333; margin-bottom: 10px; }
#sidebar ul { width: 160px; list-style-type: none; padding: 0; margin: 0; }
#sidebar ul li { width: 160px; }
#sidebar form { margin: 0; }

#footer { clear: both; width: 910px; margin: 0 auto; font: 12px Arial, Sans-Serif, Verdana; border-top: 1px solid #DDD; }
#footer p { text-align: center; color: #888; }
#footer a { color: #888; }
#footer a:hover { color: #000; }

#footer p.tomo { float: left; padding: 15px 0px 15px 20px; }
#footer p.sunisoft { float: right; padding: 15px 20px 15px 0px; }

h1 { font: normal 31px "Times New Roman",Times,serif; color: #444; margin: 10px 0 10px; }
#content h2 { font: normal 20px "Times New Roman",Times,serif; color: #444; margin: 25px 0 5px; }
.page-template-sushit-php #content h2 { font: normal 20px "Times New Roman",Times,serif; color: #444; margin: 10px 0 5px; }
.page-id-66 #content h2 { font: normal 20px "Times New Roman",Times,serif; color: #444; margin: 25px 0 5px; }
h3 { font-size: 15px; }

/* Begin Structure */
.post {	margin: 0 0 40px; text-align: left; }
.post hr { display: block; }
.postmetadata {	clear: both; }
.clear { clear: both; }
/* End Structure */


/* Begin Form Elements */
.entry form {  }
select { width: 130px; }
/* End Form Elements */


/* Begin Various Tags & Classes */
hr { display: none; }
a img { border: none; }
/* End Various Tags & Classes*/


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

.checkbox, .radio {
	cursor: pointer;
	width: 19px;
	height: 25px;
	margin: 2px 0 0 0;
	padding: 0;
	background: url(img/form_checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: right;
}
.radio {
	background: url(img/form_radio2.png) no-repeat;
}
.select {
	position: absolute;
	width: 148px; /* With the padding included, the width is 180 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	background: url(select.gif) no-repeat;
	overflow: hidden;
}

.facebookicon { margin: 0px 10px 0 0 !important; }

#content li.cf-box-title { font-weight: normal; font-size: 11px; float: left; padding: 0; letter-spacing: 0px; }