/*
Theme Name: muoti
Author: J. Hyvärinen
Author URI: 
Theme URI: 
Description: Muotilehden kaltainen teema. Pohjana käytetty Pinzoloa, joka on muokattu raakasti lehtimäiseen tyyliin
Version: 0.1
Tags:  custom-background, custom-header, featured-images, flexible-width, one-column, threaded-comments, white, light, right-sidebar
Description: Teema

License: GNU General Public License
License URI: license.txt 

Pinzolo WordPress Theme, Copyright (C) 2012 Dean Oakley

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

 
/*---------------------------- normalize ----------------------------*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #f9ff51; color: black; text-shadow: none; }
::selection { background: #f9ff51; color: black; text-shadow: none; }

a { color: #00e; }
a:visited { }
a:hover { color: #06e; }
a:focus { outline: none; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ECECEC; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/*---------------------------- typography ----------------------------*/

h1, h2, h3, h4, h5, h6{

	margin-bottom: 20px; 
	margin-top: 40px; 
	
	color: black;
	font-weight: 600;	
	font-family: 'Open Sans', sans-serif;
}


h1									{ font-size: 40px; line-height: 55px; }
h2									{ font-size: 40px; line-height: 50px;}
h3									{ font-size: 24px; line-height: 30px;}
h4									{ font-size: 18px; line-height: 22px;}
h5									{ font-size: 15px; line-height: 18px;}
h6									{ font-size: 13px; line-height: 18px;}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child{ 
	margin-top: 0; 
}

p{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
}

p:first-child{
	margin-top: 0;
}

textarea,
select,
input,
body{
	font-family: 'Open Sans', sans-serif;
}



/*---------------------------- Basic ----------------------------*/

body {	
 
	font-size: 14px;
	line-height: 22px;
	color: #444;
	font-weight: normal;
}

a{
	color: gray;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	
	cursor: pointer;
	text-decoration: none;
	outline: none;
}

a:hover{
	text-decoration: none;
	color: #7e43ab;
}

blockquote{
	font-style: italic;
	font-size: 14px;
	line-height: 22px;
	color: gray;
	margin-left: 0;
	padding-left: 40px;
	border-left: dotted 2px gray;  
	
}


/*---------------------------- helpers ----------------------------*/

.clear{
	clear:both;
}
 
.center{
	max-width:1200px; 
	margin: 0 auto;
	text-align:left;
	position:relative;
}

.fright{
	float:right;
}

.taright{
	text-align:right;
}

.tacenter{
	text-align: center;
}

.fleft{
	float:left;
}

.fright{
	float:right;
}

.alignright{
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
}

.alignleft{
	float: left;
	margin-right: 25px;
	margin-bottom: 20px;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignnone{
	clear: both;
}

.nopad{
	padding: 0 !important;
}

.big{
	font-size: 120px;
}

p.attachment{
	text-align: center;
}

table th{
	font-weight: bold;
}

table td{
	padding: 10px;
	border: solid 1px #ECECEC;
}


/*---------------------------- header and body ----------------------------*/

body{
	background-color: white;
	padding-top: 0;
}

#wrapper_border{
	padding: 20px;
	padding-top: 10px;
}

#wrapper_bg{
	background-color: white;
	position: relative;
		    	
	-webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0, 0.3), 0 3px 6px 0px rgba(0,0,0, 0.15);
	-moz-box-shadow: 0 1px 3px 0px rgba(0,0,0, 0.3), 0 3px 6px 0px rgba(0,0,0, 0.15);
	box-shadow: 0 1px 3px 0px rgba(0,0,0, 0.3), 0 3px 6px 0px rgba(0,0,0, 0.15);
}

#header_wrap{
	background-position: center center;
	background-repeat: no-repeat;
	height: 330px;
}

header p.tagline{
	color: #7e7f82;
	float: left;
	
	line-height: 30px;
	margin: 0;
	padding-left:10px;
	
	width: 750px;
	background-color: white;
	
	font-size: 12px;
}
.logofloater {
position:absolute;
z-index:1000;
left: 200px;
top:90px;
}
#logoContainer{
	width: 100%;
	height: 100%;
	text-align: center;
	
	margin-top: 135px;
}

