/*
Theme Name: Löyly_default
Theme URI: www.loylymedia.fi	
Description: 
Version: 1.6
Author: Joni Lind	
Author URI: wwww.loylymedia.fi		
Tags: blue, custom header, fixed width, two columns, widgets




/* Begin Typography & Colors */
* {margin:0; padding:0; border: 0; list-style: none;}
body {background: #c7c8cb;  color: #000; font-size: 16px;  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

#menu{background:#dcdddf url(images/menu_gradient.gif)repeat-x; list-style: none; width: 952px; height: 97px; margin: 0 auto; background-position:0 53px; position: relative;}
#menu a{ display: block;  float: left; padding: 20px 35px; margin: -20px 0 0 0; font-size: 18px; }
.menu{ height: 25px; width: 520px; float: right; margin:60px 0 0 0 ; }
#header_container {background: url(images/bg.gif )repeat-x; height:125px; margin: 0 auto; margin-bottom: 0px; }
#header{height:125px; width: 956px; margin: 0 auto; position: relative; margin-bottom: 0px;}
	#header #header_link_loyly {display: block; text-indent: -9999px; width: 150px; height: 100px;  position: absolute; top: 160px; left: 380px;}
	#header #header_link_video {display: block; text-indent: -9999px; width: 150px; height: 100px;  position: absolute; top: 200px; left: 615px;}
	#header #header_link_web {display: block; text-indent: -9999px; width: 170px; height: 100px; position: absolute; top: 200px; left: 775px;}	


body.blog #header, body.blog #header_container {height: 312px;}

body.single #content_container {font-family: "Georgia" , serif;}
body.single #content_container #blogi_content p {font-size: 18px; line-height: 30px; margin: 0 0 24px 0;}
body.single #content_container h1, body.single #content_container h2, body.single #content_container h3, body.single #content_container h4 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  }
body.single #content_container h2 {font-size: 36px;}

#content_container{background: #eeeeef; width: 854px;  margin: 0 auto; background: #e3e4e6 url(images/content_bg.png) repeat-x; padding: 25px 50px 70px 50px; }

#video{ height: 300px; padding: 50px 50px 30px; width: 920px }
.video_menu{float: right;width: 344px; height: 55px; padding-right: 10px; text-align:inherit; padding: 15px 0 0 25px; }
.video_odd{background: url(images/video_menu_bg.gif)no-repeat; float: right;}


#info{position: relative;padding:  10px 50px;}


.blogi_kuva{float:left; }
#blogi_content{ color: #000; width: 754px; padding-right: 0px;  margin: 0; padding: 0 50px 50px 50px;  }

.first {font-size: 18px; line-height: 24px;}
	.first img, .first object {float: left; margin: 5px 25px 15px 0;}
	.first .meta {margin-bottom: 12px; color:#c7c8cb; font-size: 14px; margin-top: 6px;}

#blogi_content ul, #content ul  {margin-bottom: 12px;}
	#blogi_content ul li, #content ul li {list-style:disc; line-height: 20px; margin-bottom: 4px;}
	#blogi_content ol li, #content ol li{list-style:decimal; line-height: 20px; margin-bottom: 4px;}

.blogi_menu {color: #c7c8cb;  float: right; }



.short{border-top: 3px solid #000; margin: 40px 0 20px 0; width: 956; padding: 12px 0 0 0;}
	.short .blog_img_small, .short object, .short img.referenssi{float:right; margin: 0 0 20px 20px;}
.refbox {background: url(images/light_gray_gradient.png) repeat-x; padding: 15px; }	
	

.meta{ color:#c7c8cb; font-size: 14px; margin-top: 24px; }

.comments{margin-top: 30px; margin-left: 40px;}
#sidebar{float: right; margin-right: 60px; margin-top: 40px;}

h1{margin-bottom: 10px;}
	h1.blog{margin: 72px 0 40px 0; font-size: 72px; border-bottom: 3px solid #000; padding: 0 0 0 0; line-height: 60px;}
h1, h2, h3, h4, h5, h6{color: #2992cc; font-family: "Georgia" , serif;font-weight: normal;}
.first h2{font-size: 36px;}
h2 a {text-decoration: none;}
h2  {text-decoration: none; color: #2992cc;}
a   {text-decoration: none; color: #2992cc;}
a:hover{text-decoration: underline; color: #2992cc;}
p{margin-bottom:10px;}
#footer p {margin-top: 10px;}
h2.pagetitle{margin-bottom: 15px; margin-top: 20px;}
.clear{clear: both; visibility: hidden; margin: 0; padding: 0;}
.meta{margin-top: 0px;}
.right_menu_gradient{position: absolute; right:-5px;}
.left_menu_gradient{position: absolute; left: -4px; }
.notfound{padding: 40px 0 10px 0;}
.logo{padding:30px 0 0 30px; float: left;}
object.video_laatikko{float: left;}

.left_header_gradient{position: absolute; left: -19px; height: 310px; }
.right_header_gradient{position: absolute; right: -19px;height: 310px;}
.teksti{position: absolute; bottom: 40px; right: 25px;}

.left_footer_gradient{position: absolute; height: 255px; left: -18px; }
.right_footer_gradient{position: absolute; height: 255px; right: -18px;}

#footer{color: #fff; width:920px; margin:  0 auto;  font-size: 14px; position: relative;  padding: 50px 20px 20px 20px; }
#footer_container{background: url(images/bg_footer.gif )repeat; margin: 0 auto;}

.onethird{ float: left; display: inline;  width: 246px; padding: 0 30px;   }
.tarjous{width: 350px; margin: 25px;float: left;}

.alignleft {float:left; margin: 0 25px 10px 0;}
.alignright {float:right; margin: 0 0 10px 25px ;}
.notfound{text-align: center;}
input#submit { background:#FFFFFF;color:#2992cc;width:auto; padding: 3px; }

input, textarea { display:block; line-height:14px; margin:0 0 5px 0; padding:3px; width:200px;}

#comment{width: 400px;}

.comments input, .comments textarea {border: 1px solid #2992cc; padding: 3px 5px;} 
.comments label {float:left;}
.comments input {float: left; margin-right: 15px;}
.comments textarea {float: left;}

table.yhteys{ width: 100%; margin: 10px auto; } 
	table.yhteys span {font-family: Georgia, serif; font-style: italic;}
	table.yhteys td.center { text-align: center;}
	table.yhteys span abbr {font-family: Palatino, "Palatino Linotype", Georgia, serif; }
	table.yhteys td, table.yhteys th {width: 254px; padding: 5px 15px;  text-align: left; vertical-align: top;  }
	
	
	
/* Easy Slider */

	#slider, #slider2 {margin-top: -40px;}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}

	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:854px;
		height:360px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls, ol#c2{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li, ol#c2 li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a, ol#c2 li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a, ol#c2 li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */