/*
Theme Name: Twenty Twelve
Theme URI: http://wordpress.org/extend/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with a its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}


/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	text-transform: uppercase;
	color: #636363;
}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
article.post-password-required input[type=submit],
li.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle,
input[type="submit"],
article.post-password-required input[type=submit] {
	cursor: pointer;
}
.menu-toggle:hover,
input[type="submit"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
input[type="submit"]:active,
article.post-password-required input[type=submit]:active,
input[type="submit"].toggled-on {
	color: #777;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: none;
}
li.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}

/* Form fields */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
	padding: 6px;
	padding: 0.428571429rem;
	font-family: inherit;
	border: 1px solid #ccc;
	border-radius: 3px;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
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,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like 
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);*/
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #777;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a {
	display: block;
	width: 90%;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* Navigation */
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}
#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous,
.previous-image {
	float: left;
	width: 50%;
}
.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
}
.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 0;
	margin: 3.428571429rem 0;
}

/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.author-info {
	border-top: 1px solid #ededed;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	overflow: hidden;
}
.author-description p {
	color: #777;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
	margin-top: 0;
}


/* =Basic structure
-------------------------------------------------------------- */


/* Navigation Menu */
.main-navigation {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	text-align: center;
}
.main-navigation li {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}
.main-navigation a {
	color: #5e5e5e;
}
.main-navigation a:hover {
	color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}





/* =Comments
-------------------------------------------------------------- */

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
a.comment-reply-link {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #686868;
}
a.comment-reply-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.commentlist .children {
	margin-left: 48px;
	margin-left: 3.428571429rem;
}

/* Comment form */
#respond {
	margin-top: 48px;
	margin-top: 3.428571429rem;
}
#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}
label ~ span.required {
	display: block;
	float: left;
	margin: -18px 0 0 -16px;
	margin: -1.285714286rem 0 0 -1.142857143rem;
}





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

img#wpstats {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 1.714285714rem;
}


/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (min-width: 50px) {
	.author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	.site {
		margin: 0 auto;
		overflow: hidden;
	}
	.site-content {
		float: left;
		width: 65.104166667%;
	}
	body.template-front-page .site-content,
	body.single-attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
	.widget-area {
		float: right;
		width: 26.041666667%;
	}
	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 3.692307692;
		text-transform: uppercase;
	}
	.main-navigation li a:hover {
		color: #000;
	}
	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;
		position: relative;
	}
	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.main-navigation li ul li a {
		background: #efefef;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
	}
	.main-navigation li ul li a:hover {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: bold;
	}
	.menu-toggle {
		display: none;
	}
	.entry-header .entry-title {
		font-size: 22px;
		font-size: 1.571428571rem;
	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
}



/* =IE 7 and 8
----------------------------------------------- */
/*
.ie .skip-link,
.ie .screen-reader-text,
.ie .assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE7 */
/*}
.ie .site {
	margin: 48px auto;
	max-width: 960px;
}
.ie .site-content {
	float: left;
	width: 65.104166667%;
}
.ie .full-width .site-content {
	float: none;
	width: 100%;
}
.ie .widget-area {
	float: right;
	width: 26.041666667%;
}
.ie img.size-full,
.ie img.size-large,
.ie img.header-image,
.ie img.wp-post-image {
	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 
}


/* Hinkkane MODs */