#logoContainer h1{
	color: white;

	line-height: 0.8em;

	margin-bottom: 0;
	
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	
	display: block;
	font-weight: 900;
}

#logoContainer p{
	color: white;
	font-size: 12px;
	padding: 5px;
	display: inline-block;
	margin-top: 0;
}

#main{
	margin-bottom: 40px;
	padding: 20px;
}

.content{
	padding: 40px;
	padding-top: 0;
}

.scol{
	max-width: 800px;
	margin: auto;
	margin-top: 60px;
}

.gcol{
	max-width: 75%;
	margin: auto;
}

.col2{
	margin-top: 60px;
}

.lcol{
	float: left;
	width: 65%;
}

.rcol{
	float: right;
	width: 35%;
}

.sidebar_widget{
	margin-bottom: 30px;
}

.content,
.content p,
.content li{
color: #222 !important;

	font-size: 14px;
	line-height: 26px;
}

.content p:first-child{
	margin-top: 0;
}

.content a{

}

.content a:hover{
	text-decoration: underline;
}

.content .edit_link{
	border-top: solid 1px #ECECEC;
	margin-top: 15px;
	padding-top: 15px;
}

.page-template-page-home-php #main{
	margin-bottom: 0;
}

.btitle{
	font-size: 14px;
	font-weight: normal;
	text-align: right;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	padding-right: 40px;
}


#page_head{
	padding-bottom: 15px;
	padding-right: 40px;
	border-bottom: solid 1px #ECECEC;
}

#page_head h2{
	font-size: 18px;
	color: gray;
	text-align: right;
	font-weight: normal;
}

.sticky{
	
}

.bypostauthor{
	
}

.wp-caption-text{
	font-style: italic;
	background-color: #f4f4f4;
	margin: 0;
	padding: 5px;
}

.gallery-caption{
	background-color: transparent;
}

#post_nav{
	border-top: solid 1px #ECECEC;
	margin-top: 20px;
	position: relative;
	margin-bottom: 20px;
}

#post_nav a{
	background-color: transparent;
}

#pn_prev{
	width: 50%;
	float: left;
	min-height: 80px;
}

#pn_next{
	width: 50%;
	float: right;
	text-align: right;
}

.pn{
	padding-top: 20px;
	margin-top: 0;
}

#mline{
	border-right: solid 1px #ECECEC;
	width: 1px;
	height: 80px;
	position: absolute;
	left: 50%;
}

.etusivunylaosa {
padding-bottom:40px;
}
.logokuvacontainer {
float:left;
width: 75%;
}
.logokuva {
float:left;
margin-right: 0;
border-right: 30px solid #fff;
}
.logokuvatekstit {
color: #000;
padding-top: 120px;
font-family: 'Playfair Display SC', serif;
font-weight: 400;
font-size: 25px;
width:96%;
}
.logotekstitsisa {
color:#666;
margin-top: 10px;
border-top: 20px solid #000;
padding-top:10px;
font-family: serif; 
font-size: 15px;
}
.rcoletusivu{
	float: right;
	width: 25%;
	text-overflow:clip;
}
.rcoletusivu .content {
margin:0;
padding:0;
}
/*sidebar_widget*/

/*---------------------------- välit --------------------------------*/

.pikkupadderi {
height: 48px; font-size:0;margin:0;padding:0;
}

