/*
Theme Name: Catch Mustang
Theme URI: http://catchthemes.com/themes/catch-mustang
Author: Catch Themes Team
Author URI: http://catchthemes.com
Description: Catch Mustang is an elegant, responsive and customizable WordPress theme build in HTML5 and CSS3. It is an ideal theme for showcasing your portfolio, photo galleries, services and testimonials. This theme has great line of features such as custom post types, custom header title and description for page, post and category, custom background, custom logo and favicons, custom meta box, advance image / post featured slider, custom widgets, advance theme options, and translation Ready.
Version: 1.2
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: black, gray, dark, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-menu, featured-images, full-width-template, theme-options, translation-ready, holiday, photoblogging

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

@import url('styles_elli.css');
@import url('styles_heini.css');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html,body {
	width: 100%;
	overflow-x: hidden;
}

html {
	-webkit-text-size-adjust: none;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}

ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
p.noSearchResults {
	padding-right:20px;
	padding-bottom:80px;
}


/* =Global
----------------------------------------------- */
body, input, textarea {
	color: #363534;
	font: 14px Georgia, Helvetica, Arial, sans-serif;
	line-height: 1.625;
}
body {
    background: #FFF;
	word-wrap: break-word;
}
.wrapper {
    margin: 0 auto;
    max-width: 978px;
    width: 94%;
}
#wrapper-middle {
	background:#fff;
	padding-top: 40px;
	position: relative;

}
.home #wrapper-middle {
	padding-top: 20px;
	background:none;
}
/* Headings */
h1 {
	font-size: 34px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	text-align:left !important;
}
hr {
    background-color: #b5b5b5;
    border: 0 none;
    height: 1px;
    margin-bottom: 1.625em;
}
/* Text elements */
p {
	margin-bottom: 15px;
	text-align: left !important;
}
ul, ol {
	margin: 0 0 20px 20px;
}
ul a, ol a {
	color: #000000;
}
ul a:hover, ol a:hover {
	color: #000000;
	text-decoration: underline;
}
#content ul, ol {
	margin: 10px 0 20px 20px;
	padding-right: 100px;
}
#content ul a, ol a {
	color: #000000;
	padding-top:10px;
}
#content .widgets_on_page ul li.widget_listcategorypostswidget li a, #content .widgets_on_page ul li.widget_listcategorypostswidget li a:hover {
	float: right;
	text-align: left;
	padding-top: 0px;
	width: 70%;
	margin-right: 50px;
	display:block;
	}
#content .widgets_on_page ul li {list-style-type:none;}
#content .widgets_on_page ul li.widget_listcategorypostswidget li {
	display:block;
	margin-bottom:10px;
	clear: both;
	min-height:50px;
	padding:10px;
	background:#F9F9F9;
	border-bottom: 1px #fff solid;
	}
#content .widgets_on_page ul li.widget_listcategorypostswidget ul li:hover {
	background:#eee;
	}
#content ul a:hover, ol a:hover {
	color: #000000;
	text-decoration: underline;
	padding-top:10px;
}
#Yhteystiedot ul, ol {
	margin: 10px 0 20px 20px;
	padding-right: 0px !important;
}
#Yhteystiedot p {
	padding-right: 20px !important;
}
#Yhteystiedot li#widget_sp_image-8 p {
	padding-bottom:60px;
}
#primary #content h3, #primary #content h2 {
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 15px;
	padding-right:70px;
	padding-bottom: 15px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
footer h3  {
	padding-top:80px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 25px;
	padding-right:20px;
}

footer a { color:black !important;
}
ul {
	list-style: disc outside url("images/bull.png");
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}

ul.xoxo.blogroll {
	list-style: none;
	margin:0;
}

ul.xoxo.blogroll a{
	color:#333;
}

ul.xoxo.blogroll li{
	list-style: none;
	padding-right:40px;
	margin-bottom:0px;
	padding-bottom:0px;
	color:#333;
	font-size:14px;
	display:block;
    	padding: 5px 5px 5px 15px;
   	margin-bottom: 5px;
	background: #f9f9f9;
	border-left: 6px solid #ccc;
}
ul.xoxo.blogroll li:hover {
	list-style: none;
	text-decoration:none;
	padding-right:40px;
	margin-bottom:0px;
	padding-bottom:0px;
	color:#333;
	font-size:14px;
	display:block;
    	padding: 5px 5px 5px 15px;
   	margin-bottom: 5px;
	background: #f9f9f9;
	border-left: 6px solid #000000;
}
ul.xoxo.blogroll a:hover, ol.xoxo.blogroll a:hover {
	text-decoration: none;
}

strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
h3 {line-height:1.3;}
h3 a { color: #223E92; padding-right: 30px;}
/* Blockquote */
blockquote {
	font-style: italic;
	font-weight: normal;
	padding: 20px 20px 20px 50px;
	background: url(images/blockquote-bg.jpg) 10px 10px  no-repeat #f5f5f5;
	border-bottom: 2px solid #c8c8c8;
	margin-bottom: 20px;
	max-width: 572px;
}
blockquote p {
	margin: 0;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	/*  margin-right: 1.625em; */
	margin-right: 2.1em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Breadcrumb */
.breadcrumb {
	border-bottom: 1px solid #b5b5b5;
	-moz-box-shadow: 0 1px 0 #ececec;
	-webkit-box-shadow: 0 1px 0 #ececec;
	box-shadow: 0 1px 0 #ececec;
	margin-bottom: 20px;
}
.breadcrumb ul {
	margin: 0;
	list-style: none;
	padding-bottom: 10px;
}
.breadcrumb ul li {
	float: left;
	margin: 0 10px 0 0;
	padding-bottom: 10px;
	font-size: 12px;
}
.breadcrumb ul li a, .breadcrumb ul li.current_item {
	float: left;
	line-height: 18px;
	padding: 3px 10px 2px;
	border: 1px solid #b5b5b5;
	display: block;
	background-color: #d5d5d5;
	color: #898989;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 0 #efefef;
	-webkit-box-shadow: 0 1px 0 #efefef;
	box-shadow: 0 1px 0 #efefef;
}
.breadcrumb ul li a:hover, .breadcrumb ul li.current_item {
	background-color: #eaeaea;
	text-decoration: none;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 22px;
	margin-bottom: 20px;
	overflow: auto;
	padding: 20px 20px;
	max-width: 602px;
	border-bottom: 2px solid #C8C8C8;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
/* Forms */
input, textarea {
	-webkit-border-radius:0px;
}
/*input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
	-webkit-appearance: caret;
	-moz-appearance: caret;
}*/
input[type=text],
input[type=email],
input[type=password],
textarea {
	background: #F9F9F9;
	border: 1px solid #aeaeae;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 34px;
    	padding: 0px 10px;
    	width: 50%;
}
textarea {
	height: 150px;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="search"]:hover,
input[type="password"]:hover,
textarea:hover {
	background-color: #F9F9F9;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus  {
	background-color: #eee;
}
input#s {
	background: url(images/search_2.png) no-repeat 5px 6px #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 12px;
	height: 22px;
	line-height: 24px;
	padding: 4px 10px 4px 28px;
}
input[type="reset"], input[type="button"], input[type="submit"] {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height: 34px;
	background: #F9F9F9;
	line-height: 33px;
	border: 1px solid #aeaeae;
	/*box-shadow: 0 1px 2px #898989;
	-moz-box-shadow: 0 1px 2px #898989;
	-webkit-box-shadow: 0 1px 2px #898989;*/
	font-size: 14px;
	text-shadow: none;
	color: #363534;
	padding: 0 10px;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
	cursor: pointer;
}
input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
	opacity: 10;
	-moz-opacity: 10;
	filter:alpha(opacity=100);
}
/* Links */
a, a:active, a:focus {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active, #access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}

.home .feedContent p {
	margin-right:20px;
}

.home .ajankohtaista img {
	float: left;
	width: 100px;
	margin: 0 20px 20px 0;
}

.home .ajankohtaista h3 {
	margin-right:20px;
	padding-right:20px;
	clear: none;
}

.home .ajankohtaista .news-item {
	padding-bottom: 20px;
}

.feedContent p {
	padding-right:40px;
}
.home .feedContent p {padding-right:20px;}
/* No margin */
.no-margin-top {
	margin-top:0px !important;
}
.no-margin-bottom {
	margin-bottom:0px !important;
}
.no-margin-left {
	margin-left:0px !important;
}
.no-margin-right {
	margin-right:0px !important;
}
.no-padding-top {
	padding-top:0px !important;
}
.no-padding-bottom {
	padding-bottom:0px !important;
}
.no-padding-left {
	padding-left:0px !important;
}
.no-padding-right {
	padding-right:0px !important;
}
.no-border-top {
	border-top:0 none !important;
}
.no-border-bottom {
	border-bottom:0 none !important;
}
.no-border-left {
	border-left:0 none !important;
}
.no-border-right {
	border-right:0 none !important;
}
/* clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
.wideline {width:100%;}
/* start commented backslash hack \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display: block;
}
.CL {
	clear: left;
}
.clear {
	clear: both;
}
.displayblock {
	display: block;
}
.displaynone {
	display: none;
}
#wpstats {
	display: none;
}
/* wp-members */
#wpmem_login input[type="password"], #wpmem_login input[type="text"], #wpmem_reg input[type="text"] {
 	height:13px !important;
}
#wpmem_reg .button_div, #wpmem_login .button_div {
    text-align: left !important;
}

#wpmem_reg .buttons, #wpmem_login .buttons {
    background-color: #f6f6f6 !important;
    border: 1px solid rgb(210, 210, 210);
    background-repeat: repeat-x;
    background-image: none !important;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0  !important;
    margin-right: 20px;
}
#wpmem_reg .div_text, #wpmem_reg .div_checkbox, #wpmem_reg .div_select, #wpmem_login .div_text {
    height: 35px;
    margin-bottom: 0px !important;
}

