@charset "UTF-8";
/* CSS Document */

html {
    margin-top: 0 !important;
}
* html body {
    margin-top: 0 !important;
}

*
{
margin: 0;
padding: 0;
}

html
{
height: 100%;
}

body
{
	height: 100%;
	background:url(images/header_bg.jpg) repeat-x top;
	text-align: center;
	font-family: "Gill Sans", Helvetica, Arial, Verdana;
	font-size: 0.9em;
	color: #333333;
}

body.koti
{
	background:url(images/header_bg.jpg) repeat-x top;
}

#header_img {
	position: relative;
	margin: 0 0 0 20px;
	border-bottom: 0;
	float: none;
	clear: both;
	height: 255px;
	width: 535px;
	padding: 0;
	text-align: left;
	z-index:100;
}

#image {
	position: absolute;
	margin: 0;
	border-bottom: 0;
	clear: both;
	height: 323px;
	right:3%;
	padding: 0;
	background: url(images/kampanja/kasvot.png) right bottom no-repeat;
	text-align: left;
	z-index: -1;
	top: 94px;
        width:400px;
}

#nonFooter
{
position: relative;
min-height: 100%;
	width: 100%
clear:both;
overflow: hidden;
}

* html #nonFooter
{
height: 100%;

}



/*---:[ global elements ]:---*/

a {
	color: #CD0000;
	text-decoration: underline;
}

	a:visited {
	color: #CD0000;
	text-decoration: underline;
}

	a:hover {
	color: #46342B;
	text-decoration: underline;
}
	

	
	a img { border: none; }
	
blockquote { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #555; margin: 0 30px 1.5em 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; }

abbr, acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; }
	