/*---------------------------- valikko ------------------------------*/
.logo_valikko {
width: 250px;float:right;
}
.menuU2  {
border-bottom:80px solid #000;
margin-bottom:40px;
}
ul#menuU2{
	margin:0;padding:0;padding-bottom:10px;
}
ul#menuU2 li{
	margin:0;
	padding:0;
    list-style: none;
	height:40px;
}
ul#menuU2 li a{
white-space:nowrap;
font-family: 'Playfair Display SC', serif;
font-weight: 400;
font-style: italic;
text-transform:uppercase;
	font-size:40px;
	color: #000;
}
ul#menuU2 li {border-top:1px solid #fff;}
ul#menuU2 li:hover {border-top:1px solid #000;}
ul#menuU2 li:hover ul.sub-menu li:hover {border-top:1px solid #fff;}
ul#menuU2 li ul.sub-menu {display:none;border-right:1px solid #fff;}
ul#menuU2 li:hover ul.sub-menu {display:block;}
ul#menuU2 li ul.sub-menu {padding:0;position:absolute; background:#000; margin-top: -40px;margin-left:-199px;}
ul#menuU2 li ul.sub-menu li {width: 200px;text-align:center; text-overflow:clip;padding-top:4px;}
ul#menuU2 li ul.sub-menu li a:link,ul#menuU2 li ul.sub-menu li a:visited {color:#fff;}
ul#menuU2 li ul.sub-menu li a:hover {color:#444;}
ul#menuU2 li a:hover{
color: #ccc;
text-decoration:none;
}

/*---------------------------- Responsive styles ----------------------------*/

.tinynav { display: none }


@media screen and (max-width: 850px) {

	.logofloater { left: 150px;}
    .lcol,
    .rcol{
	    width: 100%;
    }
    
    .dets_wrap,
	.content_wrap{			
		min-width: 100%;
	}
	
	#main{
    	padding-left: 0;
    	padding-right: 0;
    }
    
    .dets{
	    border-right: none !important;
    }
    
    .content{
	    padding: 10px;
    }
    
    h1, h2, h3, h4{ margin-bottom: 5px; }
    
    h1{ font-size: 24px; line-height: 30px; }
    
    h2{ font-size: 20px; line-height: 24px; }
    
    h3{ font-size: 16px; line-height: 20px; }
    
    h3{ font-size: 15px; line-height: 18px }
}
@media screen and (max-width: 1250px) {
	.rcoletusivu {width:28%;}
	.logokuvacontainer {width:70%;}
}
@media screen and (max-width: 1115px) {
	.rcoletusivu {width:30%;}
}
@media screen and (max-width: 990px) {
	ul#menuU2 li {height:30px;}
	ul#menuU2 li a {font-size: 30px;}
	ul#menuU2 li ul.sub-menu { margin-top: -40px;margin-left:-181px;}
	ul#menuU2 li ul.sub-menu li {width: 180px;padding-top:0px;}
	.logokuvatekstit {
	font-size: 18px;
	padding-top: 80px;
	width:98%;
	}
	.logokuva {
	margin-right: 10px;
	border-right: 10px solid #fff;
	}
}
@media screen and (max-width: 800px) {
	ul#menuU2 li {height:23px;}
	ul#menuU2 li a {font-size: 23px;line-height:23px;}
	ul#menuU2 li ul.sub-menu { margin-top: -23px;margin-left:-121px;}
	ul#menuU2 li ul.sub-menu li {width: 120px;padding-top:0px;}
	.logokuvatekstit {
	font-size: 16px;
	padding-top: 30px;
	width:100%;
	}
	.logokuva {
	margin-right: 1px;
	border-right: 1px solid #fff;
	}
	.logokuvacontainer {width:74%;}
	.rcoletusivu {width:25%;}
}
@media screen and (max-width: 660px) {
	/*ul#menuU2 li {height:19px;}
	ul#menuU2 li a {font-size: 19px;line-height:19px;}
	ul#menuU2 li ul.sub-menu { margin-top: -19px;}*/
	.logofloater { left: 0px !important;}
	.rcoletusivu {display: none;}
	.logokuvacontainer {width:100%;}
	.logokuva {
	margin-right: 4px;
	border-right: 4px solid #fff;
	}
	.logokuvatekstit {
	font-size: 16px;
	padding-top: 0px;
	width:100%;
	}
}
@media screen and (max-width: 600px) {
	
	
	/*.logofloater { left: 0px !important;}
	.rcoletusivu {display: none;}
	.logokuvacontainer {width:100%;}
	.logokuva {
	margin-right: 4px;
	border-right: 4px solid #fff;
	}
	.logokuvatekstit {
	font-size: 16px;
	padding-top: 0px;
	width:100%;
	}*/

	nav{
		width: 100%;
	}
	
	#navwrap2{
		padding-left: 5px;
		padding-right: 5px;

	}
	
	.js .tinynav { 
		display: block;
		position: relative;
		top: 5px;
		border: none;
		background-color: #f0f0f0;
		width: 100%;

	}
	.js #menuUl { display: none }
	
	#blog_head{
		padding-right: 5px !important;
	}
    
    #wrapper_border{
	    padding: 5px;
    }
    
    #searchbox {
    	margin-right: 5px !important;
    }
    
    .gcol{
	    max-width: 100%;
    }
    
    div.photospace ul.thumbs li {
    	margin-right: 5px !important;
    	margin-bottom: 5px !important;
    }
 
}
@media screen and (max-width: 420px) {
.logokuvatekstit {float:left;}
}
/* Images */
.content img,
.wp-caption,
.attachment-portfolio,
#logoContainer img{
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full{
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}