#wpmem_reg legend, #wpmem_login legend {
    font-size: 1.1rem !important;
    line-height: 1.4;
    font-weight: normal;
    padding-bottom:15px;
}
#wpmem_reg fieldset, #wpmem_login fieldset {
    padding: 0px !important;
}
#wpmem_reg, #wpmem_login {
    padding-top: 10px !important;
    margin-left: 0px !important;
}

/* accordion */
.wp-accordion {
	margin: 20px 40px 0px 0 !important;
}


.wpui-light .ui-collapsible-header, .wpui-light .ui-accordion h3.ui-accordion-header {
	background:#F9F9F9 !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	text-shadow: none  !important;
	border:#ccc 1px solid !important;

}
.wpui-light h3.ui-collapsible-header.ui-state-active, .wpui-light .ui-accordion h3.ui-accordion-header.ui-state-active {
	background:#223E92 !important;
	border-radius: 0 !important;
	border:0!important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	text-shadow:none  !important;
}
.wpui-light .ui-corner-bottom {
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
}
.page .ui-accordion h3.ui-accordion-header {
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}

/* close commented backslash hack */
a.readmore {
	font-size: 14px;
	padding: 0px;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter:alpha(opacity=90);
	color:#000000;
}
.home a.more-link {
	font-size:14px !important;
}
a.readmore:hover {
	text-decoration: none;
	opacity: 10;
	-moz-opacity: 10;
	filter:alpha(opacity=100);
}
dl {
    margin: 0 2em;
}
dt {
    font-weight: bold;
}
dd {
    margin-bottom: 2em;
}

/*#ContentWrapper {
	background:url(images/flower.png) no-repeat;
	background-position: right-top;

}
*/
/*#ContentWrapper {
    background: url("images/flower.png") no-repeat scroll right top transparent;
}*/

.flowerOutside {
	width: 100%;
	height: 517px;
	position: absolute;
	top: 65px;
	left: 0;
	overflow: hidden;
}

.flowerInside {
	background: url("images/flower.png") no-repeat;
	background-size: contain;
	width: 600px;
	height: 517px;
	position: absolute;
	right: 50%;
	margin-right: -850px;
	z-index:0;
}

.colourStripe {
	height:8px;
	background:	#223E92;
}

/* =Header
----------------------------------------------- */

#header-bg {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
    position: relative;
    z-index: 1000;
}
.home #header-bg {
    margin-bottom: 26px;
    padding-bottom: 0;
}
#header-content {
	padding:5px 0px 10px 0px;
}

#branding hgroup {
    display: inline-block;
    float: left;
}
#lang {display:block;float:right; position:relative; margin-bottom:18px; }
#lang a { color:#333;}
#lang .space { color:#ccc; padding:0 5px;}
#lang ul { list-style:none;}
#lang li { float:left; list-style-type:none;}
#site-logo,
#site-details {
    display: inline-block;
    float: left;
	padding-bottom: 20px;
}
#header-no-lang {clear:both;}

#site-logo {
	width: 300px;
}

#site-logo a img {
    float: left;
    height: auto;
    max-width: 87%;
    padding-right: 20px;
}
#site-title {
	display:none;
}
#site-logo a,
#site-title a {
    color: #ddd;
}
#site-title a:hover {
	color: #fff;
	text-decoration: none;
}
#site-description {
    color: #6D757C;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 0;
}
#sidebar-top {
    float: right;
}

#branding #searchsubmit {
	display: none;
}

#branding #searchform {
	clear: both;
	float: right;
	padding-bottom: 20px;
}
#branding #s {
	/*background: url(images/search.png) no-repeat 10px 7px #f9f9f9;*/
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	/*border: 1px solid #24272b;*/
	-webkit-box-shadow: 0 3px 4px #2b2f34 inset, 0 1px 0 #474c51;
	-moz-box-shadow: 0 3px 4px #2b2f34 inset, 0 1px 0 #474c51;
	/*box-shadow: 0 3px 4px #2b2f34 inset, 0 1px 0 #474c51;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 93px;
	padding: 4px 10px 4px 33px;
	height: 22px;
	color:#6D757C;
}
#branding #s:focus {
	/*background-color: #3e4349;*/
	width: 200px;
	color:#888;
}


/* =Menu
-------------------------------------------------------------- */
#access {
	background:url(images/nav_bg.jpg) no-repeat bottom;
	padding: 0 0 0;
	position: relative;
}
.home #access {
	margin:0 0 -26px 0;
}
#access select {
	background: none;
	border: 0 none;
	color: #474E55;
	padding: 5px 0;
	width: 100%;
}
#access ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
}
#access li {
	float:left;
	margin:10px 10px 0 0;
	position:relative;
}

#access a {
    color: #474e55;
    display: block;
    float: left;
    font-size: 20px;
    line-height: 24px;
    padding: 3px 10px 8px;
}
#access a:hover,
#access li.current-menu-item a,
#access li.current-menu-parent a,
#access li.current_page_item a,
#access li.current_page_ancestor a,
#access li.current_page_ancestor a,
#access li.current_page_parent a,
#ajank #access li.menu-item-object-category a {
	text-decoration:none;
	border-bottom:5px solid #000000;
	padding: 3px 10px 3px;
}
#access a:active {
	text-decoration:none;
	border-bottom:3px solid #000000;
}
ul.children {display:none;}
.current_page_item ul.children{display:block; }
.page-child #sideMenu ul .current_page_parent ul.children {display:block;}

/* Dropdown */
#access ul ul, #access ul li:hover ul ul {
	display:none;
	z-index:1000;
}
#access ul li:hover ul, #access ul ul li:hover ul {
	display:block;
}
#access ul ul {
	position:absolute;
	background-color:#474e55;
	top: 26px;
	left:0px;
	padding:0px 10px;
	width:185px;
	margin:0px;
	-webkit-border-radius: 4px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 4px;
	-moz-border-radius-topleft: 0;
	border-radius: 4px;
	border-top-left-radius: 0;
}
#access ul ul ul {
	left:185px;
	top:0;
}
#access ul ul li {
	border-bottom: 1px solid #666;
	border-right:0 none;
	float: none;
	margin:0;
	padding:5px 0;
}
#access ul ul li:last-child {
	border: none;
}
#access ul ul li a {
    color: #999;
    float: none;
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
    padding: 0 10px;
}

#access ul li:hover > a {
	/*background-color:#474e55;*/
	/*color:#fff;*/
}
#access ul ul li a:hover, #access ul ul li:hover > a {
	background-color: #fff;
	color: #474e55;
	line-height: 22px;
	text-decoration: none;
}

/* = sideMenu
-------------------------------------------------------------- */

#sideMenu {
	width: 30%;
	position:relative;
	top: 5px;
	clear: left;
}
.page-id-15 #sideMenu {
	top: 5px;
}
#sideMenu ul {margin-left:0;}

#sideMenu ul li {
	list-style:none;
	font-size:18px;
	margin-bottom: 5px;
}

#sideMenu ul li a {
	padding: 10px 10px 10px 10px;
	font-size:14px;
	color:#000;
	display:block;
	padding: 3px 10px;
	background: #F9F9F9;
	border-left: 6px solid #ccc;
}


#sideMenu ul li a:hover, #sideMenu ul li.current_page_item a, #sideMenu ul li.current_page_parent a, #sideMenu ul li.current a,
#secondary article.current_page_item a {
	text-decoration:none;
	border-left: 6px solid #000000;
}
#sideMenu .category-title{
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 1.3;
	margin-top:40px;
}

#sideMenu ul ul.children {
	margin-left:20px;

}

#sideMenu ul ul.children li a {
	padding-top:5px;
	background:none;
	border-bottom: 1px solid #ccc;
	border-left: none;
}

#sideMenu ul ul.children li a:hover, #sideMenu ul ul.children li.current_page_item a {
	text-decoration:none;
	border-bottom: 1px solid #000000;
	border-left: none;
}

#signout {float:right; margin-right:20px;}

/* = Custom News
-------------------------------------------------------------- */

/* =Featured Slider
-------------------------------------------------------------- */
#slider {
	position:relative;
	padding-bottom:0px;
}
.slider-img {
	margin-top:0px;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-right: 1px solid #CCC;
	position:relative;
}

#nav-slider img {
	height: auto;
	max-width: 100%;
	display:inline-block;
}
#nav-slider .nav-previous,
#nav-slider .nav-next {
    background: url("images/opacity-bg.png") repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 25px;
    opacity: 0.5;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 25px;
    z-index: 999;
}
#nav-slider .nav-previous:hover, #nav-slider .nav-next:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
#nav-slider .nav-previous {
	left: 20px;
}
#nav-slider .nav-next {
	right: 20px;
}
.featured-text {
  background: url("images/opacity-bg.png") repeat scroll 0 0 transparent;
    color: #fff;
    position: absolute;
    bottom: 0px;
    width: 100%;
    width: 99.80%;
    margin-left: 1px;
}

.featured-text h2 {
	font-size: 14px;
	font-family: Verdana;
	padding-left: 5px;
	padding-bottom: 0px;
}
.featured-text p {
    color: #ddd;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
}
.featured-text a {
    bottom: 0;
    display: block;
    height: 21px;
    position: absolute;
    right: 0;
    text-indent: -20000px;
    width: 100%;
}
.featured-text a.readmore {
	display: none;
}


