/*
Theme Name: Elias_09	
Theme URI: http://www.jelias.fi	
Description: Elias redo 2009
Version: 0.1
Author: Julkaisuosakeyhtiö Elias
Author URI: http://www.jelias.fi
*/

body {
	background: #FFFFFF url(http://www.jelias.fi/images/header_bg.jpg) top center no-repeat;
	border:0 none;
	color:#333333;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
	font-weight:400;
	line-height: 18px;
	margin:0 auto;
	padding:0;
	text-align:left;
	vertical-align:top;
	}
	
#head{
	width: 100%;
	height: 240px;
	margin: 36px 0 0 0;
}

abbr { cursor: help; }

/* Rakenne alkaa */
#container {
	margin:0 auto;
	padding:0;
	width:775px;
	}

#header {
	float:left;
	height:240px;
	margin:0;
	padding:0;
	width:780px;
	}

#logo {
	float:left;
	margin:0;
	padding:0;
/*visibility: hidden;*/
	}

#nav {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	float:left;
	margin:169px 0 0 0;
	padding:0;
	}

#nav a, #nav a:link, #nav a:visited {
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	}

#nav a:hover, #nav li.current a {
	color: #000000;

}


#nav li {
	color:#ffffff;
	float:left;
	list-style-type:none;
	margin-left: 20px;
	}

#main {
	background: #FFFFFF url(http://www.jelias.fi/images/left_bg.jpg) repeat-y;
	float:left;
	margin-top:14px;
	padding:0;
	width:775px;
	}

#subpage {
	float:left;
	margin:0;
	padding:0 40px 0 0;
	width:500px;
	}

#aihepalkki {
	float: right;
	text-align: right;
	font-family: Helvetica,Arial, Verdana, sans-serif;
	font-size:14px;
	color: #FB7600;
	font-weight: bold;
	text-transform: uppercase;
	width: 100px;
	height: 18px;
	padding: 0;
	margin-bottom: 25px;
}

#aihepalkki2 {
	float: right;
	text-align: right;
	font-family: Helvetica,Arial, Verdana, sans-serif;
	font-size:14px;
	color: #FB7600;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	height: 18px;
	padding: 0;
	margin-bottom: 25px;
}

#vieraissa {
	float: left;
	display: block;
	clear: both;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #333333;
	font-weight: normal;
	width: 350px;
	height: 18px;
	padding: 0;
	margin-bottom: 25px;
}

#refumain {
	background: #FFFFFF;
	float:left;
	padding:0;
	width:775px;
	}

#refut {
	float:left;
	margin:0;
	padding:0;
	width:780px;
	}

#refut p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:16px;
	width: 500px;
	padding-top: 0px;
	}

/* Rakenne loppuu */


/* Kuvat */
img {
	border:0 none;
	}

#container #main #left p img {
	border: 0;
	padding: 10px 0 0 0;
	}

.alignnone{
	margin-bottom:10px;
	padding:0;
	}

.alignright {
	margin:0 0 20px 20px;
	}

.alignleft {
	float:left;
	margin:0 20px 10px 0;
	}
.aligncenter {
	float:left;
	margin-bottom:10px;
	}

/* Kuvat */


/* Typografia alkaa */
p {
	margin:0;
	padding-bottom:1.1em;
	}

strong {
	font-weight:bold;
	color:#000000;
	}

a, a:link, a:visited {
	border:0 none;
	color:#FA7600;
	text-decoration:none;
	}

a:hover {
	border:0 none;
	color:#FA7600;
	text-decoration:underline;
	}

.blanklink a, .blanklink a:link, .blanklink a:visited, .blanklink a:hover {
	border:0 none;
	color:#000000;
	text-decoration:none;
	}

h1 {
	color:#333333;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:24px;
	font-weight: normal;
	line-height:36px;
	margin:0;
	padding:0;
	text-decoration:none;
	}

h2 {
	color:#000000;
	font-family:Georgia,"Times New Roman",Times,serif;
	/* CSS3-varjo-> text-shadow: 1px 1px 1px #E1DAD4; */
	font-size: 24px;
	font-weight: normal;
	line-height:1.5em;
	margin:0;
	padding:0;
	}

h3 {
	color:#000000;
	font-family:helvetica,arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	margin:20px 0 0;
	padding:0;
	}

h4 {
	color:#000000;
	font-family:helvetica,arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform: uppercase;
	line-height:18px;
	margin:0px 0 0px 0;
	padding:0px;
	}

