@charset "UTF-8";
/*
Theme Name: FWBO
Theme URI: http://www.kutina.fi/
Description: Designed to be used as a CMS rather than blog
Author: Titiu Nylund
Author URI: http://www.kutina.fi
version: 1.0
Tags: 
*/

/*******************************************/
/**************** BASICS *******************/
/*******************************************/

table, form { margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
td { padding: 0; vertical-align: top; }
th { padding: 0; text-align: left; }
img { border: 0; padding:0; margin:0; }
a img { border: 0; }


body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #333;
	background-image: url(images/repeat_bg.jpg);
	background-repeat: repeat;
	background-color: #FAECCF;
	line-height: 17px;
	}
	
#wrapper {
	margin: 0px auto 0px;
	position: relative;
	}
	
a { color: #d56e00; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #9d5100; }

	
h2 {
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #333;
	padding: 0;
	margin: 0;
	}
	
h3 { 	
	font-size: 15px; 
	padding: 10px 0 0 0;
	margin: 0;
	font-family: "Georgia", Times New Roman, Times, serif;
	font-weight: normal;
	}

h4 {
	font-size: 12pt; 
	padding: 0;
	font-family: "Georgia", Times New Roman, Times, serif;
	font-weight: normal;
	}

blockquote {
	border-left: 1px solid #A5ABAB;
	margin: 15px;
	padding: 0 12px 0 12px;
	}

img.left { float: left; border: none; padding: 6px 0 0 0; }
img.right { float: right; border: none; padding: 0 0 0 6px; }

code { font-family:"Courier New", Courier, monospace; }
	
.raquo { font-weight: bold; }

hr { width: 150px; color: #FF9900;}


/*******************************************/
/**************** HEADER *******************/
/*******************************************/

#header {
	background-image: url(images/helsinginbuddhalainenkeskus.jpg);
	background-repeat: no-repeat;
	width: 917px;
	height: 146px;
	margin: 0px auto 0px;
	display: block;
	}

#logo { 
    float: left; 
    margin: 0px 0px 0px 50px;
	position: absolute;
	} 
 
#logo a { 
	width: 470px;
	height: 140px;
    display: block; 
	} 
 
#logo a span { display: none }
	
/*******************************************/
/**************MAIN MENU*******************/
/*******************************************/

#menu {
	text-align: center;
	font-family: "Georgia", Times, serif;
	font-size: 13pt;
	background-image: url(images/menu_bg.jpg);
	background-repeat: no-repeat;
	height: 62px;
	width: 917px;
	margin: 0 auto 0 auto;
	}

#menu ul { margin: 0; padding: 17px 0 0 0; }

#menu li {
	display: inline;
	list-style-type: none;
	padding: 0 8px;
	letter-spacing: 1px;
	}

#menu a { text-decoration: none; color: #FFF; }
	
#menu a:hover { color: #f1cc00; }

#menu_current a {
	color: #f1cc00;
	border-left: 7px solid #f1cc00;
	border-right: 7px solid #f1cc00;
	margin: 0 -10px;
	padding: 0 3px;
	}



/******************************************/
/***********BREADCRUMB & TOPFLAGS***********/
/******************************************/

#breadcrumb {
	width: 100%;
	font-family: Arial, Geneva, sans-serif;
	color:#999;
	font-size: 12px;
	position: relative;
	margin: 0 0 0 1px;
	}

#breadcrumbs { }

#breadcrumbs a { color: #417d11; }
	
#breadcrumbs strong { font-weight: normal; }
	
/******************************************/
/**************CONTENT*********************/
/******************************************/

#content_holder { padding: 0 97px 0 92px;}

#content {
	background-image:url(images/repeat_textbg.gif);
	background-repeat: repeat-y;
	width: 917px;
	margin: 0px auto;
	position: relative;
	}
	
#content img { border: solid 1px #CCC; padding: 4px; }
	
#content a img {  /*Affects to Nextgen Gallery thumbnails*/
	border: solid 1px #CCC;
	padding: 4px;
	margin: 3px;
	}
	
#content a:hover img { border: solid 2px #FF9900; padding: 3px; } /*Affects to Nextgen Gallery thumbnails*/


/*******************************************/
/*************** POSTS *********************/
/*******************************************/

.post {	line-height: 14pt; padding: 13px 0 0 0 ; position: relative;}