/* =Content
----------------------------------------------- */
#main {
	padding-top: 20px;
}
#primary {
	float: right;
	margin-bottom: 10px;
	width: 65.64%;
}
.content-leftsidebar #primary {
	float: right;
}
#content article {
    	padding-bottom: 40px;
}
#primary .testimonials {
	padding-bottom: 40px;
}
#secondary {
	width: 31.28%;
	margin-left: 3.06%;
	font-size: 13px;
	line-height:22px;
	float:left;
}
#main #secondary h2 {
   	 font-size: 16px;
    	margin-bottom: 0;
	font-weight:bold;
}
.single #main #secondary, .category #main #secondary {margin-left:0; top:0px;}
#secondary p a {
	padding-right:40px;
	margin-bottom:0px;
	padding-bottom:0px;
	color:#333;
	font-size:14px;
	display:block;
    	padding: 5px 5px 5px 15px;
   	margin-bottom: 5px;
	background: #f9f9f9;
	border-left: 6px solid #ccc;
}
#secondary p {
    	padding:0;
	margin:0;
}

#secondary p a:hover {
	border-left: 6px solid #000000;
	text-decoration:none;
}
#secondary h2 {
	margin-top:10px;
}
#secondary .tapahtumat-title{
	padding-top:15px;
}
.entry-date {padding-right:10px;}
.page-id-426 #secondary {
	float:left;
}
.page-id-123 #secondary {
	float:left;
}
.content-leftsidebar #secondary {
	position: relative;
	top: -20px;
	margin-left: 0;
	margin-right: 3.06%;
	float:left;

}
.content-leftsidebar #secondary.logo {
	top: 0px;

}
#secondary .wid-contact {
	padding-bottom: 10px;
	margin-bottom: 0;
}
#home-top-sidebar {
	padding-bottom:10px;
	margin-left:-3.06%
}
#home-top-sidebar .widget {
	width:30.36%;
	float:left;
	margin:0 0 0 2.97%;
	padding-bottom: 20px;
	min-height:210px;
	overflow:hidden;

}
#home-top-sidebar .widget ul{
	margin:0 0 0 10px; padding:0;
}
#home-top-sidebar .widget figure {
	margin:0;
}
#home-top-sidebar .widget .img-wrap,
.post_page .img-wrap  {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 2px #717171;
	-moz-box-shadow: 0 2px 2px #717171;
	box-shadow: 0 2px 2px #717171;
	margin-bottom:15px;
}
.post_page .img-wrap {
	max-width: 340px;
}
#home-top-sidebar .widget .img-wrap a,
.post_page .img-wrap a {
	position:relative;
	display:block;
}
#home-top-sidebar .widget .img-wrap img,
.post_page .img-wrap img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#home-top-sidebar .widget .img-wrap a span,
.post_page .img-wrap a span {
	background:url(images/more-featured-text.png) no-repeat;
	position:absolute;
	width:22px;
	height:21px;
	text-indent:-2000px;
	right:5px;
	bottom:5px;
	opacity:0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
}
#home-top-sidebar .widget .img-wrap a:hover span,
.post_page .img-wrap a:hover span {
	opacity:10;
	-moz-opacity: 10;
	filter:alpha(opacity=100);
}
#home-top-sidebar .widget .widget-title {
	padding-bottom:5px;
}
#home-top-sidebar .widget p {
	margin-bottom:0;
}
#home-left-sidebar, #home-right-sidebar {
	width:48.46%;
}
#home-left-sidebar {
	float:left;
}
#home-left-sidebar p {
	margin-bottom:0;
}
#home-right-sidebar {
	float:right;
}
.widget.portfolio_gallery {
	margin-bottom: 10px;
}
.portfolio_gallery .products-wrap {
	margin-left: -6.32%;
}
.portfolio_gallery .item {
	width:27.38%;
	float:left;
	margin:0 0 20px 5.95%;
	text-align:center;
}
.portfolio_gallery .item .img-wrap {
	display:block;
}
.portfolio_gallery .item .img-wrap img {
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:3px solid #fff;
	-webkit-box-shadow: 0 1px 2px #a5a5a5;
	-moz-box-shadow: 0 1px 2px #a5a5a5;
	box-shadow: 0 1px 2px #a5a5a5;
	margin: 0 0 5px 0;
	max-width: 95%;
}
.portfolio_gallery .item .img-wrap a:hover img {
	opacity:0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}
.portfolio_gallery .item .gallery-title {
	clear: both;
}
.products-wrap a {
	color: #474e55;
	display: block;
}
.products-wrap a:hover {
	color: #446ca9;
	text-decoration: none;
}
.page-content {
    padding-top: 30px;
}
.page-content p {
	color: #fff;
	margin-bottom: 0;
	padding-top: 15px;
}
.page-title {
	font: 30px 'Cuprum', Arial, Helvetica, sans-serif;
	padding-bottom: 0;
	color: #fff;
	text-shadow: 0 1px 1px #1f2325;
}

.page-title a {
	color: #fff;
	text-decoration: none;
}
.entry-header {
	padding-bottom: 30px;
}
.search-results .entry-header {
	padding: 0;
}
.page .entry-header {
	padding-bottom: 10px;
}
.entry-title {
	color: #363534;
    	font: 22px Georgia, Helvetica, Arial, sans-serif;
     	line-height: 30px;
}
.entry-title a {
	color: #363534;
}
.entry-title a:hover {
	color: #000000;
	text-decoration: none;
}
.entry-title span.testimonial-meta {
    font-size: 18px;
    font-style: italic;
}
.entry-meta {
	font-size: 13px;
	color: #7d8185;

}
.entry-meta a {
	color: #446CA9;
}
.entry-meta span {
	background: url("images/entry-meta-icon.png") no-repeat right top;
}
.entry-meta .by-author {
	background-position: left top;
	padding: 0 20px;
	display:none;
}
.entry-meta .date {
	background-position: left -24px;
	padding: 0 20px 5px 20px;
	background-repeat:none;
}
.entry-meta .cat-links {
	background-position: left -48px;
	padding: 0 20px;
	display:none;
}
.entry-meta .comments-link {
	background-position: left -71px;
	padding: 0 20px 0 25px;
	display:none;
}
.entry-meta .comments-link span {
	background: none;
	display:none;
}
.entry-content p, .content-full p {padding-right:100px;}
.entry-content .thumb, .content-full .thumb{
	float: left;
	width: 34.57%;
	-webkit-box-shadow: 0 2px 2px #717171;
	-moz-box-shadow: 0 2px 2px #717171;
	box-shadow: 0 2px 2px #717171;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.entry-content .thumb img, .content-full .thumb img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
}
.entry-content table,
.comment-content table,
.content-full table {
	border-bottom: 1px solid #b5b5b5;
	margin: 0 0 20px;
	width: 100%;
}
.entry-content th,
.comment-content th,
.content-full th {
	color: #666;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 20px;
	text-transform: uppercase;
}
.entry-content td,
.comment-content td,
.content-full td {
	border-top: 1px solid #b5b5b5;
	padding: 6px 10px 6px 0;
}
#content h3 {
	color: #363534;
	padding-bottom:15px;
}
#content h4 {
	color: #363534;
	padding-bottom:15px;
}
#content h5 {
	color: #363534;
	padding-bottom:15px;
}
#content h6 {
	color: #363534;
	padding-bottom:15px;
}
#content .gallery .gallery-item {
	float: left;
	margin: 15px 0 0;
}
.gallery-item a {
	display: block;
}
#content .gallery-columns-5 .gallery-icon .attachment-thumbnail {
    max-width: 80%;
}
#content .gallery-columns-5 .gallery-item {
	margin-top: 10px;
}
#content .gallery-columns-4 .gallery-icon .attachment-thumbnail {
    max-width: 80%;
}
#content .gallery-columns-3 .gallery-icon .attachment-thumbnail {
    max-width: 82%;
}
#content .gallery-columns-2 .gallery-icon .attachment-thumbnail {
    max-width: 85%;
}
#content .gallery-columns-1 .gallery-icon .attachment-thumbnail {
    max-width: 88%;
}
/* Home Page */
.home #content {
	margin-bottom: 30px;
}
.home #main {
    margin-top: -10px;
    padding-top: 0;
}

/* Service Page */
#content .service {
	margin-left: -2.97%;
}
.service-item {
	width: 22.02%;
	float: left;
	margin: 0 0 0 2.92%;
	padding-bottom: 40px;
}
.service-item p {
	margin-bottom: 	0;
}
#content .service-icon {
    background-color: #F5F5F5;
    border: 1px solid #b5b5b5;
    -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 border-radius: 3px;
    margin-bottom: 10px;
    padding: 5px;
}
/* Contact-page */
.contact #primary,
.contact #secondary {
	width: 48.46%;
}
.contact .widget-title {
	padding-bottom: 20px;
}
.contact #secondary {
	font-size: 14px;
	line-height: 24px;
}
#main label {
	float: left;
	line-height: 45px;
	margin:0;
	text-align: left;
	clear:right;
	width: 15%;
}
#main form .text,
#main form .textarea {
	float: left;
	margin: 0 0 30px;
	padding: 5px 2%;
	width: 40%;
	-moz-box-shadow: 0 1px 5px #bcbcbc inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 5px #bcbcbc inset, 0 1px 0 #fff;
	box-shadow: 0 1px 5px #bcbcbc inset, 0 1px 0 #fff;
	border: 1px solid #aeaeae;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 34px;
}
#main form .text input,
#main form .textarea textarea {
	background: none;
	border: 0 none;
	line-height: 30px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: inherit;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