code { color: #090; font-family: Courier, monospace; }

pre { margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; clear: both; }

p {
	color:#333333;
	margin-top: 0px;
	font-size: 1em;
	line-height:1.2em;
	padding: 0.2em 0 0.8em 0;
}
.green { color: #090; }

.red { color: #f00; }

.orange { color: #f40; }

.purple { color: #909; }


.yellow {
	color: #FFFF00;
	padding: 0;
	display: block;
	margin: 70px 0 10px 0;
	letter-spacing: 140%;
}


.left { float:left; }


/*---:[ headlines ]:---*/

h1, h1 a, h1 a:visited {
	color: #E79300;
	font-size: 2.5em;
	margin: 0.5em 0 0 0;
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
        line-height: 1.3em;
}
#header_img h1, header_img h1 a, header_img  h1 a:visited {
	color: #e79300;
}

h1 span {
	margin: 0.3em 0 0em 0;
	color:#7E5E4C;
	text-transform: none;
	font-weight: lighter;
}
#header_img h1 span {
	color: #9ba70a;
        margin-top:10px;
}
#header_img h5 {
	color: #7E5E4C !important;
}
	
h2 {
	font-size: 1.1em;
	margin: 0 0 3px 0;
	line-height: 1.3;
	background: none;
	border: none;
    font-weight:normal;
	color:#7E5E4C;
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
        
}
h2 a {
	color: #CD0000;     
}


h3 {
	color:#666666;
	display:block;
	margin: 0 0 0.5em 0;
	font-weight:normal;
	text-transform:uppercase;
	padding: 0.3em 0 0 0;
	font-size: 1em;
}

h3 a {
	color:#7E5E4C;
	text-decoration:none;
}
h3 a:visited {
	color: #666666;
	text-decoration: none;
}
	
h3 a:hover {
    color:#48280b;
}

h4{
	color: #666666;
	text-decoration: none;
	padding: 1em 0 0 0;
	display: block;
	text-transform: uppercase;
	font-weight: normal;
}

h5, h5 a {
	font-weight: lighter;
	padding: 0.2em 0 0 0;
	color: #B21F1F;
	font-size: 1em;
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
}
h5 a {
	text-decoration:underline;
}
h6 {
	font-weight: lighter;
	margin: 1em 0 0em 0;
	color: #666666;
	font-size: 1.34em;
}
.entry h6 {
	font-weight: lighter;
	margin: 0 0 0.8em 0;
	color: #666666;
	font-size: 1.2em;
}

#galleria h2 { margin: 0em 0 0.1em 0; line-height: 1.2em; font-size:2.8em;text-transform: uppercase;
	font-weight: lighter; color:#999999; }
	
.posts h2 {
	margin: 2em 0 0 0;
	line-height: 1.2em;
	font-size:1.5em;
	text-transform: none;
	color:#5E310D;
	padding: 0;
}

.posts h2 a{
	margin: 2em 0 0.2em 0;
	line-height: 1.2em;
	font-size:1em;
	text-transform: none;
	text-decoration:underline;
	color:#5E310D;
	font-weight:normal;
	display: block;
}

.posts h4 {
	margin: 0 0 1em 0;
}
.posts h2 a:hover{
	text-decoration:underline;
	color:#990000;
}

h3.archive_head  {
	margin: 1em 0 0.1em 0;
	line-height: 1.2em;
	font-size:1.5em;
	text-transform: uppercase;
	font-weight: lighter;
	color:#5E310D;
	padding: 0.3em 0;

}
li.widget h2  {
	color:#333333;
}

.posts_front h2 {
	margin: 1em 0 0.1em 0;
	line-height: 1.2em;
	font-size:1em;
	font-weight: normal;
	padding: 0.3em 0 0 0;
	color:#CD0000;
}


.posts_front a h3  {
	margin: 0.3em 0 0.5em 0em;
	line-height: 1.2em;
	font-size:1em;
	font-weight: normal;
	text-transform:uppercase;
	color: #C95F00;
	padding:0;
	text-decoration:none;
}

.posts_front a h3:hover {
	color:#48280b;
	text-decoration:none; 
}

	
#galleria { font-size: 150%; }
	
	
.posts_front h4 { text-align:left; border:0; font-weight: lighter; color: #35499B; }
	
.pages h2, h2.page_header { margin: 0 0 0.75em 0; padding: 0 0 0.6em 0; }
	
	
h3.comments_headers { font-size: 1.4em; }


	h4 a, h4 a:visited { color: #888; text-decoration: none; }
	
		h4 a:hover { color: #888; text-decoration: underline; }
	

	.posts h4 a:visited { color:#888; !important }


/*---:[ core layout elements ]:---*/

	
#container {
	width: 924px;
	margin: 0 auto;
	height:auto;
	padding: 0;
        position:relative;
	}
					
#content_box {
	width: 960px;
	text-align: left;
	float: none;
	clear: both;
	margin: 0 auto;
	height: 300px;
}

#content {
	width: 50%;
	padding: 0 2em;
	float: left;
	left:0;
	border: 0px solid #D7C6A9;
	margin: 1.5em 0 0 0px;
	
}#content p {
	padding: 0 40px 0 0 0px;
}
			.row { clear: both; }
			.clearcol {clear:both;}
		.col {float:left;display:inline;width:225px;padding:0; margin:0 75px 0 0;}

        #content .left {
	float: left;
	margin: 0px 15px 15px 0;
	text-align: left;
}
#content .right { float: right; margin: 3px 0 15px 15px; }
		
#galleria h2 {
	border-top:#ff0066 4px solid;
	border-bottom:#cccccc 1px solid;
	padding: 0.3em 0;
	font-size: 1.5em;
	width:100% !important;
	text-transform:uppercase; 										
	color: #071431;
}
	
	
#sidebar {
 	margin: 0 0 0 20px;
}

#sidebar ul li{
	float:none;
	display:block;
	padding: 0.3em;
}

#l_sidebar {
	width: 300px;
	padding: 0;
	float: left;
	margin: 0;
	float: right;
	right:0;
	height: 100%;
}
	
#sidebar-top {
	background:url(images/sidebar/sidebar_bg_top.png) no-repeat top left;
	height:42px;
	width:100%;
}
#sidebar-middle {
	background:url(images/sidebar/sidebar_bg_middle.png) repeat-y left;
	height: 100%;
}
#sidebar-bottom {
	background:url(images/sidebar/sidebar_bg_bottom.png) no-repeat bottom left;
	height:72px;
	width:100%;
}