.sidebar_widget a:link,.sidebar_widget a:visited {
color: #000; font-style:italic;text-transform:uppercase;
}
.sidebar_widget h3 {
 font-family: 'Old Standard TT', serif;
 font-weight:400;
text-transform:uppercase;
text-align:center;
/*background: #000; 
color: #fff;
line-height:40px;*/
border-bottom: 8px solid #000;
}
@media screen and (max-width: 980px) {
	.menu-valikko-container ul li a{font-size: 30px; line-height:30px;}
}
/*---------------------------- main menu ----------------------------*/

#navwrap{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1000;
	height: 40px;
	
}

#navwrap2{
	max-width:1200px; 
	
	background-color: white;
	
	margin: auto;
	height: 40px;
	
			    	
	-webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0, 0.3), 0 3px 6px 0px rgba(0,0,0, 0.15);
	-moz-box-shadow: 0 1px 3px 0px rgba(0,0,0, 0.3), 0 3px 6px 0px rgba(0,0,0, 0.15);
	box-shadow: 0 1px 3px 0px rgba(0,0,0, 0.3), 0 3px 6px 0px rgba(0,0,0, 0.15);
}

nav{
	top: 0;
	left: auto;
	
	height:40px;
	z-index:600;
}

nav .filler{
	width: 100%;
	display: inline-block;
    height:0px;
}

nav ul{
	height:40px;
	line-height:40px;
	
	z-index:400;
	
	margin:0;
	padding:0;
	
	text-align: justify;
}

nav ul li{
	display: inline;
	list-style:none;
	position:relative;
	
	margin:0;
	padding:0;
}

/* Default menu */
.menu ul li{
	padding-left: 1%;
	padding-right: 1%;
}

nav ul li a{
	color: black;
	
	text-decoration:none;

	font-size:12px;
	font-weight:bold;

	line-height:40px;
	height: 40px;
	
	display: inline-block;
	
	text-transform:uppercase;
	position: relative;
}

nav ul li.current_page_item a,
.current-gallery-ancestor a,
.current-page-ancestor a{
	color:#b5b5b5;
}

nav ul li a:hover,
nav ul li.sfHover a{
	text-decoration: none;
	color:#b5b5b5;
}

nav ul li.sfHover a{
	color:#b5b5b5;
}

nav ul li.current-menu-parent ul a{
	color:#b5b5b5;
}

nav ul li.current_page_item ul a,
single-gallery {
	color:#b5b5b5;
}


/*** dropit ***/
nav ul li ul{
	position:absolute;
    top:17px;
    
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    
    margin:0;
	padding:0;
	
    float:left;  
    
	width:170px;
	
	z-index:100;
	height:auto;
	visibility:hidden;
	left:-15px;

	background-color: white;
	
	-webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0, 0.3), 0 3px 6px 0px rgba(0,0,0, 0.15);
	-moz-box-shadow: 0 1px 3px 0px rgba(0,0,0, 0.3), 0 3px 6px 0px rgba(0,0,0, 0.15);
	box-shadow: 0 3px 3px 0px rgba(0,0,0, 0.3), 0 5px 6px 0px rgba(0,0,0, 0.15);
}

nav ul ul ul{
	left:			170px;
	top:			0;
	z-index:		99;
}



nav ul li ul li{
    margin:0px;
	padding:0px;	
	display:block;
}