#main form .textarea  {
	height: 150px;
}
#main form textarea {
	height: 100%;
	line-height: 22px;
}
#main form .note {
	float: left;
	font-style: italic;
	font-size: 12px;
	padding: 1% 0 2% 20% ;
	color: #888;
}
#main form .submit {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height: 34px;
	background: url(images/submit-bg.jpg) repeat-x;
	line-height: 30px;
	border: 1px solid #2c2c2c;
	box-shadow: 0 1px 2px #898989;
	-moz-box-shadow: 0 1px 2px #898989;
	-webkit-box-shadow: 0 1px 2px #898989;
	float: right;
	font-size: 16px;
	text-shadow: #383a3c 0px 1px 1px;
	color: #fff;
	padding: 0 20px;
	width: 100px;
}
#main form .text:hover,
#main form .textarea:hover {
	background-color: #F9F9F9;
}
#main form .text:focus,
#main form .textarea:focus {
	background-color: none;;
	color: red;
}
/* Images */
figure {
	margin: 0;
}
img {
	max-width:100%;
	height:auto;
	vertical-align:top;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
	max-width: 100%;
}
.entry-content img.wp-smiley,
.content-full img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #f5f5f5;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 10px;
}
.wp-caption img {
	border: 1px solid #eee;
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 13px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
/* Image borders */
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
	background-color: #f5f5f5;
	padding: 5%;
}
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}
.img-border {
	background-color: #f5f5f5;
	padding: 5px;
	border: 1px solid #b5b5b5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
	margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
	background: #f7f7f7;
}


/*
Post Formats Headings
To hide the headings, display: none the ".entry-header .entry-format" selector,
and remove the padding rules below.
*/
.entry-header .entry-format {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	position: absolute;
	text-transform: uppercase;
	top: -5px;
}
.entry-header hgroup .entry-title {
	padding-top: 15px;
}
article.format-aside .entry-content, article.format-link .entry-content, article.format-status .entry-content,
article.format-aside .content-full, article.format-link .content-full, article.format-status .content-full {
	padding: 20px 0 0;
}
article.format-status .entry-content,
article.format-status .content-full {
	min-height: 65px;
}
.recent-posts .entry-header .entry-format {
	display: none;
}
.recent-posts .entry-header hgroup .entry-title {
	padding-top: 0;
}

/* =WP Member
----------------------------------------------- */


/* =Gallery and Portfolio Custom Post Type
----------------------------------------------- */
#content #custom_post_type {
	margin-left: -2.97%;
}
#content #custom_post_type .gallery-item {
	width: 30.35%;
	float: left;
	margin: 0 0 0 2.92%;
	padding-bottom: 30px;
}
#content #custom_post_type .gallery-icon {
  	background-color: #f5f5f5;
  	padding: 5px;
  	border: 1px solid #b5b5b5;
 	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
  	border-radius: 3px;
  	margin-bottom: 10px;
}
#content #custom_post_type a img {
    background: none;
    border: none;
    padding: 0;
}
#content #custom_post_type .widget-title {
    padding-bottom: 0;
    text-align: center;
}
/* =Attachments
----------------------------------------------- */

.singular .image-attachment .entry-content,
.singular .image-attachment .content-full {
	margin: 0 auto;
	width: auto;
}
.singular .image-attachment .entry-description {
	margin: 0 auto;
}
.entry-attachment {
    margin-bottom: 20px;
}
.image-attachment div.attachment {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	overflow: hidden;
	padding: 1em 1em 0;
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto 1em;
	max-width: 100%;
}
.image-attachment .entry-caption p {
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 1em;
	text-transform: uppercase;
}
/* =Navigation
-------------------------------------------------------------- */

#content nav {
	clear: both;
	overflow: hidden;
	padding: 0 0 1.625em;
}
#content #nav-above {
	padding: 0 0 1.625em;
}
#content #nav-above {
	display: none;
}
#content .paged #nav-above {
	display: block;
}
#content .nav-previous {
	float: left;
	width: 50%;
}
#content .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content nav .meta-nav {
	font-weight: normal;
}

/* =Frontpage feeds
----------------------------------------------- */
#primary #content .entry-content h2 { margin-bottom:0; padding-bottom:8px;padding-top:8px;  }
#FrontpageFeeds h2, #yhteistyokumppanit h2, #wrapper-middle h2{ margin-bottom:10px;}
#FrontpageFeeds {
	border-bottom:1px solid #ccc;
	margin-bottom:20px;

}
#FrontpageFeeds a, #home-top-sidebar a {
	color: #333;
	font-size:16px;

}
#FrontpageFeeds a.more-link { color:#000000; }

.ajankohtaista {
	width:48%;
	float:left;
}
.ajankohtaista .ajankohtaista, .tapahtumat .tapahtumat { width: 100%;}

.ajankohtaista h2 {
	color:#363534;
	font-weight:normal;
}

/* =Frontpage links
----------------------------------------------- */

#FrontpageLinks {
	width: 50%;
	float:left;
}

#wrapper-middle article.kalenterit h2.widgettitle {
	font-size:100%;
	font-style: italic;
	color: #a5a5a5;
	float:left;
	margin-top:0 !important;
	padding:0;
}

article.kalenterit ul.xoxo.blogroll {
	float:left;
	line-height:14px;
	margin-top:10px;
	margin-bottom:20px;

}
article.kalenterit ul.xoxo.blogroll li{
	list-style: none;
	color:#333;
	font-size:14px;
	float:left;
	display:block;
	background: none;
	border-left: none;
	padding: 0 0 5px 0 !important;
}

.home article.kalenterit ul.xoxo.blogroll li{
	float:none;
}


.tapahtumat2 {
	width:48%;
	float:right;
}
.page .tapahtumat { float: left; }

.page .tapahtumat h2, .page .ajankohtaista h2 {
	color: #363534;
	background:#223E92;
	padding: 5px 5px 5px 10px;
	font-size:18px;
	margin-bottom:20px;
	margin-right:40px;
}

.page .tapahtumat h3, .page .ajankohtaista h3 {
	padding-bottom:5px;
}

li.linkcat { list-style-type:none; }
li.linkcat h2 { background:none; margin-left:0; padding-left:0; padding-top:20px;}
.home #FrontpageFeeds .kalenterit .linkcat h2 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
}
.home #FrontpageFeeds .etusivutapahtumat .linkcat h2 {
	margin: 0 0 11px 0;
	padding: 0;
}
.tapahtumat h2, .ajankohtaista h2 {
	color: #363534;
	background:#223E92;
	padding: 5px 5px 5px 10px;
	font-size:22px;
	margin-bottom:20px;
	margin-right:40px;
}
.home .tapahtumat h2, .home .ajankohtaista h2 {
	color: #363534;
	background:none;
	padding: 0px 5px 5px 0px;
	font-size:22px;
	margin-bottom:20px;
	margin-right:0px;
	margin-top:0;
}
.home .tapahtumat h3, .home .ajankohtaista h3 {
	padding-bottom:0;
}
.ajankohtaista h3 {
	color:#223E92;
	padding-bottom:10px !important;
}
.home .tapahtumat h3 a, .home .ajankohtaista h3 a {
	padding-bottom:0;
	font-style:normal;
	color:#223E92 !important;
}
.tapahtumat h2 {
	color:#363534;
	font-weight:normal;
}

.tapahtumat, .ajankohtaista {
	margin-bottom:-5px;
}

#wrapper-middle .tapahtumat h2.block-title, #wrapper-middle .ajankohtaista h2.block-title{
	margin-bottom:20px;
}

article.etusivutapahtumat ul.xoxo.blogroll {
	margin-bottom:30px;
	line-height:24px;
	padding: 20px;
	background-color: #f4f4f4;
	background-color: #f4f4f4c7;
}

article.etusivutapahtumat ul.xoxo.blogroll li {

}

article.etusivutapahtumat ul.xoxo.blogroll li{
	list-style: none;
	padding-right:40px;
	padding-bottom:0px;
	color:#223E92 !important;
	font-size:14px;
	display:block;
    	padding: 5px 5px 0px 0px;
   	margin-bottom: 0px;
	background: none;
	border-left: none;
}
article.etusivutapahtumat ul.xoxo.blogroll li a{
	color:#223E92 !important;
}
article.etusivutapahtumat ul.xoxo.blogroll li a:hover{
	text-decoration:underline;
}

#wpmem_msg, .wpmem_msg {
	background:none !important;
	border:0px !important;
	border-radius:0px !important;
	font-weight:normal !important;
}


/* =Frontpage Logos
----------------------------------------------- */

#yhteistyokumppanit {
	border-top:1px solid #ccc;
	padding-top:20px;
	padding-bottom:20px;
}

.logot img {
	margin:10px 10px 20px 0px;
	width: auto;
	float:left;
}

/* =Widgets
----------------------------------------------- */

.widget {
	margin-bottom: 30px;
}
.widget-title {
	font: 18px Georgia, Arial, Helvetica, sans-serif;
	/* color: #363534; */
	color: white;
	background:#223E92;
	padding: 5px 5px 10px 10px;
	margin-bottom:10px;

}
#wrapper-middle #Yhteystiedot h2.widgettitle {
	padding-right: 8px;
}

.widget-title a {
	color:#363534;
}
.widget-title a:hover {
	color:#446CA9;
	text-decoration:none;
}

.widget.widget_better_rss_widget ul li {
	list-style:none;
	margin-left:-15px;
	padding:5px 0 15px 0;
}

.widget_better_rss_widget a {
	/* color:#363534 !important; */
	color: white !important;
}
.widget.widget_better_rss_widget ul li {margin-left:0; margin-top:0; padding: 0 0 5px;}
.widget.widget_better_rss_widget ul li a {text-decoration:underline; color:#363534 !important;}
#content .widgets_on_page ul, #content .widgets_on_page li  {margin:0; padding:0;}
.page-child .entry-content p, .page-child .content-full p {padding-right:100px;}
#wrapper-middle h2.widgettitle { font-size:100%; font-weight:bold; margin-bottom:0; margin-top:40px;}

#wrapper-middle li.widget.widget_listcategorypostswidget h2.widgettitle {
	font-size:100%;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:0;
	margin-top:0px;
}
#wrapper-middle article.etusivutapahtumat h2.widgettitle {
	font-size:150%;
	font-weight:normal;
	margin-top:0px;
	padding-bottom:15px;
}

article.tapahtumat h2.widgettitle {
	padding:0px 0px 10px 0px;
	background:none;
}

/* Slogan Widget */
#slogan {
	position:relative;
	padding-bottom: 35px;
	margin-bottom: 0;
}
#slogan p {
	margin-bottom:0;
	text-align:center;
	position:absolute;
	padding:3.06% 3.06% 0;
	width:93.88%;
	font: 24px 'Cuprum', Arial, Helvetica, sans-serif;
}
#slogan img {
	height:93px;
}

/* Search Widget */
.catchthemes_search_widget #search-field {
	position: relative;
}
.catchthemes_search_widget #search-field {
	background-color: #E7E7E7;
	border: 1px solid #b4b4b4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #474E55;
	display: inline-block;
	padding: 10px 15% 10px 10px;
	width: 81%;
	height: 22px;
	-webkit-box-shadow: 0 1px 2px #c1c1c1 inset, 0 1px 0 #f5f5f5;
	-moz-box-shadow: 0 1px 2px #c1c1c1 inset, 0 1px 0 #f5f5f5;
	box-shadow: 0 1px 2px #c1c1c1 inset, 0 1px 0 #f5f5f5;
	background-image: none;
}
.catchthemes_search_widget #search-field input {
	background: none;
	border: 0 none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: inherit;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.catchthemes_search_widget #search-field #searchsubmit {
	position: absolute;
	width: 19px;
	height: 21px;
	right: 5%;
	top: 26%;
	background-image: url("images/search-submit.png");
	border: 0 none;
	text-indent: -10000px;
	padding: 0;
	-webkit-box-shadow: none;
   -moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	cursor: pointer;
}
/* Twitter */
.widget_twitter li {
	list-style-type: none;
	margin-bottom: 14px;
}
.widget_twitter .timesince {
	display: block;
	font-size: 11px;
	margin-right: -10px;
	text-align: right;
}
/* Widget Image */
.widget_image img {
	height: auto;
	max-width: 100%;
}

/* Calendar Widget */
.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/* About Widget */
#secondary .widget img {
	margin: 0 20px 20px 0;
	float: left;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: 0;
	max-width:100%;
}
/* Tab Widget */
#tab {
	border:1px solid #ACACAC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #e7e7e7;
}
#tab ul {
	margin: 0;
	list-style: none outside none;
}
#tab ul li {
	float: left;
	border-top: 1px solid #f5f5f5;
	width: 33.33%;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
#tab ul li a {
	font: 20px 'Cuprum', Arial, Helvetica, sans-serif;
	color: #474e55;
	text-shadow: 0 1px 0 #f5f5f5;
	background-color: #DDD;
	border-right: 1px solid #b5b5b5;
	text-align: center;
	display: block;
	padding: 10px 0px;
	border-bottom: 1px solid #b5b5b5;
}
#tab ul li:last-child a {
	border-right: 0 none;
}
#tab ul li a:hover, #tab ul li.ui-state-active a  {
	background-color: #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	text-decoration: none;
}
#tab .post {
	padding:20px;
	border-bottom: 1px solid #b5b5b5;
}
#tab .thumb {
	width:30.30%;
	margin: 0 7.57% 0 0;
	float: left;
}
#tab .thumb a  {
	background-color: #f5f5f5;
   border: 1px solid #b5b5b5;
   display: block;
   padding: 4px;
}
#tab .content {
	width: 62.12%;
	float: left;
}
#tab a.post-title {
	font-weight: bold;
	font-size: 14px;
	color: #474e55;
	padding-bottom: 2px;
	display: block;
}
#tab a.post-title:hover {
	color: #446ca9;
	text-decoration: none;
}
#tab p {
	line-height:20px;
	margin-bottom: 0;
}
.catchthemes_tabbed_widget {
	text-shadow: none;
}
/* Tag Cloud */
.tagcloud a {
    color: #474E55;
    margin-right: 5px;
}
.tagcloud a:hover {
    color: #446CA9;
}
.catchthemes_tagcloud_widget a {
    background-color: #E7E7E7;
    border: 1px solid #b4b4b4;
    -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 border-radius: 3px;
    color: #474E55;
    display: inline-block;
    margin:0 4px 8px 0;
    padding: 1px 7px;
    -webkit-box-shadow: 0 1px 2px #c1c1c1 inset, 0 1px 0 #f5f5f5;
	 -moz-box-shadow: 0 1px 2px #c1c1c1 inset, 0 1px 0 #f5f5f5;
	 box-shadow: 0 1px 2px #c1c1c1 inset, 0 1px 0 #f5f5f5;
}
#colophon .catchthemes_tagcloud_widget a {
	color: #474E55;
	text-shadow: none;
}
.catchthemes_tagcloud_widget a:hover {
    background-color: #474E55;
    border: 1px solid #262B2F;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 0 #606C73 inset, 0 1px 0 #f5f5f5;
	 -moz-box-shadow: 0 1px 0 #606C73 inset, 0 1px 0 #f5f5f5;
	 box-shadow: 0 1px 0 #606C73 inset, 0 1px 0 #f5f5f5;
}
.ui-tabs-hide {
	display: none;
}

#secondary .widget #tab img{
	box-shadow: none;
    float: none;
    margin: 0;
    max-width: 100%;
    border-radius: 0px;
}

#secondary .widget .img-border img {
	box-shadow: none;
    float: none;
    margin: 0;
    max-width: 100%;
    border-radius: 0px;
}
/* =Pagination
-------------------------------------------------------------- */
.wrapper #wp_page_numbers,
.wrapper .wp-pagenavi {
	background: none;
	margin: 0;
	padding-bottom: 30px;
}
.wrapper #wp_page_numbers ul,
.wrapper .wp-pagenavi {
	background: none;
	border: none;
	float: right;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
    width: auto;
}
.wrapper .wp-pagenavi a,
.wrapper .wp-pagenavi span.current {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
	font-size: 16px;
    line-height: 33px;
    margin: 0 0 10px 10px;
	padding: 0 12px;
	text-shadow: #fff 0 1px 0;
    border: 1px solid #bdbdbd;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 3px #c1c1c1 inset, 0 1px 0 #fff;
	-moz-box-shadow: 0 2px 3px #c1c1c1 inset, 0 1px 0 #fff;
	box-shadow: 0 2px 3px #c1c1c1 inset, 0 1px 0 #fff;
	display: block;
	float: left;
}
.wrapper .wp-pagenavi a {
	color: #474E55;
}
.wrapper .wp-pagenavi .pages {
	font-size: 14px;
    line-height: 38px;
    color: #838990;
	text-shadow: #fff 0 1px 0;
	display: block;
	float: left;
    border: medium none;
    font-size: 14px;
    line-height: 33px;
	margin: 0;
	padding: 0 0 10px 10px;
}
.wrapper #wp_page_numbers ul li {
	background: none;
	border: none;
    color: #838990;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 33px;
	padding: 0 0 10px 10px;
	text-shadow: #fff 0 1px 0;
}
.wrapper #wp_page_numbers ul li a {
	background: none;
    border: 1px solid #bdbdbd;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 3px #c1c1c1 inset, 0 1px 0 #fff;
	-moz-box-shadow: 0 2px 3px #c1c1c1 inset, 0 1px 0 #fff;
	box-shadow: 0 2px 3px #c1c1c1 inset, 0 1px 0 #fff;
    color: #474e55;
    display: block;
    float: left;
    font-size: 16px;
    line-height: 33px;
    margin: 0;
    padding: 0 12px;
    text-align: center;
    text-decoration: none;
}
.wrapper #wp_page_numbers ul li a:hover,
.wrapper #wp_page_numbers ul li.active_page a,
.wrapper .wp-pagenavi span.current,
.wrapper .wp-pagenavi a:hover {
	background-color:#6a7177;
	color:#fff;
	border: 1px solid #5a5a5a;
	-webkit-box-shadow: 0 1px 0 #aaa;
	-moz-box-shadow: 0 1px 0 #aaa;
	box-shadow: 0 1px 0 #aaa;
	text-shadow: #4a4f53 0 1px 0;
}

/* Single pagination */
.pagination {
	clear: both;
	padding-bottom: 30px;
	text-align: center;
}
.pagination a {
	display: inline-block;
   margin-left: 6px;
   text-decoration: none;
   margin-bottom: 10px;
}
.pagination span {
	line-height:33px;
	text-align:center;
	font-size:16px;
	display: inline-block;
	padding:0 12px;
	text-decoration:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-left: 6px;
	background-color:#6a7177;
	color:#fff;
	border: 1px solid #5a5a5a;
	-webkit-box-shadow: 0 1px 0 #aaa;
	-moz-box-shadow: 0 1px 0 #aaa;
	box-shadow: 0 1px 0 #aaa;
	text-shadow: #4a4f53 0 1px 0;
	margin-bottom:10px;
}
.pagination a span {
   margin-left: 0;
   margin-bottom: 0;
   background: none;
   border: 1px solid #DCDCDC;
   -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color:#474e55;
	text-shadow: #fff 0 1px 0;
	cursor: pointer;
 }
 .pagination a:hover span {
 	border: 1px solid #bdbdbd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 3px #c1c1c1 inset, 0 1px 0 #fff;
	-moz-box-shadow: 0 2px 3px #c1c1c1 inset, 0 1px 0 #fff;
	box-shadow: 0 2px 3px #c1c1c1 inset, 0 1px 0 #fff;
 }
/* Default wp-page */
ul.default-wp-page {
	margin:0;
	list-style:none inside;
	padding-bottom:30px;
}
ul.default-wp-page li.previous {
	float:left;
}
ul.default-wp-page li.next {
	float:right;
}
ul.default-wp-page li a,
#content nav a {
	line-height:33px;
	margin-left:6px;
	margin-bottom:10px;
	border: 1px solid #bdbdbd;
	height:33px;
	color:#474e55;
	text-align:center;
	font-size:16px;
	display: inline-block;
	padding:0 12px;
	text-decoration:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 3px #c1c1c1 inset, 0 1px 0 #fff;
	-moz-box-shadow: 0 2px 3px #c1c1c1 inset, 0 1px 0 #fff;
	box-shadow: 0 2px 3px #c1c1c1 inset, 0 1px 0 #fff;
}
ul.default-wp-page li a:hover,
#content nav a:hover {
	background-color:#6a7177;
	color:#fff;
	border: 1px solid #5a5a5a;
	-webkit-box-shadow: 0 1px 0 #aaa;
	-moz-box-shadow: 0 1px 0 #aaa;
	box-shadow: 0 1px 0 #aaa;
	text-shadow: #4a4f53 0 1px 0;
}
/* =Comments
----------------------------------------------- */