.post h2 a { color: #d56e00; text-decoration: none; }
	
.post h2 a:hover { color: #d56e00; text-decoration:underline; }
	
.post h2 a:visited { color: #9d5100; }

.entry p { margin: 12px 0; }

.entry ul { 
	list-style: none;
	list-style-image: url(images/bullet.gif);
	padding: 0 0 0 15px;
	margin: 0;
	}
	
.entry li { 
	padding: 0;
	margin: 0;
	}

.postheader {
	padding: 0 0 0 6px;
	width: 480px;
	border-left: 5px #f1cc00 solid;
	}
	
.commentscount {
	background-image: url(images/comment_background.jpg);
	background-repeat: no-repeat;
	width: 46px;
	height: 37px;
	position: absolute;
	right: -1px;
	padding: 7px 0 0 0;
	text-align: center;
	}
	
.pagetitle {
	padding-top: 10px;
	}
	
.commentscount a { font-size: 17px; color: #c3710e; font-weight: bold; padding: 0 10px 0 0;}
	
.commentscount a:hover { text-decoration: none; color: #FFF; }	
	
* html .commentscount { right: -1px; }
	
.postmetadata { font-size: 11px; padding-top: 2px;}

.postmetadatabig { font-size: 11px; padding: 6px 0 6px 6px; background-color: #ebe1d1;}

.navigation { /*Previous post and Next Postst-navigation*/
	font-size: 12px;
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	overflow: hidden;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.navigation_single_bottom { /*Previous post and Next Postst-navigation*/
	font-size: 12px;
	width: 100%;
	margin: 0;
	overflow: hidden;
	font-weight: bold;
	text-transform: uppercase;
	}

.alignleft a { text-align: left; margin: 0; }
.alignright a { text-align: right; margin: 0; }

/*******************************************/
/**************** COMMENTS *******************/
/*******************************************/

#comments{margin:0; padding:0}
	
ol.commentlist {list-style-type: none; margin:0; padding:0;}

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {
	border-left: #CCC 4px solid;
	background-color: #fff;
	margin: 10px 0 0 0;
	padding:5px 0 0px 10px;
	list-style-type:none;
	}

ol.commentlist li.alt {background-color: #fff; }
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0; line-height: 14pt;}

.reply {
	text-align: right; 
	padding: 5px 10px 5px 0; 
	border-bottom: 3px solid #e9e9e9; 
	border-right: 3px solid #e9e9e9; 
	text-transform: uppercase; 
	font-size: 11px; 
	font-weight: bold;
	}
	
#respond h2{
	padding: 12px 0 7px 0;
	}

/*******************************************/
/**************** FORMS *******************/
/*******************************************/

#comment { width:100%; }

#searchform {
	padding: 0 0 6px 0;
	margin: 0;
	}
	
#searchformpage { padding: 8px 0 6px 0; margin: 0 0; 	border-top: 1px solid #CCCCCC;}
	
.searchpost h2 {
	font: normal 15pt georgia, times;
	padding: 25px 0 0 0;
	margin: 0;
	}
		
.search-excerpt { background-color: #FF9; font-weight: normal; }/* makes search results highlighted */
	
input {
	padding: 3px;
	margin: 5px 0 3px 0;
	border: 1px solid #999999;
	font-size: 11px;
	color: #666666;
	}
	
input:focus {
	background-color: #eaeaea ;
	}
	
.submit {
	font-family: "Arial", Verdana;
	font-size: 10px;
	margin: 0 2px;
	padding: 2px 0 0 0;
	cursor: pointer;
	font-size: 11px;
	border: 1px solid #d27d00;
	text-transform: uppercase;
	font-weight: bold;
	background-image: url(images/btn_repeat.gif);
	background-repeat: repeat-x;
	color: #a05300;
	}	
	
.submit:hover {
	color: #FFF;
	background-color: #333;
	}

#commentformsubmit { text-align: right; padding-top: 10px; }

.mandatory { color: #C00; font-weight: bold; }

.checkbox { margin: 4px; border: none;}

.zip { margin-left: 13px; }

#formholder {
	width: 100%;
	padding: 5px 0 5px 40px;
	margin-top: 5px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #f2ebe5;
	}

.formerror  {
	border: 2px #C00 solid; 
	padding: 10px 10px;
	margin: 10px 0 0 0;
	background-color: #fcdddd;
	font-weight: bold;
	width: 700px;
	}

.inputerror { border: 2px #C00 solid;  padding: 2px; }

.inputcontenterror { color:#C00; font-weight: bold; display: inline; }

.inputok {}

#name_error { width: 100px; }
#phone_error { width: 200px;  }
#mail_error { width: 180px;  }

/*******************************************/
/**************SIDEBAR**********************/
/*******************************************/

#sidebarfix { float: right; width: 510px; } /*Helps to keep sidebar at bay on a page*/
	
#sidebar {
	font-family: "Arial", Geneva, sans-serif;
	font-size: 11px;
	float: left;
	width: 200px;
	margin: 0;
	padding: 0 5px 0 0 ;
	border-right: 1px solid #ddd;
	}
	
#sidebar li {
	margin: 0;
	padding: 2px 0 3px 0;
	list-style-type: none;
	}	
	
#sidebar ul {
	margin:0 0 7px 0;
	padding:0 0 7px 0;
	border-bottom: solid #CCC 1px;
	}

#sidebar h2{
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 17px;
	font-weight: normal;
	padding: 0px 0 4px 0;
	}
	
#sidebar h2 a{
	font-size: 17px;
	}

#sidebar a { font-size: 13px; font-family: "Georgia", Times New Roman, Times, serif; }
	
#sidebar a:hover { text-decoration: none; color: #666666; }
	
#sidebar li.current-cat a { text-decoration: none;  color: #666666; }

#sidebar img { border: solid 1px #CCC; padding: 4px; }
	
#sidebar_page {
	font-family: Arial, Geneva, sans-serif;
	font-size:12px;
	float: left;
	width:200px;
	margin:0;
	padding: 0 5px 0 0 ;
	border-right: 1px solid #ddd;
	line-height: 20px;
	}
	
#sidebar_page h2{
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size: 17px;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 6px;
}

#sidebar_page p {margin: 0; padding: 0;}

#sidebar_page ul { margin: 0; padding: 0 0 13px 0;}

#sidebar_page ul li { margin: 0; padding: 0; list-style-type: none; }
	
#sidebar_page ul li a { font-size: 14px; font-family: "Georgia", Times New Roman, Times, serif; }

#sidebar_page ul li ul li a { font-size: 13px; padding: 0 0 0 10px; margin:0;}
	
#sidebar_page a:hover { text-decoration: none; color: #666666; }

#sidebar_page li.current_page_item a { text-decoration: none; color: #666666; }

#sidebar_page li.current_page_item li a { color: #d56e00; }

#sidebar_page a img, #sidebar_page a:hover img {
	border: none;
	padding: 0;
	margin: 0;
	}
	