nav ul li ul li span{
	display:none;
}

nav ul li ul li a,
nav ul li.current_page_item ul li a{
	
	display:inline-block;
	line-height:25px;
	height: auto;
	
	padding-left: 23px;

	width:120px;
	color:black !important;
	text-align:left;
}

nav ul li.sfHover ul li a:hover{
	color:#b5b5b5;
}

nav ul li ul li.lastone a{
	border-bottom:none !important;
}

nav ul li ul li.current_page_item a{
	color: #b5b5b5 !important;
}

nav ul li ul li a:hover,
nav ul li ul li.current_page_item a:hover{
	color: #b5b5b5 !important;
}

.sf-sub-indicator{
	width: 8px;
	height: 6px;
	
	background-image: url(images/drop.png);
	background-repeat: no-repeat;
	
	position: absolute;
	right: -12px;
	top: 17px;
}

nav ul ul .sf-sub-indicator{
	background-image: url(images/drop2.png);
	top: 5px;
	display: block;
	width: 5px;
	height: 10px;
}

/*---------------------------- sub pages ----------------------------*/

.attachment-subpage_thumbnail {
    float: left;
	margin-right:20px;
	margin-bottom:20px;
    padding: 5px;
    background:#FFF;
    background-image: url(images/diag.png);
    padding: 10px;
}
.description {
	overflow: hidden;
	margin-bottom:10px;
}

.description a{
	color: black;
	text-decoration: none;
	font-weight: bold;
}

.description  h3 a{
	padding-top:0;
}

.border{
	border-top:1px #E9E9E9 solid;
	margin-bottom: 20px;
}


/*---------------------------- Results page ----------------------------*/

.res_item{
	float:left;
	position:relative;
	margin-right:20px;
	margin-bottom:20px;
	width:320px;
	padding-top: 20px;
	border-top: 4px solid #dadada;
}

.res_item.last{
	margin-right:0;
}

.res_item h2{
	border-right: none !important;	
}

#s_info{
	text-align: center;
	margin-bottom: 20px;
	overflow: hidden;
}

#s_info span{
	background-color: #dadada;
	border-radius: 25px;
	padding: 15px;
	display: block;
}


/*---------------------------- Portfolio page ----------------------------*/

.portfolio{
	text-align: center;
}

.portfolio_item{

	position:relative;
	
	width:250px;
	height: 250px;
	
	display: inline-block;

	margin: 5px;

}

.portfolio_item a{

}

.portfolio_item a:hover img{
	opacity:0.20;
	filter:alpha(opacity=20);
	text-decoration:none;
}

.portfolio_item a.last{
	margin-right:0;
}

.portfolio_item img{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.portfolio_item .info{
	position:absolute;
	left:0;
	top:0;
	
	opacity:0;
	
	width:250px;
	height: 250px;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.portfolio_item a:hover .info{
	opacity:0.99;
}

.portfolio_item p{
	font-size:22px;
	
	color: gray;
	
	line-height: 235px;
	text-align: center;
}


/*---------------------------- Photospace override ----------------------------*/

.photospace {
    position:relative;
    margin-bottom: 20px !important;
    min-height: 200px; /* space for loader */
}
 
.photospace,
.photospace .thumnail_col,
.photospace .gal_content,
.photospace .slideshow-container,
.photospace .slideshow span,
.photospace .slideshow a.advance-link,
.photospace .slideshow img{
    width: 100% !important;
    height: auto !important;
}
 
.photospace .slideshow span{
    display: block !important;
}
 
.photospace .gal_content{
    float: none !important;
}
 
.photospace .slideshow span{
    position: relative !important; /* Keep the gallery height - Doesn't work with synced transistions */
}
 
.photospace .loader{
    width: 100px !important;
    height: 100px !important;
    top: 50% !important;
    left: 50% !important;
    margin-left: -50px;
}
 
.photospace .thumbs_wrap2{
    min-height:45px; /* space for thumbnails */
    overflow: hidden;
}
 
.photospace .thumbs{
     min-height:40px;
}
 
.photospace .thumbs_wrap{
    float: left;
    left: 50%;
    position: relative;
}
 
.photospace .pageLink.next{
    margin-right:0;
}
 
.photospace .thumnail_col {
    float: left;
    left: -50%;
    width:auto  !important;
    position: relative;
}
 
.photospace ul.thumbs {
    float:left;
}
 
.photospace span.image-caption{
    position: inherit !important;
}

/*---------------------------- blog header ----------------------------*/

#blog_head{	
	text-align: right;
	padding-bottom: 15px;
	padding-right: 40px;
}

.sres{
	font-style: italic;	
}

#searchbox{
	display: inline-block;
	position: relative;
	margin-right:20px;
}