#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword, .nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 68.9%;
}
.content .commentlist, .page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus, .comment-meta a:active, .comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}
/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus, .commentlist > li.bypostauthor .comment-meta a:active, .commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}
/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment, .page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}
/* Comment Form */
#respond {
	clear: both;
}
#respond .form-submit {
	text-align: right;
	margin-bottom: 30px;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 34px;
	padding-bottom: 10px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus, #cancel-comment-reply-link:active, #cancel-comment-reply-link:hover {
	color: #ff4b33;
}
.form-allowed-tags {
	display: none;
}
.nocomments {
	display: none;
}
#respond .comment-subscription-form {
	margin-bottom: 20px;
}
#respond .comment-subscription-form input {
    clear: both;
    display: block;
    float: left;
    margin-bottom: 20px;
}
#respond .comment-subscription-form label {
    display: block;
    float: left;
    line-height: 25px;
    width: auto;
}


/* =Footer
----------------------------------------------- */
#colophon {
	margin-top:20px;
	position:relative;
}
#colophon.with-twitter-feed {
    padding-top: 49px;
}
#colophon #footer-main {
	background:#223E92;
	/*border-top:1px solid #313539;*/
	color:#000;
	clear:both;
	font-size:14px;
	/*text-shadow:0 1px 0 #272b2e;
	box-shadow:0 1px 0 #696e72 inset;
	-moz-box-shadow:0 1px 0 #696e72 inset;
	-webkit-box-shadow:0 1px 0 #696e72 inset;*/
}
#colophon.with-twitter-feed #footer-main {
	padding-top: 30px;
}
#colophon a {
	color:#999;
}
#colophon a:hover {
	color:#ccc;
	text-decoration:none;
}
#colophon ul {
    list-style: disc outside none;
    margin: 0 0 0 1em;
}
#supplementary { }
#supplementary .widget-area {
	margin-top: 30px;
}
.with-twitter-feed #supplementary .widget-area {
	margin-top: 0;
}
/* Two Footer Widget Areas */
#colophon.two .widget-area {
	float: left;
	width: 48.5%;
}
#colophon.two .widget-area + .widget-area {
	float: right;
}
/* Three Footer Widget Areas */
#colophon.three .widget-area {
    float: left;
    margin-right: 3%;
    width: 31.3%;
}
#colophon.three .widget-area + .widget-area + .widget-area {
	margin-right: 0;
}
#supplementary .widget-title {
	padding-bottom: 20px;
}
#supplementary .widget-title,
#supplementary .widget-title a {
	color: #ccc;
	font-size: 22px;
	text-shadow:0 1px 0 #272b2e;
}
#supplementary #second .post {
	margin-bottom: 20px;
}

/* testimonial widget */
.widget.catchthemes_testimonial_widget {
	margin-bottom: 10px;
}
.widget .testimonial-text {
	background:url(images/testimonial-bg.jpg);
	border: 1px solid #292d31;
	box-shadow: 0 1px 5px #2f3337 inset, 0 1px 0 #555b5f;
	-moz-box-shadow: 0 1px 5px #2f3337 inset, 0 1px 0 #555b5f;
	-webkit-box-shadow: 0 1px 5px #2f3337 inset, 0 1px 0 #555b5f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #999;
	font-style:italic;
	padding: 10px 15px;
	position: relative;
}
.widget .testimonial-text p {
	margin-bottom: 0;
	overflow: hidden;
}
.widget .testimonial-text .by {
	height:14px;
	width:13px;
	display:block;
	position:absolute;
	bottom:-13px;
	right:20px;
	background:url(images/testimonial-by.png)
}
.widget .testimonial-author {
	float: right;
	font-weight: bold;
	margin: 10px 0 20px;
}
.widget .testimonial-author a {
	display: inline;
}
#supplementary .testimonial-author a {
	color: #ccc;
}
#supplementary .testimonial-author a:hover {
	color: #fff;
}
.widget .testimonial-author span {
	font-style: italic;
	font-weight: normal;
}

/* Twitter feed */
.twitterfeed {
	background-color:#313539;
	border:1px solid #1f2124;
	box-shadow:0 3px 6px #232628 inset, 0 1px 0 #555b5f;
	-moz-box-shadow:0 3px 6px #232628 inset, 0 1px 0 #555b5f;
	-webkit-box-shadow:0 3px 6px #232628 inset, 0 1px 0 #555b5f;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 23px 2.35%;
	margin: -80px 0 30px;
}
.twitterfeed .logo {
	width:7.09%;
	float:left;
	margin-right:3.22%;
}
#tweet-feed-slider {
    float: left;
    margin-right: 3.22%;
    width: 71.5%;
}
.twitterfeed p {
    color: #999;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 0;
}
#colophon .twitterfeed p a {
	color:#ccc;
}
#colophon .twitterfeed p a:hover {
	color: #fff;
}
#colophon .twitterfeed p a.date {
	color: #666;
	font-size: 12px;
}
#colophon .twitterfeed p a.date:hover {
	color: #888;
	font-size: 12px;
}
#colophon .twitterfeed .follow-us {
	width: 14.83%;
	float: left;
	background-color: #464a4d;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#colophon .twitterfeed .follow-us a {
	display: block;
	border:1px solid #183c49;
	box-shadow: 0 1px 0px #e3f5fb inset, 0 1px 0px #3b3e41;
	-moz-box-shadow: 0 1px 0px #e3f5fb inset, 0 1px 0px #3b3e41;
	-webkit-box-shadow: 0 1px 0px #e3f5fb inset, 0 1px 0px #3b3e41;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	line-height: 36px;
	margin:4px;
	font-family: 'Cuprum', sans-serif;
	font-size: 20px;
	text-transform:uppercase;
	color:#265564;
	text-shadow:0 1px 0 #b7e8f8;
	text-align: center;
	background: url(images/follow-us-bg.png) bottom center repeat-x;
	opacity:0.9;
	-moz-opacity: 0.9;
	filter:alpha(opacity=90);
}
#colophon .twitterfeed .follow-us a:hover {
	opacity:10;
	-moz-opacity: 10;
	filter:alpha(opacity=100);
}
/* Site Generator */
#site-generator {
	min-height:250px;

	background-repeat: no-repeat;
	background-position: 70% 50%;
	background-size: auto 80%;
    /*border-top: 1px solid #575c61;*/
    color: #fff;
    font-size: 14px;
    padding: 2px 0;
}

@media (min-width: 768px) {
	#site-generator {
		background-image: url("images/footer_bg.png");
	}
}


#site-generator a:hover {
	color: #999;
	text-decoration: underline;
}
#site-generator span {
    font-style: italic;
}
#site-generator .copyright {
    float: left;
    width: 57.05%;
}
#site-generator .powered-by {
    float: right;
    text-align: right;
    width: 39.87%;
}

/* =Social Profile
----------------------------------------------- */
ul.social-profile {
	float: right;
	list-style: none;
	margin: 0;
}
ul.social-profile li {
    display: inline-block;
    padding: 0 0 20px 10px;
}
ul.social-profile li a {
    background: url("images/social-profile.png") no-repeat scroll right bottom transparent;
    display: block;
    height: 33px;
    text-indent: -99999px;
    width: 33px;
}
ul.social-profile li.facebook a {
	background-position: 0 0;
}
ul.social-profile li.facebook a:hover {
	background-position: 0 -43px;
}
ul.social-profile li.twitter a {
	background-position: -44px 0;
}
ul.social-profile li.twitter a:hover {
	background-position: -44px -43px;
}
ul.social-profile li.you-tube a {
	background-position: -87px 0;
}
ul.social-profile li.you-tube a:hover {
	background-position: -87px -43px;
}
ul.social-profile li.rss a {
	background-position: -130px 0;
}
ul.social-profile li.rss a:hover {
	background-position: -130px -43px;
}
ul.social-profile li.google-plus a {
	background-position: -173px 0;
}
ul.social-profile li.google-plus a:hover {
	background-position: -173px -43px;
}
ul.social-profile li.pinterest a {
	background-position: -216px 0;
}
ul.social-profile li.pinterest a:hover {
	background-position: -216px -43px;
}
ul.social-profile li.slideshare a {
	background-position: -259px 0;
}
ul.social-profile li.slideshare a:hover {
	background-position: -259px -43px;
}
ul.social-profile li.foursquare a {
	background-position: -302px 0;
}
ul.social-profile li.foursquare a:hover {
	background-position: -302px -43px;
}
ul.social-profile li.viemo a {
	background-position: -345px 0;
}
ul.social-profile li.viemo a:hover {
	background-position: -345px -43px;
}
ul.social-profile li.myspace a {
	background-position: -388px 0;
}
ul.social-profile li.myspace a:hover {
	background-position: -388px -43px;
}
ul.social-profile li.flickr a {
	background-position: -431px 0;
}
ul.social-profile li.flickr a:hover {
	background-position: -431px -43px;
}
ul.social-profile li.dribbble a {
	background-position: -474px 0;
}
ul.social-profile li.dribbble a:hover {
	background-position: -474px -43px;
}
ul.social-profile li.wordpress a {
	background-position: -517px 0;
}
ul.social-profile li.wordpress a:hover {
	background-position: -517px -43px;
}
ul.social-profile li.deviantart a {
	background-position: -560px 0;
}
ul.social-profile li.deviantart a:hover {
	background-position: -560px -43px;
}
ul.social-profile li.linkedin a {
	background-position: -603px 0;
}
ul.social-profile li.linkedin a:hover {
	background-position: -603px -43px;
}
ul.social-profile li.tumblr a {
	background-position: -646px 0;
}
ul.social-profile li.tumblr a:hover {
	background-position: -646px -43px;
}
ul.social-profile li.delicious a {
	background-position: -689px 0;
}
ul.social-profile li.delicious a:hover {
	background-position: -689px -43px;
}
ul.social-profile li.lastfm a {
	background-position: -732px 0;
}
ul.social-profile li.lastfm a:hover {
	background-position: -732px -43px;
}
#access a { font-size:19px;}
#content #wpmem_reg fieldset, #wpmem_login fieldset {
	width: 360px !important;
}


/* =Plugins Support
----------------------------------------------- */

/* =Responsive Menu (Tinynav.js)
-------------------------------------------------------------- */
.tinynav {
    display: none;
	font-size: 16px;
}

/* =Responsive Structure
----------------------------------------------- */
@media screen and (max-width: 1100px) {
	.wrapper {
		max-width: 900px;
	}
	#slogan p {
		font-size: 22px;
		padding-top: 3.56%;
	}
	#FrontpageFeeds .widget_better_rss_widget a {font-size:14px;}

	img.size-full,
	img.size-large {
		max-width: 100%;
		width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
		height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	}
}
@media only screen and ( min-width: 961px ) and ( max-width: 1100px ) {
	#access a { font-size:17px;}
}
@media only screen and ( max-width: 960px ) {
	.flowerOutside, .flowerInside {
		position: fixed; display:none;
	}
}

@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
	/*  ipad */


	#access a { font-size:14px; padding: 3px 2px;}
	#access a:hover { font-size:14px; padding:3px 2px}
	#access li.current-menu-item a{ font-size:14px; padding: 3px 2px;}
	.wrapper {
		max-width: 700px;
	}
	#header-content {
		padding: 0px 0 20px;
	}
	.featured-text {
		bottom: 30px;
		padding: 19px 15px 22px 22px;
		width: 270px;
	}
	.featured-text h2 {
		font-size: 20px;
		line-height: 26px;
		padding-bottom: 5px;
	}
	.featured-text p {
		font-size: 13px;
		line-height: 20px;
	}
	#home-top-sidebar .widget {
		width: 47.03%;
		min-height:180px;
	}
	#nav-slider .nav-previous, #nav-slider .nav-next {
		padding: 5px;
		top: 35%;
	}
	#colophon .twitterfeed .follow-us a {
		font-size: 18px;
	}
	.wp-caption {
		max-width: 95%;
	}
	#home-top-sidebar .widget {
		min-height: 200px;
	}

}
@media (max-device-width: 767px) {
	#access select.tinynav {
		background-image: url("images/select-arrow.png");
	}
	#access a { font-size:13px;}
}
@media screen and (max-width: 767px) {
	/* Small Tablet */

	.content-leftsidebar #primary, #sideMenu {float:none; width:100%;}
	.slider-img {margin-top:0;}
	#wrapper-middle{padding-top:0;}
	.wrapper {
		max-width: 430px;
	}
	#header-bg {
		margin-bottom: 20px;
		padding-bottom: 45px;
	}
	.home #header-bg {
		margin-bottom: 40px;
	}
	#header-content {
		padding: 30px 0 10px;
	}
	#branding hgroup, #sidebar-top {
		text-align: center;
	}
	#branding hgroup, #site-logo, #site-details, #site-logo a img, #sidebar-top, #branding #searchform {
		display: block;
		float: none;
		max-width: 100%;
	}
	#site-logo a img {
		display: block;
		margin: 0 auto;
		padding: 0;
	}
	.featured-text {
		bottom: 20px;
		padding: 5px 10px;
		width: 240px;
	}
	.featured-text h2 {
		font-size: 18px;
		line-height: 26px;
		padding: 0;
	}
	.featured-text p {
		display: none;
		float: none;
	}
	ul.social-profile {
		display: block;
		float: none;
		margin: 0 0 0 -10px;
	}
	#branding #searchform {
		font-size: 16px;
	}
	#nav-slider .nav-previous, #nav-slider .nav-next {
		padding: 7px;
		top: 35%;
		width: 12px;
	}
	.tinynav {
		display: block;
	}
	#access,
	.home #access {
		margin: 0 0 -17px;
		padding: 0 10px;
		background:none;
	}
	#access select.tinynav {
		background-color: #f9f9f9;
		background-position: right center;
		background-repeat: no-repeat;
	}
	.menu-header-container .menu {
		display: none;
	}
	#slider, #slogan, #content article {
		padding-bottom: 30px;
	}
	#home-top-sidebar {
		padding-bottom: 0;
	}
	#tweet-feed-slider {
		margin-right: 0;
		width: 81.78%;
	}
	#slogan p {
		font-size: 20px;
		padding-top: 5.56%;
	}
	.twitterfeed {
		padding-top: 15px;
		padding-bottom: 15px;
		box-shadow: 0 1px 0 #555b5f;
		-moz-box-shadow: 0 1px 0 #555b5f;
		-webkit-box-shadow: 0 1px 0 #555b5f;
	}
	.twitterfeed .logo {
		width:15%;
	}
	.twitterfeed p {
		font-size: 13px;
	}
	#colophon .twitterfeed .follow-us {
		display: none;
	}
	#home-top-sidebar .widget {
 		width: 47.03%;
	}
	#home-right-sidebar .item {
 		width:44.05%;
	}
	.gallery-item, .service-item {
		width: 47.03%;
		padding-bottom: 20px;
	}
	#wp_page_numbers ul li a {
		-webkit-box-shadow: 0 1px 0 #fff;
		-moz-box-shadow: 0 1px 0 #fff;
		box-shadow: 0 1px 0 #fff;
	}
	.catchthemes_tagcloud_widget a {
		-webkit-box-shadow: 0 1px 0 #f5f5f5;
		 -moz-box-shadow: 0 1px 0 #f5f5f5;
		 box-shadow: 0 1px 0 #f5f5f5;
	}
	.catchthemes_tagcloud_widget a:hover {
		-webkit-box-shadow: 0 1px 0 #f5f5f5;
		 -moz-box-shadow: 0 1px 0 #f5f5f5;
		 box-shadow: 0 1px 0 #f5f5f5;
	}
	#primary,
	#secondary,
	.contact #primary,
	.contact #secondary {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	#secondary .widget img {
		max-width:100%;
	}
	#colophon #footer-main .widget-area {
		float: none;
		margin-right: 0;
		width: auto;
	}
	#site-generator .copyright,
	#site-generator .powered-by {
		float: none;
		text-align: center;
		width: auto;
	}
	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		display: block;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	.wp-caption {
		max-width: 95%;
	}
	#content .gallery .gallery-item {
		padding-bottom: 10px;
	}
	.smart-even {
		clear: both;
	}
	#home-top-sidebar .widget {
		width: 100%;
		min-height: 100px;
	}
	#FrontpageLinks, .home .ajankohtaista {
		width: 100%;
	}
	#FrontpageLinks {
		margin-top:20px;
	}
	#main {padding-top:0;}
}
@media screen and (max-width: 767px) and (min-width: 478px) {
	#home-top-sidebar .widget {

	}
	.entry-content p, .content-full p {
		padding-right: 20px;
	}

}
@media screen and (max-width: 479px) {
	/* iPhone */
	#home-top-sidebar .widget {
 		width: 47.03%;
		min-height:100px;
	}
	.entry-content p, .content-full p {
		padding-right: 10px;
	}
	.wrapper {
		max-width: 320px;
	}
	body, input, textarea {
		font-size: 13px;
		line-height: 22px;
	}
	#header-content {
		padding-top: 20px;
	}
	#site-logo a img {
		max-width: 85%;
	}
	#site-title a {
		font-size: 38px;
		line-height: 42px;
	}
	#site-description {
		font-size: 14px;
		line-height: 16px;
	}
	#access {
		margin: 0;
	}
	h1 {
		font-size: 26px;
		line-height: 32px;
	}
	h2 {
		font-size: 24px;
		line-height: 30px;
	}
	h2 {
		font-size: 20px;
		line-height: 26px;
	}
	hr {
		margin: 0 0 20px;
	}
	#slogan, #primary .post, .wp-pagenavi, #home-top-sidebar .widget {
		padding-bottom: 20px;
	}
	.widget {
		margin-bottom: 20px;
	}
	.featured-text {
		bottom: 15px;
		left: 45px;
		padding: 5px 10px;
		width: 188px;
	}
	.featured-text h2 {
		font-size: 14px;
		line-height: 18px;
	}
	#nav-slider .nav-previous, #nav-slider .nav-next {
		padding: 5px;
		top: 30%;
	}
	.widget-title {
 		font-size: 22px;
	}
	.page .entry-header {
		padding-bottom: 0;
	}
	.entry-title {
		font-size: 24px;
		line-height: 31px;
	}
	#header-bg {
    	box-shadow: none;
 		-moz-box-shadow: none;
 		-webkit-box-shadow: none;
		padding-bottom: 30px;
	}
	#branding #s {
 		box-shadow: 0 1px 0 #474c51;
 		-moz-box-shadow: 0 1px 0 #474c51;
 		-webkit-box-shadow:0 1px 0 #474c51;
		font-size: 16px;
		height:28px;
	}
	.display {
		display: inherit;
	}
	.page-title {
   		font-size: 24px;
   		padding-bottom: 10px;
	}
	#main {
		padding-top: 10px;
	}
	#home-top-sidebar {
		margin: 0;
		padding-bottom: 0;
	}
	#home-top-sidebar .widget {
		margin-left: 0;
   		width: 100%;
	}
	#slogan p {
		font-size: 16px;
		line-height: 24px;
		padding-top: 10px;
	}
	#home-left-sidebar, #home-right-sidebar {
		float: none;
		width:100%;
	}
	#content #custom_post_type, #content #custom_post_type .gallery-item, #content #custom_post_type dd,
	#content .service, #content .service-item, #content .service-item dd {
		margin: 0;
	}
	#content #custom_post_type .gallery-item, #content .service-item {
		width: 100%;
		float: none;
	}
	#wp_page_numbers {
		padding-bottom:10px;
	}
	#wp_page_numbers ul li {
		line-height:25px;
		font-size:11px;
	}
	#wp_page_numbers ul li.page_info {
		display: none;
	}
	#wp_page_numbers ul li a {
		font-size:12px;
		padding:0 10px;
	}
	.wp-pagenavi {
		line-height: 25px;
		font-size: 12px;
	}
	.wp-pagenavi .pages {
		display: none;
	}
	.wp-pagenavi .current, .wp-pagenavi a {
		font-size:11px;
		padding:0 10px;
	}
	.pagination {
		padding-bottom:10px;
		text-align: center;
		font-size:11px;
	}
	.pagination span {
		line-height:25px;
		font-size:12px;
		padding:0 10px;
	}
	ul.default-wp-page {
		padding-bottom:10px;
	}
	ul.default-wp-page li a {
		line-height:25px;
		font-size:12px;
		padding:0 10px;
	}
	#secondary .wid-contact {
		padding-bottom: 0;
	}
	.contact .widget-title {
		padding-bottom: 10px;
	}
	.contact #secondary {
	   font-size: 13px;
	   line-height: 22px;
	}
	#colophon.with-twitter-feed {
		padding-top: 59px;
	}
	#colophon.with-twitter-feed #footer-main {
		padding-top: 20px;
	}
	#supplementary .widget-area {
	   margin-top: 0;
	}
	#supplementary #second .post {
		margin-bottom: 10px;
	}
	#supplementary #first, #supplementary #second {
		float:none;
		margin:0;
		width:100%;
	}
	#supplementary .widget-title {
		padding-bottom:10px;
	}
	#supplementary .testimonial-text {
		box-shadow: 0 1px 0 #555b5f;
		-moz-box-shadow: 0 1px 0 #555b5f;
		-webkit-box-shadow: 0 1px 0 #555b5f;
	}
	#supplementary #third .contact-info, #supplementary #third .like-us {
		float:none;
		width:100%;
		margin-right: 0;
	}
	#site-generator {
		padding: 20px 0;
	}
	#main label {
		line-height: 30px;
		width: 100%;
	}
	#main form .text, #main form .textarea {
		 width: 96%;
		 margin: 0 0 10px;
	}
	.wp-caption {
		max-width: 96%;
		padding: 2%;
	}
	.entry-content .thumb,
	.content-full .thumb {
		float: none;
		width: 100%;
	}
	.entry-content .content,
	.content-full .content {
	   float: none;
	   margin-left: 0;
	   margin-top: 10px;
	   width: 100%;
	}
	#content .gallery .gallery-item {
		padding-bottom: 5px;
	}

}