#l_sidebar img {
	border: 0;
	float:left !important; 	
	background-color: #fff;
	margin: 0;
}
#l_sidebar .logo img, #l_sidebar a .logo img {
	border:0 !important;
	clear:none !important;
	background-color: #fff;
	padding:0;
}
p.wp-caption-text	{
	font-style:oblique;
	color:#666666;
	margin: 0 0 1.5em 0;
	display:block;
}
	
	 #content_front {
	width: auto;
	padding: 0;
	float: left;
	left:0;
	margin: 0em 0px 0px 40px;
}
		
			
		#sidebar_front { width: 40%; padding: 0; float: right; right:0; }
		#sidebar_front h2,#sidebar_front h3,#sidebar_front h4{ padding: 0 0 0px 40px; }
		#sidebar_front p { padding: 0 0 0px 20px; }
		#sidebar_front { height: 100%; }
	

		#sidebar_front .tip h4, #sidebar h4  { margin: 0 0.3em 0 0; font-size:1.2em; color: #35499B;text-transform: uppercase; font-weight: lighter; float:left; }
		#sidebar_front .tip { list-style-position:inside; list-style-type:none; !important  }
		#sidebar_front ul li .entry .tip { list-style-position:inside; list-style-type:none; !important  }
		#sidebar_front ul li, #sidebar_front ul { margin:0;  }
	

/*---:[ header styles ]:---*/

#masthead {
	width: 100%;
	height: auto;
	float: none;
	position: relative;
	z-index: 99;
	top: 0px;
	margin: 0 auto;
	padding:0;
}

ul#nav {
	list-style: none;
	width: auto;
	padding: 0;
	margin: 0 0 10px 0;
	border-bottom: 0;
	float: left;
}

ul#nav li {
	padding: 1em 25px 0.5em 25px;
	font-weight:lighter;
	text-transform: uppercase;
	float: right;
	background:url(images/navi_bg.gif) no-repeat center bottom;
	height:45px;
}
ul#nav2 li {
	padding: 0 10px 0 10px;
	text-transform: none;
	float: right;
	text-decoration:none;
}

#nav_container{
	float: right;
	position: absolute;
	top: 23px;
	right: 0px;
}
#logo_container{
	position: relative;
	left: 0px;
	width: 280px;
	z-index: 98;
	float: left;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	height: 130px;
	top: 0px;
	margin: 0;
}
	
ul#nav2 {
	list-style: none;
	width: 100%;
	padding: 0 0px;
	height: auto;
	margin: 0 10px 10px 0;
	font-size: 0.9em;
	float: right;
	clear: both;
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
}


ul#nav2 li a, ul#nav li a  {
	color:#fff;
	cursor:pointer;

}

ul#nav2 li a {
	text-decoration:none !important;
}

ul#nav2 li a:hover {
       color:#FFDB43 !important;
       text-decoration:underline !important;
}


	
ul#nav2 li a:visited, ul#nav li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
	
ul#nav2 li a:hover {
	color: #FFDB43;
}
		
			
ul#nav li.current-cat a{
	color: #FFCC33 !important;
	text-decoration: none;
}
ul#nav li:hover {
	color: #999 !important;
        font-weight:normal;
}

ul#nav li.current-cat {
	background:url(images/nav_current.png) no-repeat bottom center;
	font-weight:bold;
}

ul#nav2 li.current-cat a{
	color: #FFCC33 !important;
	text-decoration: underline;
}


#header_img h6{
	color:#fff;
	display:inline;
	padding: 0.1 0.4em 0.1em 0;
	line-height:1em;
	font-size: 1.2em; 
       
}
#header_img h5{
       font-size: 0.9em;
       line-height:1.5em;
       margin-top:10px;
       color: #e40e2a;
       font-weight: bold;
}

#header_img h3{
	color:#e79300;
}




#header_img p {
	color:#46342B;
	display: block;
	margin: 1em 0 1.5em 0;
} 
#main_text {
	color:#46342B;
	padding: 1em 0em 0em 0em;
	margin: 1em 0 1.5em 0;
} 


/*---:[ beige banner ]:---*/
#beige_banner {
	height: auto;
	width:100%;
	position: relative;
	background:none;
	clear: both;
	z-index:100;
}

#beige_banner_middle {
	height: auto;
	width:100%;
	margin: 0;
	position: relative;
	background: #fff;
	padding: 0;
	background:url(images/backgr_banner_middle.gif);
	z-index:100;
	top: -20px;
}