body {background-color:#ff7f53; background-image:url(images/bg-orange.gif);}

a {color:#f9531e; text-decoration:none;}
a:hover {text-decoration:underline;}

h1 {font-weight:normal; font-size:30px;}
h2 {text-transform:uppercase; font-weight:normal;}
#secondary h3 {font-size:18px; font-weight:normal;}

ul li {list-style:none;}

#page {position:relative; z-index:1000;}

.site, #site-navigation .nav-menu, .bannerit .banner_content, .bannerit .mainokset ul, .logo_box, .wod, footer#colophon .site-info, #primary #content_etusivu ul, #content_etusivu #layers .layer-3.aukioloajat {width:930px !important; z-index:1000;}

#fiiliskuvat {background-image:url(images/etusivu-fiiliskuva-2.jpg); background-position:top center; height:630px; width:100%; position:absolute; display:block; top:0; left:0; z-index:10;}

#main.wrapper {margin-top:320px; line-height:22px; color:#666; font-weight:normal; overflow:hidden; background-color:#f2f2f2;}

#footer_top {background-color:#fff; overflow:hidden; padding:5px 10px; font-size:12px; border-bottom:solid 1px #ccc;}
#footer_top .left {float:left;}
#footer_top .left .paikka a {color:#999;}
#footer_top .right {background-color:; float:right; width:600px; text-align:right;}
#footer_top .right .mini_links a {color:#3399ff;}
#footer_top ul li {display:inline-block; padding:5px;}
#footer_top ul li ul#qtranslate-chooser li {background-color:; padding:0 !important; margin:0 3px !important;}
#footer_top ul li ul#qtranslate-chooser li.active a, #footer_top .left .paikka a.active {color:#f9531e; text-decoration:underline;}
#footer_top ul li ul#qtranslate-chooser li a {color:#999;}
#footer_top ul li.last {}

#site-navigation {margin:0; padding:0; height:auto;  font-size:0; position:relative;}
#site-navigation .logo-menu img {position:absolute; top:10px; right:10px;}
#site-navigation .nav-menu {border:none !important; font-size:0;}
#site-navigation ul.nav-menu li {margin:0; padding:0; float:left;}
#site-navigation .menu-flowpark-mainmenu-container {background-color:#e47e54; overflow:; background-image:url(images/bg-menu.jpg); background-position:top right; margin:0 !important; padding:0 !important; display:;}
#site-navigation .menu-flowpark-mainmenu-container #menu-flowpark-mainmenu li a {background-color:#fff; margin:0 !important; padding:10px 20px; border-right:solid 1px #b7b7b7; color:#f9531e; display:block !important; font-size:18px;}
#site-navigation .menu-flowpark-mainmenu-container #menu-flowpark-mainmenu li a:hover {background-color:#f9531e; color:#fff; border-right:solid 1px #f9531e;}
#site-navigation .menu-flowpark-mainmenu-container #menu-flowpark-mainmenu li.current-menu-item a,
#site-navigation .menu-flowpark-mainmenu-container #menu-flowpark-mainmenu li.current-menu-ancestor a
{background-color:#f9531e; font-weight:normal !important; color:#fff; border-right:solid 1px #f9531e;}
#site-navigation .menu-flowpark-mainmenu-container #menu-flowpark-mainmenu li ul.sub-menu li a {font-size:14px; padding:8px 10px; background-color:#fff; color:#333; border-right:none; line-height:16px; border-bottom:solid 1px #ddd;}
#site-navigation .menu-flowpark-mainmenu-container #menu-flowpark-mainmenu li ul.sub-menu li a:hover {background-color:#ccc; color:#fff;}
#site-navigation .menu-flowpark-mainmenu-container #menu-flowpark-mainmenu li ul.sub-menu li ul.sub-menu li a {background-color:#ccc !important; color:#fff; border-bottom:solid 1px #b9b9b9;}
#site-navigation .menu-flowpark-mainmenu-container #menu-flowpark-mainmenu li ul.sub-menu li ul.sub-menu li a:hover {background-color:#333 !important;}

#primary #site-navigation ul li a {color:#fff; padding:0 10px;}
#primary #site-navigation ul li a:hover {background-color:#fff; color:#333;}
#primary #site-navigation ul li.current-menu-item a, #primary .nav-menu .current-page-ancestor a {background-color:#fff !important; color:#333 !important; font-weight:normal;}
#primary #site-navigation .nav-menu {background-color:#f57642; background-image:url(images/bg-menu-ala.jpg); background-position:top left;}
#primary #site-navigation .nav-menu li {background-color:transparent;}

#primary #site-navigation.child .nav-menu {background-color:transparent !important; margin-top:5px; background-image:none;}
#primary #site-navigation.child .nav-menu a {line-height:0; color:#333; text-transform:none; line-height:normal;}
#primary #site-navigation.child .nav-menu a:hover {text-decoration:underline;}
#primary #site-navigation.child .nav-menu li.current-menu-item a {text-decoration:underline;}

#primary {background-color:#fff; width:630px; margin:0 !important; padding:0 !important;}

#primary #content {padding:30px;}
#primary #content p, #primary #content h1 {margin:0 0 20px 0;}

#secondary {background-color:#f2f2f2; width:300px; margin:0 !important; padding:0 !important;}
#secondary h3 {border-top:solid 6px #c2c2c2; border-bottom:solid 1px #c2c2c2; padding:10px; line-height:22px;}
#secondary aside {background-color:; margin:0 0 20px 0;}
#secondary aside ul li {border-bottom:solid 1px #c2c2c2; padding:10px; font-size:14px;}

#secondary aside .widget_wysija_cont {padding:10px;}
#secondary aside .widget_wysija_cont form label {display:inline-block; margin-right:10px;}
#secondary aside .widget_wysija_cont form input {width:180px; margin:0 0 10px 0;}
#secondary aside .widget_wysija_cont form .wysija-submit {width:auto;}

#secondary .widget_rss h3 a {color:#666; text-decoration:none;} /* linkki poistettu jquerylla headerissa, positetaan linkin tyylit */




/* EMBEDDATUT VIDEOT */
object {width:100% !important; height:auto;}




/* ETUSIVU */

.page-template-page-templatespage-etusivu-php h1 {padding:10px 0;}

.page-template-page-templatespage-etusivu-php,
.page-template-page-templatespage-etusivu-php #page,
.page-template-page-templatespage-etusivu-php #page #masthead #main,
.page-template-page-templatespage-etusivu-php #page #primary,
.page-template-page-templatespage-etusivu-php #page #masthead #main #primary #content_etusivu,
#content_etusivu,
#content_etusivu #layers ul
{background-color:; width:100% !important;}

.page-template-page-templatespage-etusivu-php #masthead,
#content_etusivu #layers ul.nostot,
#content_etusivu #layers ul.galleria li,
#content_etusivu .layer-3.aukioloajat .table
{width:930px !important; margin:0 auto;}

.page-template-page-templatespage-etusivu-php #page #primary {background-color:transparent;}

#content_etusivu {background-color:;}
#content_etusivu #layers {background-color:#fb7145; background-image:url(images/bg-orange-light.gif); padding-bottom:30px;}
#content_etusivu #layers ul li {text-align:center; color:#fff;}

#content_etusivu #layers .master_nostot {background-image:url(images/bg-orange.gif);}
#content_etusivu #layers ul.nostot {background-color:; overflow:hidden; padding:30px 0;}
#content_etusivu #layers ul.nostot p {background-color:; width:200px; margin:0 auto;}
#content_etusivu #layers ul.nostot li a {color:#fff;}
#content_etusivu #layers ul.nostot li {float:left; margin-right:28px;}
#content_etusivu #layers ul.nostot li.last {float:right; margin:0;}

#content_etusivu #layers ul.galleria, #content_etusivu .aukioloajat {/*background-image:url(images/bg-orange-light.gif);*/}
#content_etusivu #layers ul.galleria h1 {background-color:#fff; color:#333; text-align:left; padding-left:10px; width:918px;}
#content_etusivu #layers ul.galleria, #content_etusivu #layers .layer-3 {padding:0 0 30px 0;}

/*
#content_etusivu #layers .layer-3.aukioloajat h3 {color:#f9531e;}
#content_etusivu #layers .layer-3.aukioloajat .table ul li h2 {font-size:16px; display:block; margin:0 0 10px 0;}
#content_etusivu #layers .layer-3.aukioloajat .table {background-color:#fff; border-top:solid 10px #000; font-size:14px; display:none;}
#content_etusivu #layers .layer-3.aukioloajat .table .cols {overflow:hidden;}
#content_etusivu #layers .layer-3.aukioloajat .table .cols ul {background-color:; margin:0; width:268px !important; float:left; padding:20px;}
#content_etusivu #layers .layer-3.aukioloajat .table .cols ul.first {margin:0 0 0 0;}
#content_etusivu #layers .layer-3.aukioloajat .table .cols ul.last {float:right; margin:0;}
#content_etusivu #layers .layer-3.aukioloajat .table .cols ul li {text-align:left !important; color:#333;}
#content_etusivu #layers .layer-3.aukioloajat .table .cols ul li ul {background-color:; border-bottom:solid 1px #ccc; padding:0 0 10px 0; margin:0 0 10px 0;}
#content_etusivu #layers .layer-3.aukioloajat .table .cols ul li ul.last {border:none; margin:0; padding:0;}
#content_etusivu #layers .layer-3.aukioloajat .table .cols ul li ul li .pvm {background-color:; width:60px; display:inline-table;}

#content_etusivu #layers .layer-3.aukioloajat .table .cols .col-1,
#content_etusivu #layers .layer-3.aukioloajat .table .cols .col-2,
#content_etusivu #layers .layer-3.aukioloajat .table .cols .col-3 {border-left:solid 1px #ccc; min-height:480px;}
#content_etusivu #layers .layer-3.aukioloajat .table .cols .col-1 {border:none;}
*/



/* ETUSIVU INDEX */
.page-template-page-templatespage-etusivu_index-php {margin-top:0 !important; width:100% !important;}
.page-template-page-templatespage-etusivu_index-php #main.wrapper {background:transparent !important;}
.page-template-page-templatespage-etusivu_index-php #primary {background:transparent; width:auto;}
.page-template-page-templatespage-etusivu_index-php #main.wrapper {margin-top:0 !important;}
.page-template-page-templatespage-etusivu_index-php .entry-header {background:transparent; text-align:center; padding:20px;}
.page-template-page-templatespage-etusivu_index-php .entry-header h1 {font-size:60px; display:inline-block; line-height:60px; color:#fff; display:none;}
.page-template-page-templatespage-etusivu_index-php ul.paikkakunnat {margin:0 auto; margin-top:15px;}
.page-template-page-templatespage-etusivu_index-php ul.paikkakunnat li {display:inline-block;}
.page-template-page-templatespage-etusivu_index-php ul.paikkakunnat li a {margin:0 2px; background:#fff; padding:8px 24px; -moz-border-radius: 50px; border-radius: 50px; line-height:45px; text-decoration:none;}
.page-template-page-templatespage-etusivu_index-php ul.paikkakunnat li a:hover {color:#fff; background-color:rgb(249, 83, 30);}
.page-template-page-templatespage-etusivu_index-php .logo_flowpark {width:550px; display: block; margin: 10px auto; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);}
.page-template-page-templatespage-etusivu_index-php .mmkisat {max-width:100%; display: block; margin: 10px auto; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);}
.page-template-page-templatespage-etusivu_index-php footer#colophon {display:none;}




#content_etusivu #layers .layer-3.aukioloajat, .tablepress {background-color:#fff; color:#333; font-size:14px; margin:0 auto; border-top:solid 10px #000;}
h2.tablepress-table-name {margin:10px 20px; padding:0; font-size:16px;}
.tablepress tbody tr td {background-color:; border:none; margin:0; padding:0;}

.tablepress tbody tr td.column-1,
.tablepress tbody tr td.column-3,
.tablepress tbody tr td.column-5
{background-color: !important; width:40px; padding:0 0 0 20px;}
.tablepress tbody tr td.column-2,
.tablepress tbody tr td.column-4,
.tablepress tbody tr td.column-6
{background-color: !important; width:180px;}
.tablepress .odd td {background-color:#eee !important;}
.tablepress .row-hover tr:hover td {background-color:#ffe4bf !important;}
.tablepress tr td .otsikko {color:#f9531e;}

.content_blogiuutiset {background-color:; position:absolute; top:290px; width:100%; line-height:18px;}
.content_blogiuutiset .blogiuutiset {background-color:; width:930px; margin:0 auto !important;}
.content_blogiuutiset .blogiuutiset h3 {background-color:#000; color:#fff; display:inline-block; padding:6px; font-weight:normal; font-size:22px; line-height:18px; margin-bottom:1px;}
.content_blogiuutiset .blogiuutiset ul li {background-color:#000; display:block; padding:6px; float:left; clear:left; margin-bottom:1px;}
.content_blogiuutiset .blogiuutiset a {color:#fff;}
.content_blogiuutiset .blogiuutiset .rss-date {color:#F9531E;}
.content_blogiuutiset .blogiuutiset a.rsswidget img {display:none;}

.postituslista {background-color:#fff; width:600px; color:#666; font-family: 'Homenaje', sans-serif; font-size:40px; margin:130px auto; padding:30px;}
.postituslista p {border-bottom:solid 1px #999; padding-bottom:20px; margin-bottom:20px; position:relative;}
.postituslista .wysija-input, .postituslista .wysija-submit {font-family: 'Homenaje', sans-serif; font-size:40px;}
.postituslista .wysija-input {width:400px;}
.postituslista .wysija-submit {width:200px; display:block;}

.postituslista .formError {background-color:; background-image:url(images/ikoni-vaarin.png); background-repeat:no-repeat; background-position:center center; width:60px; height:60px; display:block !important; top:0 !important; left:auto !important; right:0 !important;}
.postituslista .formError .formErrorContent {display:none;}


#secondary .widget_wysija_cont p {position:relative;}

#secondary .widget_wysija_cont .formError {background-color:; background-image:url(images/ikoni-vaarin-mini.png); background-repeat:no-repeat; background-position:center center; width:25px; height:25px; line-height:1px; display:block !important; top:0 !important; left:auto !important; right:0 !important;}
#secondary .widget_wysija_cont .formError .formErrorContent {display:none;}




/* BUTTON */
input[type="submit"]
{
background-color:#ee6530 !important; background-image:none; color:#fff; color:#fff; text-transform:uppercase;
border-top:solid 1px #fba378;
border-right:solid 1px #ec753f;
border-bottom:solid 1px #c35423;
border-left:solid 1px #ec753f;

background: #fa8045; /* Old browsers */
background: -moz-linear-gradient(top,  #fa8045 0%, #e55d28 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa8045), color-stop(100%,#e55d28)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fa8045 0%,#e55d28 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fa8045 0%,#e55d28 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fa8045 0%,#e55d28 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fa8045 0%,#e55d28 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa8045', endColorstr='#e55d28',GradientType=0 ); /* IE6-9 */
}
input[type="submit"]:hover
{
background-color:#ee6530 !important; background-image:none; color:#fff; color:#fff; text-transform:uppercase;
border-top:solid 1px #fdc291;
border-right:solid 1px #ef9d5d;
border-bottom:solid 1px #c46f3a;
border-left:solid 1px #ef9d5d;

background: #fcab67; /* Old browsers */
background: -moz-linear-gradient(top,  #fcab67 0%, #e78344 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcab67), color-stop(100%,#e78344)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcab67 0%,#e78344 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcab67 0%,#e78344 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcab67 0%,#e78344 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fcab67 0%,#e78344 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcab67', endColorstr='#e78344',GradientType=0 ); /* IE6-9 */
}




/* SHADOWS */
.postituslista {-moz-box-shadow:0 1px 2px #c3390d; -webkit-box-shadow:0 1px 2px #c3390d; box-shadow:0 1px 2px #c3390d;}




/* BLOGI */
body.blog {}
body.blog #fiiliskuvat, body.single-post #fiiliskuvat {background-image:url(images/fiiliskuva-blogi.png); background-repeat:no-repeat; background-position:center -80px; background-position:center 0;}
body.blog #masthead nav, body.single-post #masthead nav {display:none;}
body.blog #primary article {margin:0 0 60px 0;}




.lang_suomi .aukioloajat.englanti,
.lang_suomi .aukioloajat.ruotsi,
.lang_suomi .aukioloajat.venaja
{display:none;}
.lang_englanti .aukioloajat.suomi,
.lang_englanti .aukioloajat.ruotsi,
.lang_englanti .aukioloajat.venaja
{display:none;}
.lang_ruotsi .aukioloajat.englanti,
.lang_ruotsi .aukioloajat.suomi,
.lang_ruotsi .aukioloajat.venaja
{display:none;}
.lang_venaja .aukioloajat.englanti,
.lang_venaja .aukioloajat.ruotsi,
.lang_venaja .aukioloajat.suomi
{display:none;}

footer {background-color:#232323;}
footer p, footer p a {color:#fff;}
footer .site-info {width:930px; margin:0 auto; padding:20px 0; text-align:center;}



/* flickr gallery */
.afg-gallery {}
.afg-gallery .afg-table {overflow:hidden !important; width:932px !important; background-color:;}
/*.afg-gallery .afg-row {overflow:hidden; height:130px !important; display:block !important;}*/
.afg-row .afg-cell {overflow:hidden !important; height:130px !important; width:232px !important; float:left; padding:0; margin:0;}
.afg-gallery a img {-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; width:240px !important; margin:0 !important; padding:0 !important; outline:none;}
.afg-gallery a img:hover {margin:0 !important;}
#cboxTitle, .afg-pagination {display:none !important;}

.page-template-page-templatespage-galleria-php .afg-gallery .afg-table {overflow:hidden !important; width:auto !important;}
.page-template-page-templatespage-galleria-php .afg-row .afg-cell {overflow:hidden !important; height:188px !important; width:189px !important; float:left; padding:0; margin:0;}
.page-template-page-templatespage-galleria-php .afg-pagination {display:block !important;}



/* Kalenteri */
#secondary .widget_em_calendar {background-color:;}
#secondary .widget_em_calendar .em-calendar-wrapper {}
#secondary .widget_em_calendar .em-calendar-wrapper .em-calendar {width:100%;}
#secondary .widget_em_calendar .em-calendar-wrapper .em-calendar td {}
#secondary .widget_em_calendar .em-calendar-wrapper .em-calendar .eventful {background-color:#f9531e; border:none;}
#secondary .widget_em_calendar .em-calendar-wrapper .em-calendar .eventful a {color:#fff;}
#secondary .widget_em_calendar .em-calendar-wrapper .em-calendar .eventless-today {border:none;}
#secondary .widget_em_widget {}
#secondary .widget_em_widget ul li ul li {background-color:; border:none; margin:0 10px 0 0; padding:0; display:inline-table;}




/* Weather */
#text-2  {background-color:#fff;}
#text-2 .textwidget {padding:10px; border:solid 5px #ccc; position:relative;}
#text-2 .textwidget div, #text-2 center {text-align:left !important; width:260px;}
#text-2 center {position:absolute; right:20px; top:6px; width:110px !important; font-size:34px; text-align:center !important;}
#text-2 center center {position:relative; margin:0 0 20px 0;}



/* Rounded corners */
#secondary .widget_em_calendar .em-calendar-wrapper .em-calendar td
{-moz-border-radius: 35px; border-radius: 35px;}



/* VENAJA_MOD */
.lang_venaja #site-navigation .menu-flowpark-mainmenu-container #menu-flowpark-mainmenu li a {font-size:12px; padding: 25px 20px;}

.lang_venaja .master_nostot .nostot h1 {font-size:10px !important;}




/* Mobile devices */


@media (max-width: 920px) {

body .benji_box {display:none;}
	
.page-template-page-templatespage-etusivu-php #masthead, #masthead {width:auto !important;}

#primary #content {padding:30px 10px;}

#masthead #footer_top {display:; position:; width:auto; padding: 5px 5px;}
#footer_top .left {float:left; width:30%;}
#footer_top .left ul.paikka li {display:block;}
#footer_top .right {width:; display:; float:right; width:60% !important; text-align:right;}
#footer_top .right .mini_links {display:none;}
#footer_top .right .last {}
#footer_top .right ul li.first, #footer_top .right ul li.last {display:;}

.mobile_navigation {background-image:url(images/bg-menu.jpg) !important; display:block !important; background: #fff; border-bottom: solid 1px #eee;}
.mobile_navigation ul {overflow:hidden}
.mobile_navigation ul li {background: pink; width: 70px; height: 70px; cursor: pointer; text-indent:-50000px;}
.mobile_navigation ul li.mobile_logo {float:left; width:120px; background:url(images/flowpark-mobile_navigation-logo-white.png) center center; background-size:100%; margin-left:10px;}
.mobile_navigation ul li.mobile_logo a { background:; display: block; height: 100%; text-indent: -50000px; }
.mobile_navigation ul li.mobile_sulje {background:#ddd url(images/flowpark-mobile_navigation-ikoni.png) center center; background-size:50%; float:right; background-repeat:no-repeat;}

#site-navigation {display:none;}
#site-navigation ul li .sub-menu {display:block; position:static;}
#site-navigation .menu-flowpark-mainmenu-container ul li .sub-menu li a {width:100%; border-bottom:solid 1px #eee !important;}
#site-navigation .menu-flowpark-mainmenu-container ul li .sub-menu li .sub-menu li a {border:none; padding-left: 20px !important;}
.mobile-fiiliskuva-margin_top {margin-top:0 !important;}

.site, #site-navigation .nav-menu, .bannerit .banner_content, .bannerit .mainokset ul, .logo_box, .wod, footer#colophon .site-info, #primary #content_etusivu ul, #content_etusivu #layers .layer-3.aukioloajat, #fiiliskuvat {max-width:100% !important; z-index:1000;}

#primary #content p, #primary #content h1, #secondary {width:auto;}
.widget-area {float:left;}
#secondary {background:; width:100%; padding:0 !important; margin-top:20px;}
#secondary aside {width:;}

#fiiliskuvat {display:;}

#primary #site-navigation .nav-menu {float:left;}

#site-navigation .menu-flowpark-mainmenu-container {}
#site-navigation .menu-flowpark-mainmenu-container ul.nav-menu li {float:none !important; display:block;}
#site-navigation .menu-flowpark-mainmenu-container ul.nav-menu li a {padding:10px !important; line-height:16px; border:none !important;}

#primary {width:auto;}
.entry-content {}

.master_nostot {background:;}
.master_nostot ul.nostot {background:;}
.master_nostot ul.nostot li {background:; margin:0 0 30px 0 !important; float:left !important; /*width:calc(50% - 20px) !important;*/ width:50% !important;}
#content_etusivu #layers ul.nostot p {}

.content_blogiuutiset {bottom:0; left:10px; font-size:12px; display:none;}

.galleria {width:auto !important;}
#content_etusivu #layers ul.galleria li {width:auto !important;}
.galleria .afg-table {width:100% !important;}
.galleria .afg-table .afg-row {background:;}
.galleria .afg-table .afg-row .afg-cell {width: 50% !important; float:left !important; margin:0 0 -2px 0;}
.galleria .afg-table .afg-row .afg-cell img {display:; width:100% !important;}

.blog #page #primary {width:100%;}
body.blog #fiiliskuvat, body.single-post #fiiliskuvat {
background-image: url(images/fiiliskuva-blogi.png);
background-repeat: no-repeat;
background-position: center 160px;
background-size: 750px;
}

}
/* END @media (max-width: 640px) */

@media (max-width: 640px) {

body .benji_box {display:none;}
	
.page-template-page-templatespage-etusivu-php #masthead, #masthead {width:auto !important;}

#primary #content {padding:30px 10px;}

#masthead #footer_top {display:; position:; width:auto; padding: 5px 5px;}
#footer_top .left {float:left; width:30%;}
#footer_top .left ul.paikka li {display:block;}
#footer_top .right {width:; display:; float:right; width:60% !important; text-align:right;}
#footer_top .right .mini_links {display:none;}
#footer_top .right .last {}
#footer_top .right ul li.first, #footer_top .right ul li.last {display:;}

.mobile_navigation {display:block !important; background: #fff; border-bottom: solid 1px #eee;}
.mobile_navigation ul {overflow:hidden}
.mobile_navigation ul li {background: pink; width: 70px; height: 70px; cursor: pointer; text-indent:-50000px;}
.mobile_navigation ul li.mobile_logo {float:left; width:120px; background:url(images/flowpark-mobile_navigation-logo-white.png) center center; background-size:100%; margin-left:10px;}
.mobile_navigation ul li.mobile_logo a { background:; display: block; height: 100%; text-indent: -50000px; }
.mobile_navigation ul li.mobile_sulje {background:#ddd url(images/flowpark-mobile_navigation-ikoni.png) center center; background-size:50%; float:right; background-repeat:no-repeat;}

#site-navigation {display:none;}
#site-navigation ul li .sub-menu {display:block; position:static;}
#site-navigation .menu-flowpark-mainmenu-container ul li .sub-menu li a {width:100%; border-bottom:solid 1px #eee !important;}
#site-navigation .menu-flowpark-mainmenu-container ul li .sub-menu li .sub-menu li a {border:none; padding-left: 20px !important;}
.mobile-fiiliskuva-margin_top {margin-top:0 !important;}

.site, #site-navigation .nav-menu, .bannerit .banner_content, .bannerit .mainokset ul, .logo_box, .wod, footer#colophon .site-info, #primary #content_etusivu ul, #content_etusivu #layers .layer-3.aukioloajat, #fiiliskuvat {max-width:100% !important; z-index:1000;}

#primary #content p, #primary #content h1, #secondary {width:auto;}
.widget-area {float:left;}
#secondary {background:; width:100%; padding:0 !important; margin-top:20px;}
#secondary aside {width:;}

#fiiliskuvat {display:;}

#primary #site-navigation .nav-menu {float:left;}

#site-navigation .menu-flowpark-mainmenu-container {}
#site-navigation .menu-flowpark-mainmenu-container ul.nav-menu li {float:none !important; display:block;}
#site-navigation .menu-flowpark-mainmenu-container ul.nav-menu li a {padding:10px !important; line-height:16px; border:none !important;}

#primary {width:auto;}
.entry-content {}

.master_nostot {background:;}
.master_nostot ul.nostot {background:;}
.master_nostot ul.nostot li {background:; margin-bottom:30px; float:none !important; width:100% !important;}

.content_blogiuutiset {bottom:0; left:10px; font-size:12px; display:none;}

.galleria {width:auto !important;}
#content_etusivu #layers ul.galleria li {width:auto !important;}
.galleria .afg-table {width:100% !important;}
.galleria .afg-table .afg-row {background:;}
.galleria .afg-table .afg-row .afg-cell {width: 50% !important; float:left !important; margin:0 0 -2px 0;}
.galleria .afg-table .afg-row .afg-cell img {display:; width:100% !important;}

.blog #page #primary {width:100%;}
body.blog #fiiliskuvat, body.single-post #fiiliskuvat {
background-image: url(images/fiiliskuva-blogi.png);
background-repeat: no-repeat;
background-position: center 160px;
background-size: 750px;
}

.page-template-page-templatespage-etusivu_index-php .logo_flowpark {width:320px;}

}
/* END @media (max-width: 640px) */

@media (min-width: 920px) {

#site-navigation {display:block !important;}

}




.wpcf7 {}
.wpcf7 .stipendi h2 {margin:0 0 20px 0;}
.wpcf7 .stipendi .vaihe {border-bottom:solid 1px #ddd; margin-bottom:20px;}
.wpcf7 .stipendi {background:#efefef; padding:30px;}
.wpcf7 .stipendi input[type='text'], .wpcf7 .stipendi textarea, .wpcf7 .stipendi input[type='tel'] {display:block; width:calc(100% - 20px); font-size:16px; color:#666;}
.wpcf7 .stipendi input[type='tel'] {padding:6px;}
.wpcf7 .stipendi input[type='submit'] {width:auto;}
.wpcf7 .stipendi input[type='radio'] {display:inline-block; width:auto;}
.wpcf7 .stipendi span.wpcf7-list-item {margin:0;}






.scrollup {position:fixed; bottom:30px; right:30px; display:none; z-index:100000; width:80px; height:80px; cursor:pointer; opacity:.5;}
.scrollup:hover {opacity:1;}
.scrollup img {width:100%; height:auto;}


/* HIDDEN */
hgroup,
.skip-link,
#wpstats,
.page-template-page-templatespage-etusivu-php h1.entry-title,
.page-template-page-templatespage-puistoon-php h2.tablepress-table-name-id-2
/*, #footer_top .right li.last ul li.lang-sv, #footer_top .right li.last ul li.lang-ru /* piilotetaan kielivalinnat ylanavigoinnista */
, .lang_englanti .content_blogiuutiset, .lang_ruotsi .content_blogiuutiset /*blogiuutiset piiloon kieli -sivuilla*/
, .lang_englanti #better_rss_widget-2, .lang_ruotsi #better_rss_widget-2, .lang_venaja #better_rss_widget-3 /* blogi vimpain piiloon kieli -sivuilla */
{display:none !important;}