#searchbox form{
	width:103%;
}

#Searchform{
	
	display: inline-block;
	position: relative;
	
	width:120px;
	
	padding-left:5px;
	padding-right: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
	
	background-image:url(images/search.png);
	background-position:100px 5px;
	background-repeat:no-repeat;
}

#cat{
	display: inline-block;
	position: relative;

	padding-top: 3px;
	padding-bottom: 3px;
}


/*---------------------------- blog format ----------------------------*/

article{
	margin-bottom:40px;
}

article h2{
	word-wrap: break-word;
	overflow:hidden;
}

article h2 a,
article h2 a:visited{
	text-decoration: none;
	color: black;
	opacity: 0.99;
}

article h2 a:hover{
	opacity: 0.6;
}

.date_box p{
	margin: 0;
	padding: 0;
	text-shadow: none;
	position: relative;
	top:2px;
}

.date_box{
	background-color: #E9E9E9;
	
	padding:10px;
	height:18px;
	
	margin-bottom:20px;
	margin-top: 10px;
}

.date_box a{

	font-style:italic;
}

.search .date_box .stats{
	font-size: 20px;
}

.date_box .stats{
	float:left;
}

.date_box .date{
	float:right;
	text-align:right;
}

#info_box{
	background-color: #8c1016;
	border-radius:10px;
	margin-bottom:20px;
	padding: 10px;
}

#info_box h2,
#info_box h5{
	color: white;
	text-shadow: none;
	margin: 5px;
}

.dets_wrap{
	padding-top:20%;
	background: #000;
	float: left;
	width: 30%;
	text-overflow:clip;
}


.dets{
	/*border-right: solid 1px #ECECEC;*/
	padding-left: 20px;
	padding-right: 20px;
}

.dets ul li a:link,.dets ul li a:visited{
	color: #ccc !important;
}

.dets h2 a:link, .dets h2 a:visited{
	color: #fff;
}
.dets .mfonttipieni {
 font-size: 11px;
 font-family: 'Old Standard TT', serif;
 text-transform:uppercase;
 font-weight:400;
}

.dets h2{
font-family: 'Playfair Display SC', serif;
font-weight: 700;
text-transform:uppercase;
	text-align: center;
}

.dets ul #perm a{
	background:none;
}

.dets ul a:hover.
.dets .edit_link a:hover{
	text-decoration: underline;
}

.dets ul img:hover{
	
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);

}

.dets ul{
	padding-left: 0;
}

.dets li,
.dets .edit_link{
	line-height: 22px;
	list-style: none;
	text-align: center;
}

.dets li.perm a{
	background: none;
}

.dets li a:hover{
	text-decoration: underline;
} 

.dets li.perm a:hover{
	background: none;
}

article{
	border-top: solid 1px #ECECEC;
	padding-top: 40px;
	margin-bottom: 40px;
	overflow: hidden;
}

.single article{
	border-bottom: 0;
	padding-bottom: 0;
}

article .dets_wrap{
	float:left;
}
article .content_wrap{
	width: 70%;
	float: right;
}
	

article.jaoton .content_wrap{
	width: 70%;
	float: right;
}
article.jaollinen .content_wrap{
	width: 70%;
	float: left;
}

article.jaollinen .dets_wrap{
	float:right;
}
	
article .content{
	padding-top: 0 !important; 
}

.sivukuva.jaoton,.sivukuva.jaollinen { text-align:center; }
.sivukuva.jaoton {
float:right;
margin-left:22px;
}
.sivukuva.jaollinen {
float:left;
margin-right:22px;
}