.textwidget { border-top: solid #CCC 1px; font-size: 12px;}

.textwidget p { padding-bottom: 10px; }

#sidebar .textwidget h2 { padding-bottom: 10px; }

#sidebar .textwidget img { border: none; margin: 0 4px 0 0; padding: 0; }


	
/*******************************************/
/**************MISC**********************/
/*******************************************/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright { float: right; }

.alignleft { float: left }
	
.clear { clear: both; }

.salaisuus { display: none; }

#contact_table {
	width: 100%;
	text-align:left;
	padding: 8px 0 12px 0;
}

#footerinfo #production {font-size: 11px; color: #834400;}


/*******************************************/
/*****************FOOTER********************/
/*******************************************/

#footer {
	position: relative;
	background-image:url(images/footer_bg.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	height: 46px;
	width: 917px;
	letter-spacing: 1px;
	}
	
#footer_navigation {
	font-family: "Georgia", Times, serif;
	font-size: 11pt;
	font-weight: normal;
	text-align: center;
	padding-top: 13px;
	}
	
#footer_navigation a {
	text-decoration: none;
	color: #fff
	}
	
#footer_current a {
	color: #f1cc00;
	border-left: 7px solid #f1cc00;
	border-right: 7px solid #f1cc00;
	margin: 0 -10px;
	padding: 0 3px;
	}
	
#footer_navigation a:hover { color: #f1cc00; }

#footer_navigation ul { margin: 0 0 0 0; padding: 0 0 0 0; }

#footer_navigation li { display: inline; list-style-type: none; padding: 0 8px;}

#footerinfo {
	color: #51300c;
	font-size: 12px;
	width: 780px;
	margin: 0 auto 0;
	padding: 20px 0 20px 0;
	text-align: center;
	}
	
#footerinfo a {color: #834400;}

/***************************************/
/******* FRONTPAGE TEMPLATE *************/
/*************************************/

#frontpage { text-align: justify; line-height: 14pt; position: relative; border: none; }

.frontpage_post { line-height: 14pt; position: relative;}

.frontpage_entry { margin: 0; }

#frontpage img {margin: 10px 0 0 15px;}

.frontpage_entry p { margin: 12px 0; }
	
#frontpage_newsholder { 
	width: 406px;
	height: 417px; 
	float: left;
	background-image: url(images/bg_news.gif);
	background-repeat: no-repeat;
	padding-bottom: 30px;
	}

#frontpage_news {
	text-align: justify;
	width: 390px;
	padding: 25px 0 0 10px;
	}

#frontpage_news h2 { padding: 0 0 10px 40px; }

#frontpage_news h2 a { font-size: 11px !important; padding-left: 45px; font-family: Arial, Helvetica, sans-serif;} 

#frontpage_news h3 {
	font-size: 15px;
	padding: 0px;
	margin: 0px;	
	}
	
#frontpage_news small { font-size: 11px; color: #666;}

#frontpage_news p { padding-bottom: 15px; }

#frontpage_mischolder { 
	width: 303px;
	float: right;
	padding-top: 8px;
	}

#frontpage_search { background-color: #ebe1d1; padding: 0px 0px 0px 15px; }

#frontpage_searchform { padding: 0 0 10px 0; margin: 9px 0 0 0; }

#frontpage_gallery h2 { padding: 12px 0 7px 3px; }

#frontpage_gallery h2 a { font-size: 11px; padding-left: 75px; font-family: Arial, Helvetica, sans-serif; }

#frontpage_subscribe {
	background-image:url(images/bg_newsletter.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	font-size: 11px;
	line-height: normal;
	}
	
#frontpage_subscribe h2 { padding: 15px 0 10px 40px; }

#frontpage_subscribeform {
	padding: 3px;
	margin: 6px 0 3px 0;
	border: 1px solid #999999;
	font-size: 11px;
	color: #666666;
	}