h5 {
	color:#000000;
	font-family:helvetica,arial,sans-serif;
	font-size:11px;
	margin:0 0 10px;
	padding:0;
	}

h6 {
	color:#000000;
	font-family:helvetica,arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	margin:15px 0 5px 0;
	padding:0;
	}

h1 a, h1 a:link, h1 a:visited, h1 a:hover, h2 a, h2 a:link, h2 a:visited {
	text-decoration:none;
	color:#000000;
	}

h4 a, h4 a:link, h4 a:visited {
	color:#000000;
	text-decoration:none;
	}

h4 a:hover {
	color:#000000;
	text-decoration:underline;
	}

ul {
	-moz-padding-start:40px;
	font-family:"Helvetica", Arial, sans-serif;
	border:0 none;
	font-size:12px;
	line-height:18px;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	margin:0;
	padding:0 0 10px 0;
	}

li {
	list-style-image:none;
	list-style-position: outside;
	list-style-type:none;
	padding-bottom:5px;
	}

ul li a {
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:16px;
	list-style-type:none;
	}

#left ul {
	-moz-padding-start:40px;
	font-family:"Helvetica", Arial, sans-serif;
	border:0 none;
	font-size:12px;
	line-height:18px;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	margin:0;
	padding:0 0 10px 0;
	}

#left li {
	list-style-image:none;
	list-style-position: outside;
	list-style-type:none;
	padding-bottom:5px;
	}

#left ul li a {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
	line-height:18px;
	list-style-type:none;
	}

#subpage ul {
	-moz-padding-start:40px;
	font-family:"Helvetica", Arial, sans-serif;
	border:0 none;
	font-size:12px;
	line-height:16px;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	margin:0;
	padding:0 0 10px 0;
	}

#subpage li {
	line-height:16px;
	list-style-image:none;
	list-style-position: outside;
	list-style-type:none;
	padding-bottom:10px;
	}

#subpage ul li a {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size:12px;
	line-height:16px;
	list-style-type:none;
	}


ol{
	padding:  0 0 0 0;
	margin: 0;
	line-height: 1.4em;
}

ol li {
	list-style-position: outside;
	margin-left:18px;
	list-style-type:decimal;
	}

.wp-caption img {
width: 100%;
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption-text {
	background-color:#000000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#FFFFFF;
	margin: 0 0 20px 0;
	padding:5px 5px 5px 10px;
	}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 15px;
	padding:5px 5px 5px 10px;
	margin: 0 0 20px 0;
}

.kuvateksti {
	background-color:#000000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#FFFFFF;
	width:485px;
	margin: 0 0 20px 0;
	padding:5px 5px 5px 10px;
	}

.object {
	margin-bottom:20px;
	}

#subpage p {
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	line-height:18px;
	width: 500px;
	padding-top: 0px;
	}

#subpage h2 {
	color:#000000;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size: 24px;
	font-weight: normal;
	line-height:1.5em;
	margin:0;
	padding:0 0 10px 0;
	}

#subpage h3 {
	color:#000000;
	font-family:Helvetica,Arial,sans-serif;
	font-size:19px;
	font-weight:bold;
	padding: 0;
	margin: 20px 0 10px 0;
	}

#subpage .alignnone{
	float:left;
	max-width:750px;
	padding:0;
	}

#subpage .alignleft{
	float:left;
	padding:0;
	margin:0 10px 5px 0;
	}

#refut h2 {
	color:#000000;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size: 24px;
	font-weight: normal;
	line-height:1.5em;
	margin:0;
	padding:0 0 10px 0;
	}

.oranssi, .oranssi a {
	font-family:"Helvetica",Arial,sans-serif;
	color:#EE7F01;
	font-weight:bold;
	text-transform:uppercase;
	}

blockquote {
	background-color:#EBEBEB;
	padding:20px;
	}

blockquote p {
	padding:0;
	}

#next {
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#000000;
	clear:both;
	float:left;
	margin-top:20px;
	margin-bottom:10px;
	}

#next a {
	color:#000000;
	}

.blog-description, .textwidget{
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:14px;
	margin-bottom:20px;
	padding:0;
	}
	
.textwidget p{
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:14px;
	margin-bottom:20px;
	padding:0;
	}
/* Typografia loppuu */


/* Artikkelin tyylit alkaa */
#left {
	float:left;
	margin:0 0 0 0;
	padding:0;
	width:500px;
	}