#beige_banner_top {
	height:39px;
	width:100%;
	background:url(images/backgr_banner.png) repeat-x top;
	position: relative;
	margin: 0;
}

#beige_banner_bottom {
	height:30px;
	width:100%;
	background:url(images/banner_bg_bottom.png) repeat-x top;
} 


#banner_content {
	margin:0 auto;
	width: 924px;
	z-index: 100;
	height: 120px;
	position: relative;
	background: #fff;	
} 

#banner_content ul {
	height:auto;
	width:800px;
	margin:20px auto 0 20px;
	width: auto;
} 

#beige_banner ul li {
	display:block;
	width:225px;
	list-style-type:none;
	float: left;
	text-align: left;
	margin-right: 75px;
} 
#beige_banner ul li#kktuote span, #beige_banner ul li#lahjak span, #beige_banner ul li#uutiset span {
} 

#beige_banner ul li#lahjak span {
}
#beige_banner ul li#uutiset span {
} 

#beige_banner ul li#kktuote span {
} 



h4.kktuote {
	display:block;
	padding: 0;
	height:auto;
	float:left;
	text-transform:uppercase;
    width: 100%;
    margin:2em 0 0.5em 0;
} 


/*---:[ content styles ]:---*/


		
	.entry blockquote { font-size: 1.0em; }
	
		.entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }
		
		.entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }
	
			.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; }
	
	.entry p { margin: 0; }

	.entry ul, .entry ol { margin: 0 0 1.5em 0px; }
	
	.entry ul { list-style-type: disc; margin: 1em 0; }
	
		.entry li {
	margin: 0.2em 0 0 2em;
	list-style-type:disc;
	padding: 0.2em;
}
		
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }
	
	.entry dl { margin: 0 0 1.5em 0; }
			
		.entry dt { font-weight: bold; margin: 0 0 0.5em 0; }
		
		.entry dd { margin: 0 0 1.5em 20px; }
		
	.entry .ad { margin: 0 0 0.5em 15px; float: right; }
	
	.entry .ad_left { margin: 0 15px 0.5em 0; float: left; }

	.entry img, .entry img a {
	padding: 4px;
	margin: 0.5em 20px 0.5em 0;
	float: left;
	clear: left;
	
}
.entry .wp-caption {
	float: left;
	padding: 0 1.5em 0.3em 0;	
}

.image_front { width: 225px; height: 150px; margin: 0 0 1.0em 0; }
	