@media screen and (max-width: 319px) {
	.wrapper {
		max-width: 100%;
	}
	.home #header-bg {
		margin-bottom: 40px;
	}
	#site-logo a img {
		max-width: 75%;
	}
	#site-title a {
		font-size: 30px;
		line-height: 34px;
	}
	#site-description {
		font-size: 12px;
		line-height: 14px;
	}
	#branding #s:focus {
		max-width: 75%;
	}
	.featured-text {
		bottom: 10px;
		left: 5px;
		width: 85%;
	}
	.featured-text h2 {
		font-size: 14px;
		line-height: 16px;
		padding: 0;
	}
	#nav-slider {
		display: none;
	}
	#slogan p {
		font-size: 14px;
		line-height: 22px;
	}
	#home-top-sidebar {
		margin-left: 0;
	}
	#home-top-sidebar .widget {
		float: none;
		margin-left: 0;
		width: 100%;
	}

	#home-top-sidebar .widget li {
		padding-bottom:20px;
	}
	.gallery-item, .service-item {
		width: 97.03%;
	}
	.entry-content .content p, .content-full .content p {
	   margin-bottom: 10px;
	}
	.wp-caption {
		max-width: 96%;
		padding: 5px 2%;
	}
	input[type="text"], input[type="password"], textarea {
		width: 80%;
	}
	#content .gallery .gallery-item {
		padding-bottom: 0;
	}
}


/* =Print
----------------------------------------------- */
@media print {
body {
	background: none !important;
	font-size: 10pt;
}
footer.entry-meta a[rel=bookmark]:link:after,  footer.entry-meta a[rel=bookmark]:visited:after {
	content: " [" attr(href) "] "; /* Show URLs */
}
#page {
	clear: both !important;
	display: block !important;
	float: none !important;
	max-width: 100%;
	position: relative !important;
}
#branding {
	border-top: none !important;
	padding: 0;
}
#branding hgroup {
	margin: 0;
}
#site-title a {
	font-size: 21pt;
}
#site-description {
	font-size: 10pt;
}
#branding #searchform {
	display: none;
}
#branding img {
	display: none;
}
#access {
	display: none;
}
#main {
	border-top: none;
	box-shadow: none;
}
#primary {
	float: left;
	margin: 0;
	width: 100%;
}
#content {
	margin: 0;
	width: auto;
}
.singular #content {
	margin: 0;
	width: 100%;
}
.singular .entry-header .entry-meta {
	position: static;
}
.entry-meta .edit-link a {
	display: none;
}
#content nav {
	display: none;
}
.singular .entry-header,  .singular .entry-content, .singular .content-full,  .singular footer.entry-meta,  .singular #comments-title {
	margin: 0;
	width: 100%;
}
.singular .hentry {
	padding: 0;
}
.entry-title,  .singular .entry-title {
	font-size: 21pt;
}
.entry-meta {
	font-size: 10pt;
}
.entry-header .comments-link {
	display: none;
}
.page-link {
	display: none;
}
.singular #author-info {
	background: none;
	border-bottom: none;
	border-top: none;
	margin: 2.2em 0 0;
	padding: 0;
}
#respond {
	display: none;
}
.widget-area {
	display: none;
}
#colophon {
	display: none;
}
/* Comments */
	.commentlist > li.comment {
	background: none;
	border: 1px solid #ddd;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
	position: relative;
	width: auto;
}
.commentlist .avatar {
	height: 39px;
	left: 2.2em;
	top: 2.2em;
	width: 39px;
}
.commentlist li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist li.comment .fn {
	display: block;
}
.commentlist li.comment .comment-content {
	margin: 1.625em 0 0;
}
.commentlist .comment-edit-link {
	display: none;
}
 .commentlist > li::before,  .commentlist > li.bypostauthor::before {
 content: '';
}
.commentlist .reply {
	display: none;
}
/* Post author highlighting */
	.commentlist > li.bypostauthor {
	color: #444;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #666;
}
.commentlist > li.bypostauthor:before {
	content: none;
}
/* Post Author threaded comments */
	.commentlist .children > li.bypostauthor {
	background: #fff;
	border-color: #ddd;
}
.commentlist .children > li.bypostauthor > article,  .commentlist .children > li.bypostauthor > article .comment-meta {
	color: #666;
}
}

/*		Default Layout: 992px.
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */


@media only screen and (max-width: 991px) {
	#ContentWrapper { background:none;}
	#site-logo a img {
		float: left;
		height: auto;
		max-width: 77%;
		padding-right: 20px;
	}
	#lang { margin-top:5px; }
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 0px) and (max-width: 770px) {
	#site-logo a img {
		float: none;
		height: auto;
		max-width: 57%;
		padding-right: 20px;
	}
	#lang {
		display: block;
		float: right;
		position: relative;
		margin-bottom: 28px;
		margin-right: 0px;
		margin-top: 0;
	}
	#header-content {
		padding: 10px 0 10px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
	.ajankohtaista, .tapahtumat { width: 100%; }
	#access {background:none;}
	#site-logo a img {
		float: none;
		height: auto;
		max-width: 57%;
		padding-right: 20px;
	}
	#lang {
		display: block;
		float: right;
		position: relative;
		margin-bottom: 28px;
		margin-right: 0px;
		margin-top: 0;
	}
}


/* =WP Member Login & Registration
----------------------------------------------- */

#footer-main #wpmem_login {
	display:none;
}

#footer-main #wpmem_msg {
	display:none;
}

#footer-main .wrapper.clearfix i {
	display:none;
}

#wpmem_login label {
display: block !important;
float: none !important;
border: 0 !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 !important;
height: auto !important;
line-height: 1 !important;
font-size: 14px !important;
}

#wpmem_login div {
float: none !important;
height: auto !important;
padding: 0 0 20px !important;
width: auto !important;
}

#wpmem_reg label {
display: block !important;
float: none !important;
border: 0 !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 !important;
height: auto !important;
line-height: 1 !important;
font-size: 14px !important;
}

#wpmem_reg div {
float: none !important;
height: auto !important;
padding: 0 0 20px !important;
width: auto !important;
}

input.buttons {
	float:left;
}

.wpui-light .ui-collapsible-header, .wpui-light .ui-accordion h3.ui-accordion-header {
    font: bold 15px Georgia,Helvetica,Arial,sans-serif !important;
}

/* NOTE: added for pwdfm plugin */
form#loginform p label {width:100%;line-height:22px !important;}
form#pwdfm-registrationform label {width:100%;line-height:22px !important; display:inline-block;}
.btn-danger strong {
    background-color:#f1f1f1;
    display:block;
    padding:1em 2em;
    border:5px solid red;
}

.has-warning {
	border:1px solid red !important;
}

.help-block {
	color: red;
	font-size: 0.9em;
}