/*
Theme Name: Bremo
Theme URI: http://www.bremo.fi/
Description: Bremo Theme
Version: 1.0
Author: Kuvio Helsinki Oy
Author URI: http://www.kuvio.fi
*/
@import "reset.css";

.fleft { float: left; }
.fright { float: right; }
.fnone { float: none !important; }
.clear { clear: both; }
.tleft { text-align: left; }
.tright { display:block;text-align: right; }
.tcenter { text-align: center; }
a.orange { color: #f68f00; }

body {
    background: #fff url('images/body.png') repeat-x top left;
    font: normal 13px Arial, Tahoma, Helvetica, sans-serif;
}

a {
    color: #424242;
    text-decoration: none;
}
a:hover {
    color: #f68f00;
}

#page {
    margin: 0px auto;
    width: 964px;
}

#top_bar {
    width: 960px;
    text-align: right;
}
#top_bar a {
    background: #fff url('images/login_link.png') no-repeat top left;
    color: #fca933;
    display: block;
    float: right;
    font: bold 13px Helvetica, sans-serif;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    width: 129px;
}

#header {
    height: 92px;
}

#logo a {
    background: transparent url('images/logo.png') no-repeat top left;
    display: block;
    float: left;
    height: 48px;
    margin: 15px 0 0 15px;
    width: 187px;
}
#logo a span {
    display: none;
}

#navigation {
    float: right;
    margin: 20px 0 0 0;
}
#navigation li {
    float: left;
    margin-right: 10px;
    padding-bottom: 13px;
}
#navigation li a {
    color: #000;
    display: block;
    padding-right: 5px;
}
#navigation li a span {
    display: block;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    padding: 5px 5px 5px 10px;
}
#navigation li a:hover {
    color: #fca933;
}
#navigation li.current_page_item, #navigation li.current_page_parent {
    background: transparent url('images/navigation_current_tip.png') no-repeat bottom center;
}
#navigation li.current_page_item a, #navigation li.current_page_parent a {
    background: transparent url('images/navigation_current_right.png') no-repeat top right;
}
#navigation li.current_page_item a span, #navigation li.current_page_parent a span {
    background: transparent url('images/navigation_current_left.png') no-repeat top left;
}
#navigation li.current_page_item a:hover, #navigation li.current_page_parent a:hover {
    color: #000;
}

#inner {
    background: #fff url('images/content_top.png') no-repeat top left;
    padding: 43px 10px 0;
    width: 944px;
}

#content {
    float: right;
    font-size: 13px;
    padding-bottom: 20px;
    width: 700px;
}

#content h1 {
	font-size: 26px;
	font-style: italic;
	font-weight: normal;
	line-height: 32px;
	margin-bottom: 40px;
}

#content h2 {
    clear: both;
    margin: 10px 0 20px;
}
#content h3 {
    float: left;
    font-size: 16px;
}
#content h2, #content h2 a {
    color: #f79505;
    font-size: 26px;
    letter-spacing: -0.03em;
}

#content .split_col {
	float: left;
	font-size: 16px;
	line-height: 24px;
	width: 50%;	
}
#content .split_col.small {
	font-size: 13px;	
}
#content .split_col label {
	display: block;
	float: left;
	font-size: 12px;
	line-height: 24px;
	vertical-align: bottom;
	width: 150px;
}
#content .split_col strong {
	font-size: 13px;
}

#content .entry {
    color: #424242;
    line-height: 18px;
}
#content .entry p {
    letter-spacing: -0.01em;
    margin: 10px 0px;
}
#content .entry ul {
    list-style: disc inside;
}
#content .entry ul li {
    color: #fca933;
    line-height: 1.4em;
}
#content .entry ul li span {
    color: #424242;
}
#content .post_sidedata {
    border-top: 1px #e2e2e2 solid;
    color: #4b4b4b;
    float: left;
    font-size: 10px;
    font-weight: bold;
    padding-top: 10px;
    width: 100px;
}

#content .post_maindata {
    border-top: 1px #e2e2e2 solid;
    float: left;
    padding: 10px 0 10px;
    width: 600px;
}

#content .post_maindata h2 {
    color: #4b4b4b;
    letter-spacing: -0.02em;
}

#content .postmetadata a { color: #fca933; }

#content .contact_area {
    float: left;
    font-size: 14px;
    font-weight: bold;
    width: 125px;
}
#content .contact_responsibles {
    float: left;
}
#content .contact_responsibles ul, #content .contact_responsibles ul li {
    color: #4b4b4b;
    list-style: none;
}

#content .contact_responsibles .responsible, #content .contact_responsibles ul, #content .contact_responsibles ul li {
    margin-bottom: 10px;
}

#content .contact_responsibles .responsible .responsible_area {
    font-weight: bold;
    padding-right: 20px;
}

#content .contact_responsibles .responsible .responsible_name, #content .contact_responsibles .responsible .responsible_phone {
    padding-left: 0px;
}

.partner-logo {
    float: left;
    padding: 5px;
}

#sidebar {
    float: left;
    font: bold 13px Arial, helvetica, tahoma, sans-serif;
    width: 230px;
}
#sidebar > ul {
    background: #fff url('images/sidebar_end_gray.png') no-repeat bottom left;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#sidebar > ul li {
    padding-right: 5px;
}
#sidebar > ul li  div { padding: 0 0 5px; }
#sidebar ul li.extended {
    color: #f68f00;
    padding: 20px 20px 0px 15px;
    text-align: right;
}
#sidebar ul h3 {
    background: #fff url('images/sidebar_top_gray.png') no-repeat top left;
    color: #555;
    padding: 10px 15px 5px;
}
#sidebar ul li ul li {
    background: #fff url('images/sidebar_middle_gray.png') repeat-y top left;
    padding: 5px 15px;
}
#sidebar ul li ul li a {
    color: #000;
    font-weight: normal;
    text-decoration: none;
}
#sidebar ul li ul li a:hover {
    color: #3F3B3B;
}
#sidebar > ul.orange {
    background-image: url('images/sidebar_end_orange.png');
}
#sidebar ul.orange h3 {
    background: transparent url('images/sidebar_top_orange.png') no-repeat top left;
    color: #000;
}
#sidebar ul.orange li {
    background: transparent url('images/sidebar_middle_orange.png') repeat-y top left;
}
#sidebar ul.orange p {
    padding: 0px 15px;
}
#sidebar ul.orange form {
    padding: 0px 15px;
}
#sidebar ul.orange form p {
    font-weight: normal;
    padding: 5px 0;
}
#footer {
    border-top: 1px #ccc solid;
    margin-bottom: 25px;
    padding: 10px;
}