.sivukuva h2 {
font-family: 'Playfair Display SC', serif;
font-weight: 400;
font-style: italic;
text-transform:uppercase;
font-size: 20px;line-height:25px;
padding:0;margin:0;
}
.sivukuva h3 {
font-family: 'Playfair Display SC', serif;
font-weight: 400;
font-style: italic;
text-transform:uppercase;
font-size: 15px;line-height:20px;
padding:0;margin:0; margin-bottom:10px;
color:#666;
}

/*---------------------------- paging ----------------------------*/

.navigation,
.p_navigation {  
	display: block;  
	text-align: left;   
	padding-top:20px;
	padding-bottom: 20px;
	margin-top:10px;
	float: left;
	width: 100%;
	border-top: solid 1px #ECECEC;
}

.navigation.comments{
	margin-bottom: 20px;
	padding-top: 17px;
}

.navigation a,
.p_navigation a{  
	text-align:center;  
	padding:5px 20px;  
	margin:0 2px 0 2px;  
	border:1px solid #ECECEC;
	color:#000;
	font-size:14px;
	text-decoration:none;
	line-height:25px;
}

.navigation a.current,
.p_navigation a.current{
	background-color:#000;
	color:#FFF;
}

.navigation a:hover,
.p_navigation a:hover{  
	background:#fff;  
}  

.nav-previous{
	float: left;
	margin-left: 40px;
}

.nav-next{
	float: right;
	margin-right: 40px;
}




/*---------------------------- comments ----------------------------*/

.nocomments{
	font-style: italic;
}

div#comments{
	position:relative;
	margin-top: 20px;
}

#comments textarea{
	width:600px;
}

#comments .author{
	float:left;
	font-weight:bold;
	line-height: 30px;
}

#comments .time{
	color:#a5a5a5;
	float:right;
	font-size: 12px;
	font-style: italic;
}

#comments em{
	padding-bottom:15px;
	display:block;
}

#comments .commentlist{
	margin:0;
	padding:0;
}

#comments .comment,
#comments .trackback {
	padding-bottom:5px;
	padding-top: 10px; 
	border-top:solid 1px #ECECEC;
	list-style:none;
}

#comments #respond{
	margin-top:20px;
	padding-top: 20px;
	border-top:solid 1px #ECECEC;
}

#comments input{
	padding:5px;
}

#comments .comment-form-author,
#comments .comment-form-email,
#comments .comment-form-url,
#comments .comment-notes{
	position: relative;
	margin-left: 10px;
}

#comments label{
	float: left;
	width: 65px;
}

.comment-form-comment label{
	display: none;
}

textarea#comment{
	width: 100%;
}

.required{
	position: absolute;
	left: -10px;
	top: 4px;
}

#comments .avatar{
	margin-right: 10px;
	float:left;
}

#comments .children{
	padding-left: 0;
	
}

#comments .children li{
	margin-left:60px;	
}

p.author, p.time{
	margin-bottom: 0;
}

p.form-allowed-tags{
	font-size: 12px;
}


#comments dl{
	background-color: #f5f5f5;
}

#comments dt{
	color: black;
	padding-bottom: 5px;
	padding-top: 5px;	
	clear: left;
	float: left;
	text-align: right;
	width: 47%;
	margin-right: 1em;

}

#comments dd{
	border-bottom: 1px dashed #CCC;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	margin-left: 0;
	
	clear: right;
	width: 49%;
	padding-left: 50%;
}


/*---------------------------- CF7 ----------------------------*/