.entry a img, a img.image_front, img.image_front  {
	background-color: #D7C6A9;
	border: 1px solid #ccc;
	padding: 4px;
	margin: 0.5em 20px 0.5em 0;
	border: 1px solid #fff;
	float: left;
	clear: left;
}
.entry .tip .logo a img, .entry {
	border:0 !important;
	margin: 0;
}
		
		.entry a img:hover, a img.image_front:hover {
	border: 1px solid #fff;
	background-color: #FFF0DF; }

		.entry img.left { padding: 4px; margin: 0.5em 20px 0.5em 0; border: 1px solid #bbb; float: left; clear: left; }
		
		.entry img.thumb, img.thumb {
	padding: 4px;
	margin: 0em 20px 1.5em 0;
	border: 1px solid #bbb;
	float: left;
	clear:none;
}
.entry img.thumb a:hover, img.thumb a:hover, #galleria img:hover {
	border: 1px solid #333333; !important
	color:
	
}
		
		.entry img.right { padding: 4px; margin: 0.5em 0 0.5em 20px; border: 1px solid #bbb ; float: right; clear: right; }
		
		.entry img.center { display: block; padding: 4px; margin: 0 auto 1.5em auto; border: 1px solid #bbb; float: none; clear: both; }
	
		.entry img.off { padding: 0 !important; border: none !important; }
		
		.entry img.stack { clear: none !important; }
		
	
	.tip ul, .tip ul li { margin: 0; }

.tagged { padding: 0.4em 0 0 0; font-size: 1.2em; line-height: 1.6em; color: #888; clear: both; }

	.tagged a, .tagged a:visited { padding: 0.25em; color: #333; text-decoration: none; }
	
		.tagged a:hover { color: #fff; background: #333; text-decoration: none; }
	
	.add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }

.navigation { width: 100%; float: left; }
	
	.previous { padding: 0 20px 0 0; float: left; }
	
	.next { float: right; }

.clear {
	width: 100%;
	height: 0px;
	margin: 0;
	clear: both;
	background-color: #F9E4C7;
}
.clear2 {
	width: 100%;
	height: 0px;
	margin: 0;
	clear: both;
}

.rule { background: url('images/hr_tag_sep.gif') no-repeat; }

.flat { margin: 0 0 2.0em 0 !important; }

.whitespace { margin: 0 0 3.5em 0 !important; }



/*---:[ sidebar styles ]:---*/

.sidebar_list { float:none; }

ul.sidebar_list { list-style: none; }

#l_sidebar ul { margin:0 0 0 60px; padding:0;}
#l_sidebar ul li.widget {
	list-style: none;
	margin:0 0 1em 0;
	padding:0;
	clear: both;
}

	ul.sidebar_list li.widget, ul.sidebar_list li.linkcat {
	width: 100%;
	margin: 0 0 2.5em 0px;
	line-height: 1.4em;
}


		li.widget p { margin: 0 0 1.5em 0; padding: 0px; }
		li.widget h2, h2.sidebar-header { font-size:1.5em; }
		h2.sidebar-header { display:block; color: #e79300 !important; margin: 0 0 1em 0 !important; }
		h2.child2 { margin-top: 1em !important; }
	
		#l_sidebar ul li.widget ul{ margin: 0; }
		li.widget ul, li.linkcat ul { list-style: none; margin: 0 0 0.5em 0px; }
		
		li.widget ol, li.linkcat ol { margin: 0 0 0.5em 0px; }
		
			li.widget li, li.linkcat li { margin: 0 0 0.7em 0; }
			
				li.widget li a, li.widget li a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; }
				
					li.widget li a:hover, li.linkcat li a:hover { text-decoration: underline; }
			
				li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #996600; }
		
		li.widget ul.flickr_stream { list-style: none; margin: 0; padding: 0 10px; }
		
			li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; }
			
				li.widget ul.flickr_stream li a img { padding: 3px; }
				
				li.widget ul.flickr_stream li a:hover img { background: #ff2a96; }
		
			/*---< FlickrRSS styles for the widget only >---*/
		
			li.widget_flickrrss { }
			
				li.widget_flickrrss a img { margin: 0 5px 5px 0; padding: 3px; }
				
				li.widget_flickrrss a:hover img { background: #ff2a96; }
				
		/*---< Calendar widget styles >---*/
		
		#calendar_wrap { font-size: 1.3em; }
				


/*---:[ footer styles ]:---*/


#footer {
	background:url(images/footer_bg.jpg) repeat-x top #071431;
	width:100%;
	text-align:center;
	float: left;
	clear: both;
	padding: 1em 0;
	bottom: 0;
	position:relative;
	height: auto;
        margin-bottom:0;

}

	#footer_text {
	width:auto;
	margin: 2.5em auto 1em auto;
	text-align:center;
}

	#footer span {
	margin: 10px 0 0 0;
	display:block;
	color:#FFFFFF;
}
	
	#footer p {
	margin: 0 0 10px 0;
	color: #999999;
	text-align: center;
}
		
		#footer a, #footer a:visited { color: #FFFF00; text-decoration: none; }
			
			#footer a:hover { color: #888; text-decoration: underline; }
			

/*---:[ comment styles ]:---*/

#comments { width: 500px; float: left; clear: both; }

	ul#comment_list { list-style: none; margin: 0 0 4.0em 0; border-top: 1px solid #bbb; float: left; }
		
		ul#comment_list li.comment { width: 500px; padding: 1.2em 0 0 0; border-bottom: 1px solid #999999; float: left; }
			
		ul#comment_list li.trackback { width: 470px; padding: 1.2em 15px 0 15px; background: url('images/trackback_bg.gif'); }
				
			.comment_meta { margin: 0 0 1.2em 0; }
			
				.comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 1.4em; float: right; }
				
				.trackback .comment_num { padding: 0 0 0 20px; }
				
					.comment_num a, .comment_num a:visited { color: #888; text-decoration: none; }
					
						.comment_num a:hover { color: #df0000; text-decoration: none; }
				
				.comment_meta strong { font-size: 1.6em; }
					
				.comment_time { font: normal 1.1em Verdana, Helvetica, Arial, sans-serif; color: #888; }
		
			.comment .entry { padding: 0 15px; }
			
				.comment .entry p { margin: 0 0 1.0em 0; }
			


/*---:[ comment form styles ]:---*/

#comment_form { width: 500px; padding: 1.0em 0 0 0; float: left; }

	#comment_form p { padding: 0.6em 0; }
	
		#comment_form label { padding: 0 0 0 10px; font-size: 1.2em; }

		#comm ent_form .text_input { width: 191px; padding: 3px; color: #444; font: normal 1.4em Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
		
		#comment_form .text_area { width: 321px !important; }
	
			#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	
		#comment_form .form_submit { padding: 0.4em 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.4em Georgia, "Times New Roman", Times, serif; cursor: pointer; }
		
		#comment_form p.subscribe-to-comments { font-size: 1.4em; }
		
			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
			


/*---:[ search form styles ]:---*/

#search_form { }

	#search_form .search_input {
	width: 201px;
	padding: 3px;
	background-color:#FCF9E8;
	color: #46342B;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
	
	li.widget .search_input { font-size: 0.9em !important; }
	
		#search_form .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }


.current
{
color: #FFFF00 !important;
text-decoration:none !important;
}
.current_bg
{
background-image:url(images/navi_bg_current.gif) !important;
}



/* the overlayed element */ 

div.overlay { 
     
    /* growing background image */ 
    background-image:url(../img/overlay/white.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:600px; 
    height:470px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(../img/overlay/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
 
 
/* black */ 
div.overlay.black { 
    background:url(../img/overlay/transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
    background:url(../img/overlay/petrol.png) no-repeat !important; 
    color:#fff; 
} 
 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}

/* use a semi-transparent image for the overlay */ 
#overlay { 
    background-image:url(http://static.flowplayer.org/img/overlay/transparent.png); 
    color:#efefef; 
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.wrap { 
    height:441px; 
    overflow-y:auto; 
}

h1.small, h1.small a {
	font-size:1.5em;
	margin: 0;
}

.entry ul.bullet {
	margin: 0 0 2em 0em;
}
.entry ul.bullet li {
	list-style:disc;
	margin: 0 0 0 2em;
	float:none;
	padding: 0.2em 0;
}
.sidebar_list  {
	float:none;
	margin: 0;
	padding:0;
}

.sidebar_list li ul.no_float {
	float:none;
	margin: 0;
	padding:0;
	border-left:#ccc 2px solid;
}
.sidebar_list li ul.no_float li{
	float:none;
	list-style-type:disc !important;
	margin: 0 0 0 1em;
}

#sidebar{
	margin:0;
}

#home{
	margin:0px 0 0 215px;
	width:80px;
	height:80px;
	background:url(images/icons/home.png) no-repeat left bottom;
}
#home a, #home a:visited{
	color:#fff;
	
}
#home:hover, #home.current_page_item{
	background:url(images/icons/home_hover.png) no-repeat left bottom;
}
#breadcrumb{
	margin:100px 0 0 0px;
	width:450px;
	text-align:left;
	height:auto;
	position:absolute;
	left: 220px;
	color:#7E5E4C;
	z-index:100;
}
#breadcrumb span{
	color:#e79300;
	
}
.border{
	
	margin: 2em 0 0 0;
	clear:both;
	border-top:#D7C6A9 dotted 1px;
}
.border p{
	padding: 1em;
}
.float_left{
	float:left;
}

.bg_color h1{
	padding: 0 0 1em 0;
}
h3.bg_color {
        margin: 1em 0 0 0;
        padding: 0.5em 0;
        border-top:#D7C6A9 dotted 1px;
        border-bottom:#D7C6A9 dotted 1px;
}

.verkkokauppa{
        background:url(images/icons/ostos.png) no-repeat left bottom;
 margin-left:20px;
}
.verkkokauppa a{
        margin-left:14px;
}
.kasvohoito-image{
        border: #f4ede3 4px solid;
}