.post-heading {
	font-family:Helvetica, Arial, sans-serif;
	color:#666666;
	float:left;
	font-size:10px;
	margin-top:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	width:100%;
	}

.post-footer {
	font-family:Helvetica, Arial, sans-serif;
	float:left;
	font-size:10px;
	margin:20px 0 40px;
	padding:10px 0 10px 0;
	width:490px;
	border-bottom: 5px solid #000000;
	}

.post-footer-left {
	float:left;
	width:330px;
	}

.post-footer-right {
	float:right;
	}

.post-meta {
	list-style-type:none;
	float:left;
	display:inside;
	}

.writer_bio {
	background-color:#eff1f3;
	height: 50px;
	margin:15px 0 25px 0;
	padding:10px;
	font-size: 11px;
	font-family:Helvetica, Arial, sans-serif;
	line-height: 15px;
	border: double 4px #fff;
	}

.writer_bio img {
	float: left;
	padding: 0 10px 0 0;
	}
	
.bio {
	color:#999999;
	font-size:12px;
	font-style:italic;
	line-height:16px;
	margin-left:65px;
	}
/* Artikkelin tyylit loppuu */


/* Sivupalkin tyylit alkaa */
#right {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	float:right;
	margin:0;
	padding-left: 20px;
padding-bottom:0;
	width:200px;
	}

#sidebar {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	float:right;
	margin:0;
	padding:0;
	width:200px;
	}

#sidebar p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:14px;
	margin-bottom: 5px;
	padding-bottom:0;
	}

#sidebar ul {
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:12px;
	-moz-padding-start:0;
	}

#sidebar ul li {
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:12px;
	-moz-padding-start:0;
	margin: 0; padding:0;
	}

#sidebar ul li a, {
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	text-decoration:none;
	padding:0;
	margin: 0;
	list-style-type:none;
	}

#sidebar ul li a:hover, {
	color:#FA7600;
	text-decoration: underline;
	font-size:11px;
	line-height:12px;
	padding:0;
	list-style-type:none;
	}

.erotin {
	border-top:1px solid #D3D3D3;
	padding:0;
	margin:20px 0 20px -18px;
	}
/* Sivupalkin tyylit loppuu */


/* Footer alkaa */
#footer {
	background-color:#FFFFFF;
	font-family:Helvetica, Arial, sans-serif;
	color:#CCCCCC;
	clear:both;
	float:left;
	font-size:11px;
	height:150px;
	margin-top:0px;
	padding-top: 10px;
	width:780px;
	border-top: 1px solid #CCCCCC;
	}

#alanav {
	font-size: 10px;
	text-transform: uppercase;
	margin:0 0 0 0px;
	padding:0;
	}

#alanav li {
	color:#cccccc;
	float:left;
	list-style-type:none;
	margin-right: 15px;
	}

#alanav a, #alanav a:link, #alanav a:visited {
	color:#666666;
	font-weight:normal;
	text-decoration:none;
	}

#alanav a:hover {
	color:#FA7600;
	}
/* Footer loppuu */


/* Kommenttityylit alkaa */
.clearfix {
	font-family:Helvetica, Arial, sans-serif;
	background: #eff1f3;
	padding:0 10px 0 10px;
	}

.clearfix input {
	border: 1px solid #d3d3d3;
	width: 200px;
	}

.submit, .searchsubmit {
	background: #efefef;
	border: 1px solid #a0a0a0;
	display: inline;
	width: auto;
	padding: 5px;
	margin-right: 10px;
	}

.button {
	background: #efefef;
	border: 1px solid #a0a0a0;
	display: inline;
	width: auto;
	padding: 5px;
	margin-right: 10px;
	}

.commentlist ul {
	-moz-padding-start:0;
	margin:0;
	padding:0;
	}

.clearfix textarea {
	border: 1px solid #a0a0a0;
	width: 80%;
	height: 12em;
	display: block;
	margin-bottom: 10px;
	}

.commentlist li {
	background: #F8F8F8 none repeat scroll 0 0;
	border: 1px solid #D3D3D3;
	display: block;
	clear: left;
	margin-top: 1em;
	padding: 10px;
	}

.comment-text {
	font-size:12px;
	}
/* Kommenttityylit loppuu */


