/*   
Theme Name: Majatalo
Theme URI: http://www.kikatus.com
Author: Titiu Nylund
Author URI: http://www.kikatus.com & http://www.kikamaca.com
*/
	
/*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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } blockquote, q { quotes: none; } table { border-collapse: collapse; border-spacing: 0; } a img { border: none; }
body 		{background: url('images/bg-light.png'); color: #544a36; font: 17px Arial,sans-serif; line-height: 1.5em;  -webkit-text-size-adjust: 100%;}
.wrapper	{max-width: 1100px; margin: 0 auto; width: 95%;overflow: hidden;}
	
/*Header=======================*/
header			{background: #1d130a url('images/wood.jpg') repeat-x; }
header .wrapper	{width: 100%;} /*This overrides wrapper class since we want the logo to always take full space*/
header a,
header a:hover	{background: url('images/ystavyyden-majatalo.png') no-repeat center top; height: 169px; margin: 0 auto; display: block; text-indent: -9999px; cursor: pointer;}

	/*Media queries for header*/		
	@media only screen and (max-width: 660px) {/* rules that only apply for canvases narrower than 640px */
	header				{height: 90px;}
	header a,
	header a:hover		{background-size:550px auto;}}

/*Menu=========================*/	
nav 				{background: url('images/menu-bg.png'); overflow:hidden; position:relative; width: 100%; float: left;}
nav ul				{list-style:none; font-weight: normal; font-size: 18px; text-shadow: 1px 1px 1px rgb(1,1,1);}
nav li	 			{float:left;}
nav li:hover		{color: #f6f2ba; background: url('images/menu-current.png') no-repeat center bottom;}
nav a	 			{background: url('images/menu-separator.png') no-repeat left center; color: #f6f2ba; display: block; padding: 11px 25px 12px 25px;}
nav .current		{background: url('images/menu-current.png') no-repeat center bottom; }
nav .current a		{color: #ef9118;}
nav .search,
nav .search:hover	{background: url('images/menu-separator.png') no-repeat left center; padding-left: 17px; margin-top: 4px; padding-bottom: 8px; padding-top: 5px;}	

	/*Media queries for menu*/
	@media only screen and (max-width: 1160px) { /* rules that only apply for canvases narrower than 1000px */
	nav ul a 			{padding: 11px 17px 12px 17px;}}
	@media only screen and (max-width: 660px) { /* rules that only apply for canvases narrower than 450 */
	nav ul				{font-size: 15px;}}
	@media only screen and (max-width: 450px) { /* rules that only apply for canvases narrower than 450 */
	nav ul a			{padding: 11px 5px 12px 8px;}}
			
/*Container with left column===*/
#container 		{float: right; margin: 0 0 0 -290px; width: 100%; }
#content 		{margin: 0 0 0 305px; background: url('images/vertical-deco-light.gif') repeat-y left; padding-left: 35px; text-shadow: 1px 1px 0 #fff; }
#primary		{float: left; width: 280px;}

	/*Media queries for template with left column*/
	@media only screen and (max-width: 660px) {/* rules that only apply for canvases narrower than 640px */
	#container,
	#primary 			{float: none; width: 100%; margin: 15px 0 0 0; }
	#content			{float: none; width: 100%; margin:0; padding: 0; background: transparent;}}
		
/*Container with right column==*/
#container-right{float: left; margin: 0 -350px 0 0; width: 100%; }
#content-right	{margin: 0 350px 0 0;}
#secondary 		{float: right; overflow: hidden; width: 300px; clear: right;} /*Used for the right hand side*/

	/*Media queries for template with right column*/
	@media only screen and (max-width: 800px) { /* rules that only apply for canvases narrower than 800px */
	#container-right	{float: none; margin:0;}
	#content-right		{width:100%; }
	#secondary 			{float: none; margin-top: 15px; width: 100%;}}

/*Breadcrumb & Languages*/
#page-meta		{font-size: 12px; overflow: auto;}
#page-meta a	{color:#b95e06;}

/*Search*/
#searchform input				{border: 1px solid #3c1609; padding: 4px; box-shadow: 1px 1px 0px #6c3624;}
#searchform #s					{background: #38160b; border-radius: 8px 0 0 8px; color: #6f473a; width: 90px;} /*akin width lisäys */
#searchform #s:focus			{outline: none; background: #401b0f; border: 1px solid #361408; color: #f6f2ba; }
#searchform #searchsubmit		{background: #c1892d; border-radius: 0px 8px 8px 0px; margin-left: -7px; cursor: pointer;}	
#searchform #searchsubmit:hover	{background: #d68911;}

/*Sub Navigation*/
#sub-nav,
#sub-nav ul			{margin: 0;  line-height: normal;}
#sub-nav li			{margin: 0 0 10px 0; list-style: none; font-size: 18px; padding: 0; }
#sub-nav li li		{font-size: 15px; margin: 10px 0 0 0; padding-left: 10px; background: url('images/arrow-light.gif') no-repeat 0px 7px;	}
#sub-nav li li li li{font-size: 13px;}
#sub-nav a			{display: block;}	
#sub-nav a:hover	{color: #ca5000;}				
.current_page_item > a,		
.current_page_item > a:hover{color: #ca5000; background: url('images/sub-menu-current.png') no-repeat right center;}
		
/*Footer=======================*/	
footer				{background: url('images/footer-bg.png') repeat-x 0 16px; color: #c6b4ae; margin-top: 20px; line-height: 1.4em;text-shadow: 1px 1px 1px #451707;}
footer .content		{background: url('images/vertical-deco-brown.png') repeat-y top right; margin-top: 48px; } 
footer .address		{width: 200px; padding: 0 60px 0 0;}
footer .prices		{width: 200px; padding: 0 60px 0 55px;}
footer .subscribe	{width: 270px; padding: 0 60px 0 55px; }
footer .like		{width: 111px; height: 250px; background: url('images/suosittele-majataloa.png') no-repeat;}
footer a 			{color: #c1892d;}
footer a:hover 		{color: #ef9118; background: transparent;}
footer a.arrow		{background: url('images/arrow-light.gif') no-repeat left center; padding-left: 10px;}
footer p			{font-size: 13px; margin-bottom: 8px;}

.mini-footer			{background: #261414; height: auto; font-size: 11px; color: #6e3c2b; padding: 10px 0 8px 0;}
.mini-footer a			{color:#8e5b4a;}
.mini-footer a:hover 	{color: #ef9118;}
.mini-footer ul			{list-style: none; margin:0; float: right; }
.mini-footer li			{list-style: none; float: left;}
footer .facebook-button		{overflow: hidden; margin-left: 2px; margin-bottom: 40px; width: 62px; height: 60px; display: block;}
#error-email			{display: block; font-size: 12px;}	
	/*Media queries for footer*/
	@media only screen and (max-width: 1160px) { /* rules that only apply for canvases narrower than 1000px */
	footer .address		{width: 195px; padding: 0 40px 0 0; }
	footer .prices		{width: 195px; padding: 0 40px 0 35px;}
	footer .subscribe	{width: 250px; padding: 0 40px 0 35px;}}

	@media only screen and (max-width: 1000px) { /* rules that only apply for canvases narrower than 1000px */
	footer .subscribe	{width: 465px; padding: 0 40px 0 0px; margin-top: 0; margin-bottom: 15px;}}
	
	@media only screen and (max-width: 660px) {/* rules that only apply for canvases narrower than 640px */
	footer .address,		
	footer .prices,	
	footer .subscribe	{width: 55%; padding-left: 0; margin-bottom: 15px;}
	footer .prices		{margin-top: 0;}}
	
	@media only screen and (max-width: 400px) {/* rules that only apply for canvases narrower than 640px */
	footer .address,		
	footer .prices,	
	footer .subscribe	{width: 100%; padding-left: 0; margin-bottom: 15px; margin-top: 0;}
	footer .like		{float: left;}}

/*Content=======================*/
.post 						{ margin: 0 0 1.5em 0; overflow: auto;}
.entry-content				{ margin: 1.5em 0 0 0; min-height: 190px;}
.entry-content:first-letter	{font-size: 45px; font-family: 'PT Serif', serif; margin-top: 10px; margin-right: 5px; display: block; float: left; }
.two-col-table				{width: 100%; table-layout: fixed;} /*The table layout fixed is for IE 7*/
.two-col-table td			{width: 50%; zoom: 1;}
.post-meta					{font-size: 17px; font-style: italic; color: gray; font-family: 'PT Serif', serif; list-style: none; margin: 0; }
.entry-title		{margin-bottom: 5px;}
.entry-date			{border: 4px double #d1c7bd; padding: 4px; margin-left: 15px; background: url('images/bgbg.jpg') -5px 0; width: 75px; height: 50px; display: block;}
.thumbnail-holder	{width: 205px; height: 215px; display: block;background: url('images/frame.png') no-repeat;   }
.wp-post-image		{margin: 17px 0 0 16px;}

	@media only screen and (max-width: 1000px) {/* rules that only apply for canvases narrower than 640px */
	.two-col-table td	{width: 100%; padding: 0; float: left;}}
	@media only screen and (max-width: 450px) {/* rules that only apply for canvases narrower than 640px */
	.thumbnail-holder	{width: 100%;}}
	
/*Etusivu======================*/
#home-intro				{padding: 40px; margin-bottom: 30px;}

#intro-left				{width: 55%; margin-top: 15px; float: left; text-align: center;}
#intro-left span		{color: gray;}
#intro-left h2			{margin-bottom: 0; font-size: 20px;}
#intro-left .flower-sep	{background: url('images/flower-seperator.png') no-repeat right center; width: 17px;}

#intro-right			{width: 420px; height: 275px; float: right;}

#home-calendar,
#home-news,
#home-quotes			{min-height: 270px; float: left; background: url('images/vertical-deco-light.gif') repeat-y right; height: auto; display: block; text-shadow: 1px 1px 0px #fff;}

#home-calendar			{padding-right: 40px; width: 30%; line-height: normal;}
#home-news				{margin-left: 30px; padding-right: 40px; margin-right: 30px; width: 30%; line-height: normal;}
#home-quotes			{background-image: none; width: 25%;}

#home-news h2,
#home-calendar h2		{font-size: 20px;}

#home-quotes							{position: relative;}
#quote-rotator 							{display:inline;}
#quote-rotator li 						{z-index: 0; width: 100%;height: 290px; list-style:none; position: absolute; background: url('images/bg-light.png');}
#quote-rotator li.previous 				{z-index: 1;}
#quote-rotator li.quote-rotator-current	{z-index: 2;}

/*Media queries for front page*/
		@media only screen and (max-width: 1000px) { /* rules that only apply for canvases narrower than 800px */
		#home-intro		{padding: 30px;}
		#intro-left		{width: 100%; margin-top: 0;}
		#intro-right,
		#home-quotes	{display: none;}
		#home-calendar,
		#home-news		{width: 47%;  background: none; margin: 0 0 30px 0; padding: 0; }
		#home-news		{float: right;}}
		
		@media only screen and (max-width: 480px) { /* rules that only apply for canvases narrower than 480px */
		#home-calendar,
		#home-news		{width: 100%; }}
		
/*Kirjoituksia=================*/
#writings					{width:100%;}
#writings:first-letter		{font-size: 17px;}
#writings td				{padding: 8px; }
#writings td:first-child	{font-family: 'PT Serif', serif; font-size: 17px; width: 70%; }
#writings tr:nth-child(odd)	{background: #e8e3cf;}
#writings tr				{border-top: 1px solid #d4cdad;}
#writings .pdf				{background: url('images/pdf.png') no-repeat; padding-left: 18px;}
#writings .doc				{background: url('images/doc.png') no-repeat; padding-left: 18px;}
		
/*Ota yhteyttä=================*/
.form-box					{width: 44%;}
#contact-form 				{display: none;}
#contact-form textarea,
#contact-form input,
#contact-form select 		{font: 15px Arial,sans-serif; width: 95%; border: dashed 1px #d5ceb5; padding: 9px; font-size: 13px; border-radius: 5px; background-color: #f8f6ea;}
#contact-form textarea:focus,
#contact-form input:focus	{background: #f8f7ef; outline: none;}
#contact-form input[type=checkbox]		{width: auto; float: left; border: none; background: none;}
#contact-form label			{display: inline; font-family: 'PT Serif', serif; text-shadow: 1px 0 0 #fff;}
#contact-form ol			{margin: 0;}
#contact-form ol li			{list-style: none; margin: 0 0 15px 0; padding-left: 0; background: none; }
#contact-form ol li li		{margin-bottom: 0; margin-left: 15px;}

.contact-box td		{width: 50%;}
.contact-box div	{background: url('images/bg-light.png'); text-shadow: 1px 0 0 #fff; padding: 15px 15px 0 15px; min-height: 165px; border-radius: 10px; }
.contact-address	{border-bottom: 1px dashed #d5ceb5; border-right: 1px dashed #d5ceb5; margin-right: 5px; margin-bottom: 5px;}
.contact-email		{border-left: 1px dashed #d5ceb5; border-bottom: 1px dashed #d5ceb5; margin-bottom: 5px;}
.contact-phone		{border-top: 1px dashed #d5ceb5; border-right: 1px dashed #d5ceb5; border-bottom: 1px dashed #d5ceb5; margin-right: 5px; margin-bottom: 5px;}
.contact-bank		{border-top: 1px dashed #d5ceb5; border-left: 1px dashed #d5ceb5; border-bottom: 1px dashed #d5ceb5; margin-bottom: 5px;}
.contact-ry			{border-top: 1px dashed #d5ceb5; border-right: 1px dashed #d5ceb5; margin-right: 5px;}
.contact-oy			{border-top: 1px dashed #d5ceb5; border-left: 1px dashed #d5ceb5;}

		/*Media queries for Ota yhteyttä*/
		@media only screen and (max-width: 1000px) { /* rules that only apply for canvases narrower than 800px */
		.form-box		{width: 85%; float: none; display: block; clear: both;}
		.contact-box	{width:100%; float: none; margin-bottom: 20px; }}
		@media only screen and (max-width: 450px) { /* rules that only apply for canvases narrower than 400 */
		.contact-box td	{float: left;  width:100%; }
		.contact-box td	div{border: none; margin: 0; padding: 0 0 0 5px;}}

#form-guide {color: #555;}
.salainen {display: none;}
.input-error {display: none; color: red; padding-left: 5px;}	
#kiitos {display: none;}	
#workoptions { display: none;}

/*basic form==================*/
#basic-form textarea,
#basic-form input,
#basic-form select 		{font: 15px Arial,sans-serif; width: 95%;border: dashed 1px #d5ceb5; padding: 9px; font-size: 13px; border-radius: 5px; background-color: #f8f6ea; margin-bottom: 15px;}
#basic-form textarea:focus,
#basic-form input:focus	{background: #f8f7ef; outline: none;}
#basic-form input[type=checkbox]		{width: auto;}
#basic-form label			{display: block; font-family: 'PT Serif', serif; text-shadow: 1px 0 0 #fff;}

.wpmlcustomfieldcaption {font-style: italic; margin-bottom: 15px; display: block;}
		
/*404 Sivu=====================*/
.content-404	{width: 40%; margin: 0 auto;}
	/*Media queries for 404*/
	@media only screen and (max-width: 700px) { /* rules that only apply for canvases narrower than 400 */
	.content-404	{width: 85%;}
	.bats-bats-everywhere	{display: none;}} /*Piilottaa kolmannen kohdan listasta jotta sisältö on järkevämpi, ohuella ruudulla kun lepakoita ei näy.*/

/*Text elements================*/
h1,h2,h3,h4,h5,h6 	{ font-family: 'PT Serif', serif; color: #3b3323; font-weight: normal; margin-bottom: 7px; line-height: normal;}

h1	{font-size: 32px;}
h2	{font-size: 24px;}
h3	{font-size: 21px;}
h4	{font-size: 19px; margin-bottom: 0;}
h5	{font-size: 17px; color: #c6b4ae;} /*Footerissa*/

.icon-header			{position: relative; padding: 12px 12px 12px 87px; background-position: -180px 0px;}
.icon-header span,
.icon-header-add span	{font-size: 13px; color: #75716c; font-style: italic; display: block;}
.icon-calendar			{background: url('images/header-calendar.png'); height: 80px; width: 78px; position: absolute; left: 0; top: 0px;}
.icon-news				{background: url('images/header-news.png'); height: 75px; width: 75px; position: absolute; left: 0; top: 0px;}

.icon-header-add		{position: relative; padding: 12px; background-position: -180px 0px; text-align: center;}


a		{color: #710000; text-decoration: none; }
a:hover	{color:inherit;}
p 		{margin-bottom: 1.5em; }
strong 	{font-weight: bold;}

ul 		{margin: 0 0 1.5em 0; list-style:none; }
ol 		{margin: 0 0 1.5em 2.5em; list-style-type: decimal;}
ol li	{background: none; margin-bottom: 13px;}
ol ol 	{list-style:upper-alpha;}
ul ul, ol ol, ul ol, ol ul { margin-bottom:0;}
hr { background-color: transparent; border:1px dashed #cbcbcb; height: 1px; margin-bottom: 1.5em; clear: both;}
blockquote { margin: 0; font-family: 'PT Serif', serif; font-style: italic; color: #707070; font-size: 17px; line-height: 1.5em; text-shadow: 1px 1px 0px #fff; background: url('images/quote.png') no-repeat left top; }
blockquote em, blockquote i, blockquote cite { font-style: normal; font-size: 12px; display: block; }
blockquote:first-letter	{margin-left: 30px;}

.entry-content a		{border-bottom: 1px dashed #b4ab82;}
.entry-content a:hover	{color: #b61500; border-bottom: 1px solid #b61500;}
.entry-content h2 a, 
.entry-content h3 a		{border-bottom: 0 none;}
.entry-content ul li		{margin-bottom: 13px; background: url('images/leaf-top-left.png') no-repeat left 3px; padding-left: 18px;}

/*Images=======================*/
.entry-content img { margin: 0 0 0.5em 0; padding: 2px;margin-right: 1px; background: #fbfaf3; border: 4px double #d1c7bd; 
-webkit-box-shadow: 1px 1px 0px #fff;
box-shadow: 1px 1px 0px #fff;
 }
 
 .sidebar-image { margin: 0 0 0.5em 0; padding: 2px;margin-right: 1px; background: #fbfaf3; border: 4px double #d1c7bd; /* --- AKIN LISÄYS --- */
-webkit-box-shadow: 1px 1px 0px #fff;
box-shadow: 1px 1px 0px #fff;
 }

.alignleft,
img.alignleft 		{ display: inline; float: left; margin-right: 1em; }
.alignright,
img.alignright 		{ display: inline; float: right; margin-left: 1em; }
.aligncenter,
img.aligncenter 	{ clear: both; display: block; margin-left: auto; margin-right: auto; }
.wp-caption 		{ text-align: center; margin-bottom: 1.3em; }

.wp-caption p.wp-caption-text { margin: -15px; font-size: 12px; font-style: italic;}

		/*Media queries for images*/
		@media only screen and (max-width: 400px) { /* rules that only apply for canvases narrower than 460px */
		.entry-content img	{width:95%; height: auto;}
		.alignleft, img.alignleft,
		.alignright,img.alignright,
		img.aligncenter  {float: none; margin: 0;}
		}

/*Images on the page corners*/
.page-id-2221 #container	{background: url('images/decor/kirjoittaja.jpg') right bottom no-repeat;} /*Ota yhteyttä*/
.page-id-406 #container		{background: url('images/decor/lintu.jpg') left bottom no-repeat;} /*Pidempi oleskelu*/
.page-id-2224 #container	{background: url('images/decor/talkoot.jpg') left bottom no-repeat;}/*Talkoot*/
.page-id-2218 #container	{background: url('images/decor/paasky.jpg') left bottom no-repeat;} /*Majatalosta*/
.page-id-3195 #container	{background: url('images/decor/lomatuoli.jpg') left bottom no-repeat;} /*Peti & Puuro*/
.page-id-2226 #container	{background: url('images/decor/kompassi.jpg') left bottom no-repeat;} /*Kurssit*/
.page-id-3202 #container	{background: url('images/decor/avain.jpg') left bottom no-repeat;} /*yhteisöasuminen*/
.container-404				{background: url('images/decor/lepakko.jpg') left top no-repeat;} /*404*/

	@media only screen and (max-width: 800px) { /* rules that only apply for canvases narrower than 600 */
	.page-id-2221 #container,
	.page-id-406 #container,
	.page-id-2224 #container,
	.page-id-2218 #container,
	.page-id-3250 #container,
	.page-id-2226 #container,
	.page-id-3202 #container,
	.page-id-3195 #container	{background: transparent; }}
	
/*Plugins======================*/

/*Wordpress Newsletter*/
#wpml-footer label						{font-size: 13px; display: block;}
#wpml-footer input,
#wpml-footer input[type=submit]			{float: left;  }
#wpml-footer input						{width: 80%; background: #38160b; border-radius: 8px 0 0 8px; color: #6f473a; border: 1px solid #3c1609; padding: 4px;box-shadow: 1px 1px 0px #6c3624;}
#wpml-footer input:focus				{outline: none; background: #401b0f; border: 1px solid #361408; color: white; }
#wpml-footer input[type=submit]			{width:auto; color: #3C1609; background: #c1892d; border-radius: 0px 8px 8px 0px; margin-left: -7px; cursor: pointer;}	
#wpml-footer input[type=submit]:hover	{background: #d68911;}
.newslettername-wrapper					{display: none;}
#currentsubscriptions td,
#newsubscriptions td					{padding-right: 30px;}
#currentsubscriptions td:first-child,
#newsubscriptions td:first-child		{font-style: italic}

.wpmlunsubscribe form 					{width: auto;}
.wpmlunsubscribe textarea				{width: 50% !important;} 
.wpmlunsubscribe h3						{margin-top: 30px;}

.newsletters-fieldholder							{width: 100% !important; background-color: red;}

#subscribersavefieldsform textarea,
#subscribersavefieldsform input,
#subscribersavefieldsform select 		{font: 15px Arial,sans-serif; width: 95%;border: dashed 1px #d5ceb5; padding: 9px; font-size: 13px; border-radius: 5px; background-color: #f8f6ea; margin-bottom: 15px;}
#subscribersavefieldsform textarea:focus,
#subscribersavefieldsform input:focus	{background: #f8f7ef; outline: none;}
#subscribersavefieldsform input[type=checkbox]		{width: auto; float: left; border: none; background: none;}
#subscribersavefieldsform label			{display: inline; font-family: 'PT Serif', serif; text-shadow: 1px 0 0 #fff;}

/*Event Calendar*/
.eo-fullcalendar-shortcode	{margin-right: 0px;}
.event-list ul		{list-style: none; margin: 0;}
.event-list li		{font-size: 12px; color: gray; position: relative;}
.event-list li a		{font-size: 14px; margin-left: 75px; margin-top: -38px; display:block; min-height:25px;  }
.event-list .date	{display: block; width: 70px; min-height: 35px;}
.fc-view-month td	{background: url('images/bgbg.jpg'); border: 1px solid #cfc3af; font-family: 'PT Serif', serif; }
.fc-event		{line-height: normal !important; margin: 1px; text-shadow: 1px 0 0 #ece4d9 !important; font-family: 'PT Serif', serif; color: #43341e !important; background: #e2d5c5 !important; text-shadow: none; border: 1px solid #d7c7b4 !important; border-radius: 5px;}
.fc-event-title		{margin: 0px 5px; display: inline-block; line-height: normal; color: #3b3323 !important;}
.eo-fullcalendar-shortcode .fc-today	{background-position: right top;}
.eo-fullcalendar-shortcode .fc-content	{clear: none;}
.event-info-box {width: 200px; margin-left: 20px; margin-bottom: 15px; }

	/*Media queries concerning event info*/
	@media only screen and (max-width: 800px) { /* rules that only apply for canvases narrower than 480px */
	.event-info-box {width: auto; float: none;  margin-left: 0px;}}

/*WP Pagination*/
.navigation		{padding: 5px; text-align: center; font-family: 'PT Serif', serif; font-size: 16px;}
.wp-paginate	{list-style: none;}
.wp-paginate li	{ display: inline; }
.wp-paginate .page	{padding: 10px 15px;margin: 0 5px; border-top: 3px solid #d1caa7; border-bottom: 3px solid #d1caa7;}
.wp-paginate .page:hover	{ background:#eae4c9; }
.wp-paginate .current	{border-top: 3px solid #710000;border-bottom: 3px solid #710000;}
.wp-paginate .current:hover	{background: none;}

/*Gallery*/
.gallery-item img {}
.gallery-icon a {border: 0 none; margin: 0; padding: 0; }
.gallery-icon a:hover {border: 0 none;}

/*Helpers======================*/
.clear			{clear:both;}
.left			{float: left;}
.right			{float: right;}
.block			{display: block;}
.none			{display: none;}
.absolute		{position: absolute;}
.relative		{position: relative;}
.fixed			{position: fixed;}

.text-help		{color: #a3a3a3;}
.text-small		{font-size: 12px; line-height: 1.5em; display: inline-block;}
.text-medium	{font-size: 13px; line-height: 1.5em; display: inline-block;}
.text-right		{text-align: right;}
.text-left		{text-align: left;}
.text-center	{text-align: center;}
.text-arial		{font-family: Arial, Helvetica, sans-serif; }
.text-serif		{font-family: 'PT Serif', serif;}
.text-normal	{line-height: normal;}
.text-intro		{font-family: 'PT Serif', serif; font-style: italic; font-size:18px; color: gray; text-shadow: 1px 0px 0px #fff;}

.radius-small	{border-radius: 5px;}
.radius-medium	{border-radius: 10px;}
.radius-big		{border-radius: 15px;}

.meta-sep		{padding: 0 6px;}
.tansition		{transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; }

.feedback		{margin-bottom: 1.5em; border: 4px double #d1c7bd; padding: 15px;}
.answer			{border: 4px double #d1c7bd; padding: 15px;}

.m				{margin:5px}.mm{margin:10px}.mmm{margin:15px}.mt{margin-top:5px}.mmt{margin-top:10px}.mmmt{margin-top:15px}.mmmmt{margin-top:20px}.ml{margin-left:5px}.mml{margin-left:10px}.mmml{margin-left:15px}.mmmml{margin-left:20px}.mb{margin-bottom:5px}.mmb{margin-bottom:10px}.mmmb{margin-bottom:15px}.mmmmb{margin-bottom:20px}.mr{margin-right:5px}.mmr{margin-right:10px}.mmmr{margin-right:15px}.p{padding:5px}.pp{padding:10px}.ppp{padding:15px}.pppp{padding:20px}.pt{padding-top:5px}.ppt{padding-top:10px}.pppt{padding-top:15px}.ppppt{padding-top:20px}.p{padding-left:5px}.ppl{padding-left:10px}.pppl{padding-left:15px}.ppppl{padding-left:20px}.pb{padding-bottom:5px}.ppb{padding-bottom:10px}.pppb{padding-bottom:15px}.ppppb{padding-bottom:20px}.pr{padding-right:5px}.ppr{padding-right:10px}.pppr{padding-right:15px}.ppppr{padding-right: 20px;}


.rss			{background: url('images/rss.gif') no-repeat 0 9px; padding: 5px 5px 5px 19px; color: #cc6500; } /*This is the RSS icon in the sidebar*/
.box-leaf		{background-color: #fbfaf3;
				background-image: url('images/leaf-top-left.png'), url('images/leaf-top-right.png'), url('images/leaf-bottom-right.png'), url('images/leaf-bottom-left.png');
				background-repeat: no-repeat;
				background-position: left top, right top, right bottom, left bottom;
				border: 3px double #d1c7bd; }
				
.box-paper		{background: url('images/bgbg.jpg') -120px 0; border: 4px double #d1c7bd; text-shadow: 1px 1px 0 #fff; }


#container .button-orange,
#secondary .button-orange,
#container input[type=submit]			{zoom: 1;width: auto; position: relative;font-family: 'PT Serif', serif; text-align: center; background: #e6920e; display: block; padding: 10px 10px; border: 1px solid #cb8517; font-size: 15px; color: white; text-shadow: 0px 0px 3px #000; -webkit-box-shadow: inset 0px 1px 0px 0px #ebc78d; box-shadow: inset 0px 1px 0px 0px #ebc78d; cursor: pointer;}
#container .button-orange:hover,
#secondary .button-orange:hover,
#container input[type=submit]:hover 	{background: #ff9c00; color: #fff;}
#container .button-orange:active,
#secondary .button-orange:active,
#container input[type=submit]:active	{background: #e6920e; top: 1px; color: #f2cc90;}

/* Drop shadow */
.drop-shadow 		{position:relative;  }
.drop-shadow:before, 
.drop-shadow:after 	{content:""; position:absolute; z-index:-2; }

/* Lifted corners */
.lifted:before,
.lifted:after 		{bottom:12px; left:10px; width:50%; height:30%; max-width:400px; max-height:100px; box-shadow:0 15px 10px rgba(0, 0, 0, 0.5); -webkit-transform:rotate(-1deg); -moz-transform:rotate(-1deg); -ms-transform:rotate(-1deg); -o-transform:rotate(-1deg); transform:rotate(-1deg);}
.lifted:after 		{right:10px;left:auto; -webkit-transform:rotate(1deg); -moz-transform:rotate(1deg); -ms-transform:rotate(1deg); -o-transform:rotate(1deg); transform:rotate(1deg); }
.tilted:before,
.tilted:after 		{bottom:14px; right:5px; width:50%; height:15%; max-width:300px; max-height:100px; box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);-webkit-transform:rotate(2deg); -moz-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); transform:rotate(2deg);}

/* Tooltip*/
.tooltip 			{text-decoration: underline; text-shadow: none; outline: none; cursor: help; position: relative; } /*This is used on driving instructions in Yhteystiedot*/
.tooltip span 		{margin-left: -999em; font-size: 12px; background-color: #FBFAF3; position: absolute; color: #696969; font-family: Arial, Helvetica, sans-serif; }
.tooltip:hover span {line-height: 17px; font-style: normal; position: absolute; overflow: auto; left: 7em; top: 0; z-index: 99; margin-left: 0; width: 280px; padding: 10px; border-radius: 0px 7px; border: 3px double #d1c7bd; }