.wpcf7-form .wpcf7-validation-errors{
   border:none;
   background-color: #EFEFEF;
   margin:0;
   padding:10px;
   padding-top:5px;
   padding-bottom:5px;
   border-radius:5px;
   text-shadow: none;  
   color:black;
   font-size: 12px;
   box-shadow: 2px 2px 1px #ECECEC;
}
.wpcf7-form .wpcf7-mail-sent-ok{
    border:none;
   background-color: #EFEFEF;
    margin:0;
    padding:10px;
	padding-top:5px;
   	padding-bottom:5px;
    border-radius:5px;
    text-shadow: none;  
	color:black;
   font-size: 12px;
   box-shadow: 2px 2px 1px #ECECEC;

}
.wpcf7-form .wpcf7-mail-sent-ng{
    border:none;
   background-color: #EFEFEF;
    margin:0;
    padding:10px;
	padding-top:5px;
	padding-bottom:5px;
    border-radius:5px;
    text-shadow: none;  
	color:black;
   font-size: 12px;
   box-shadow: 2px 2px 1px #ECECEC;

}
.wpcf7-form span.wpcf7-not-valid-tip{
    border:none;
   	background-color: #EFEFEF;
    padding:10px;
	padding-top:5px;
   	padding-bottom:5px;
    border-radius:5px;
    text-shadow: none;  
	width:180px;
	color:black;
   font-size: 12px;
   box-shadow: 2px 2px 1px #ECECEC;

}

.wpcf7-form-control-wrap.event{
	margin-right:5px;
}


/*---------------------------- footer ----------------------------*/

footer{
	padding-top: 20px;
	overflow: hidden;
	border-top:solid 1px #ECECEC;
	padding-bottom: 20px;
	margin-bottom: 10px !important;
}

footer p,
footer p a{
	margin: 0;
	font-size: 11px;
	text-align: center;
}

footer p a:hover{
	text-decoration: underline;
}

#thrive{
	margin-top: 6px;
}


/*---------------------------- Load posts  ----------------------------*/
#pbd-alp-load-posts{
	text-align: center;	
}

#pbd-alp-load-posts a{
	padding: 5px;
	display: block;
	text-align: center;
	text-decoration: none;
	width: 80%;
	
	display: inline-block;
}



/* `Formalize
----------------------------------------------------------------------------------------------------*/

/*
  Added via JS to <textarea> and class="input_full".
  Applies only to IE7. Other browsers don't need it.
*/
.input_full_wrap {
  display: block;
  padding-right: 8px;
}

/* `UI Consistency */

::-moz-focus-inner {
  border: 0;
}

input[type="search"]::-webkit-search-decoration {
  display: none;
}

.button,
input,
button,
select,
textarea {
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  margin: 0;
  vertical-align: middle;
}

.button,
button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  background: #ddd url(images/button.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
  background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
 
  outline: 0;
  overflow: visible;
  padding: 8px 20px 7px !important;
  text-shadow: #fff 0 1px 1px;
  width: auto;
  font-size: 12px;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 0px;
}

button {
  /* IE7 */
  *padding-top: 1px;
  *padding-bottom: 1px;
}

button[disabled],
input[type="reset"][disabled],
input[type="submit"][disabled],
input[type="button"][disabled] {
  color: #888;
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid;
  border-color: #ECECEC;
  color: #000;
  outline: 0;
  padding: 6px;
  font-size: 12px;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto;
}

/*
  Separate rule for Firefox.
  Cannot stack with WebKit's.
*/
input.placeholder_text,
textarea.placeholder_text {
  color: #888;
}

::-webkit-input-placeholder {
  color: #888;
}

textarea[disabled],
select[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
  background-color: #eee;
  color: #888;
}

.button:hover,
.button:focus,
.button:active,
button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  -moz-box-shadow: #e1c8f6 0 0 7px;
  -webkit-box-shadow: #e1c8f6 0 0 7px;
  box-shadow: #e1c8f6 0 0 7px;
	color: black;

  /* for Opera */
  z-index: 1;
}

input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.is_webkit select {
  /* Tweaks for Safari + Chrome. */
  background-image: url(images/drop.png);
  background-repeat: no-repeat;
  background-position: right 11px;
  padding-right: 40px;
}

textarea,
select[multiple] {
  height: auto;
}

select[multiple],
.is_webkit select[multiple] {
  background-image: none;
  padding: 0;
}

textarea {
  min-height: 40px;
  resize: vertical;
}

optgroup {
  color: #000;
  font-style: normal;
  font-weight: normal;
}

/*---------------------------- IE happy fun times ----------------------------*/

.ie nav ul li{
	margin-left: 2%;
	margin-right: 2%;
}