/* Sekalaiset */
.lihavagroteski {font-family: Helvetica,Arial; color:#000000; font-weight: bold; font-size: 12px;}

.page-header-bg {
	background-color:#ffffff;
	margin-bottom:20px;
	padding:0px 10px 20px 0px;
	}

.fill {
	height: 30px;
	}

.posti-info {
	float:left;
	margin: 15px 0 30px 0;
padding-bottom:20px;
	width:100%;
	border-bottom: 5px solid black;
	}

.posti-info p {
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	line-height:16px;
	width: 500px;
	padding-bottom:10px;
}

.posti-info h2 {
	color:#000000;
	font-family:Helvetica,Arial,sans-serif;
	font-size:19px;
	font-weight:bold;
	padding: 0;
	margin-bottom: 5px;
	}

.kuvanavi }
	display:block;
	float:right;
	}


/* Image slider */
#slider ul, #slider li,
	#slider2 ul, #slider2 li
		#slider3 ul, #slider3 li
			#slider4 ul, #slider5 li
				#slider5 ul, #slider5 li
					#slider6 ul, #slider6 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{float:left;margin-top:0;}
	#slider3{float:left;margin-top:0;}
	#slider4{float:left;margin-top:0;}
	#slider5{float:left;margin-top:0;}
	#slider6{float:left;margin-top:0;}

	#slider li, #slider2 li, #slider3 li, #slider4 li, #slider5 li, #slider6 li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
	width:780px;
	height:380px;
	overflow:hidden;  
		}
#slider111 ul, #slider111 li{width:200px; height:170px; overflow:hidden; margin:0; padding:0; list-style:none;}


#prevBtn, #nextBtn, #slider1next, #slider1prev{ 
	position: inherit;
	top: 155px;
	width: 101px;
		}	
#nextBtn, #slider1next{
	position: inherit;
	top: 155px;
	width: 101px;
		}														
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{
	position: inherit;
	top: 155px;
	width: 101px;
		}	
#nextBtn a, #slider1next a{
	position: inherit;
	top: 155px;
	width: 101px;
		}
#counterBtn {
	width:40px; text-align:center; font:14px/14px Helvetica, Arial, sans serif; display:block; float:left;}

		
	/* numeric controls */	

	ol#controls, ol#controls_2, ol#controls_3, ol#controls_4, ol#controls_5, ol#controls_6{
		font:10px/10px Helvetica, Arial, sans serif; display:block; float:left;
		margin:1em 0;
		padding:0;
		height: 16px;
		line-height: 17px;
		}
	ol#controls li, ol#controls_2 li, ol#controls_3 li, ol#controls_4 li, ol#controls_5 li, ol#controls_6 li{
		margin:0 10px 0 0;
		padding:0;
		float:left;
		list-style:none;
		height: 16px;
		line-height: 17px;
		}
	ol#controls li a, ol#controls_2 li a, ol#controls_3 li a, ol#controls_4 li a, ol#controls_5 li a, ol#controls_6 li a{
		float:left;
		height: 16px;
		line-height: 17px;
		background:#cccccc;
		color:#555;
		padding:1px 6px;
		text-decoration:none;
		position: static;
		}
	ol#controls li.current a, ol#controls_2 li.current a, ol#controls_3 li.current a, ol#controls_4 li.current a, ol#controls_5 li.current a, ol#controls_6 li.current a{
		background:#fb7600;
		color:#fff;
		}
	ol#controls li a:focus, ol#controls_2 li a:focus, ol#controls_3 li a:focus, ol#controls_4 li a:focus, ol#controls_5 li a:focus, ol#controls_6 li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* image replacement */
        .graphic {
            margin:0;
            padding:0;
            display: block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

#sosiaali{position:relative;}
#sosiaali li{margin-bottom:20px;0;padding:0;list-style:none;position:absolute;top:0;}
#sosiaali li, #sosiaali a{height:39px;display:block;}

#fb{left:0px;width:40px;}
#fb{background:url('http://www.jelias.fi/images/elias_social_icons.png') 0px -39px;}
#fb a:hover{background: url('http://www.jelias.fi/images/elias_social_icons.png') 0px 0;}

#twit{left:45px;width:40px;}
#twit{background:url('http://www.jelias.fi/images/elias_social_icons.png') 80px -39px;}
#twit a:hover{background: url('http://www.jelias.fi/images/elias_social_icons.png') 80px 0px;}

#feed{left:90px;width:40px;}
#feed{background:url('http://www.jelias.fi/images/elias_social_icons.png') 40px -39px;}
#feed a:hover{background: url('http://www.jelias.fi/images/elias_social_icons.png') 40px 0px;}