@charset "utf-8";
/*
Theme Name: SelkoVerneri2
Theme URI: http://papunet.net/
Description: SelkoVerneri2-theme.
Version: 1.0
Author: Papunet Team
Author URI: http://papunet.net/
Tags: papunet

        http://papunet.net/

        Tämä teema...

        Under GPL..

*/

@charset "utf-8";
/* style.css */

html, body { 
	background-color: #fff; 
}

#container, #footer {
	width: 100%;
	max-width: 100%;
}


#header {
	height: 97px;
	border-bottom: 3em solid #0066A4; /* headerin "alapalkki" */
}
#header h1 a {
	margin: .4em 0 0 .4em;
	width: 220px;
	height: 57px;
	background: #FFF url("images/verneri_logo3.png") no-repeat 0 0;
	text-indent: -999em;
	overflow: hidden;
}

#header ul.tools {
	height: 63px;
	padding: .5em 0;
}
#header ul.tools li {
	line-height: 2em;
}
#header ul.tools li a {
	font-size: 1.4em;
	text-decoration: none;
}

#header ul.top {
	top: -3em;
}

#header ul.bottom {
	background: #FFF url("images/selkologo.png") no-repeat 0 0;
	background-position: top right;
	right: 1%;
	top: 25%;
}
#header ul.bottom form {
	padding-right: 70px;
	font-size: 1.5em;
}

#header input#s {
	width: 9em;
}

#header ul.bottom li {
	border-color: #fff;
}
#header ul.bottom a {
	color: #fff;
}
#header li.curr_lang {
	font-weight: 700;
}

#col-1, #col-2, #col-3 { 
	margin-top: 0; 
}

#main {
	padding-top: 2em;
}

#left ul ul {
	margin: 0;
}
#left ul.navigation {
	font-size: 1.8em;
	line-height: 120%;
}
#left ul.navigation li a {
	display: block;
	padding: .5em 1em;
	background-color: #EAEAEA/*#BAD1E1*/;
}
#left ul.navigation li.current_page_item a, #left ul.navigation li.current_page_parent a, #left ul.navigation li.current_page_ancestor a {
	background-color: #0774AC;
}
#left ul.navigation li.current_page_item li a, #left ul.navigation li.current_page_parent li a, #left ul.navigation li.current_page_ancestor li a {
	background-color: #c8b8e9;
	margin: 0;
	padding-left: 3em;
}
#left ul.navigation li.current_page_item > a, #left ul.navigation li.current_page_parent > a, #left ul.navigation li.current_page_ancestor > a {
	color: #fff;
}

/* ie6-häkit */
* html #left ul.navigation li a {
	float: left;
	width: 100%;
}
* html #left ul.navigation li {
	display: inline;
}
* html #left ul.navigation li.current_page_item a { color: #fff; }
* html #left ul.navigation li.current_page_item li a { color: #000; }
* html #left ul.navigation li.current_page_item li.current_page_item a { color: #fff;  }

#main { 
	margin-right: 0%;
	font-size: 1.3em;
}
#breadcrumb {
	font-size:1.5em;
	padding-top: .5em;
}
#breadcrumb a {
	padding: 0 .2em;
}
#breadcrumb span {
	font-weight: bold;
}

.papu-2col-left div.post {
	max-width: 60em; /* rajoitetaan yksipalstaisten sivujen palstanleveyttä */
}
* html .papu-2col-left div.post {
	width:expression(document.body.clientWidth > 1000 ? "600px": "auto" );
}
.valikkosivu div.post {
	max-width: 100%; /* ei rajoiteta valikkosivujen palstanleveyttä */
}
* html .valikkosivu div.post {
	width: 100%;
}

#main .alignright {
	float: right;
	margin: 0 0 2em 2em;
	background-color:#EAEAEA;
	padding: 1em 0 0 1em;
}
#main .ei-harmaata {
	background: transparent;
}

#main p img.alignright {
	padding: 1em;
	margin-right: -240px;
}

#main p.wp-caption-text {
	font-size: .9em;
	color:#606060;
	font-weight:700;
	padding: .5em;
}
#main p,#main h4,#main h5, .perussivu #main ul, .perussivu #main ol {
	max-width: 33em;
}
#main h1 {
	text-transform: uppercase;
	font-size: 1.2em;
}
#main h2 {
	font-size: 2.0em;
	color: #404040;
	max-width: 20em;
}

#main h3 {
	font-size: 1.45em;
	padding: .5em 0;
	font-weight:700;
	color: #404040;
	max-width: 23em;
}

#main h4 {
	font-size: 1.3em;
	color: #404040;
	padding: .8em 0 .5em 0;
	font-weight:700;
}

#main h5 {
	font-size: 1.2em;
	padding: .8em 0 .3em 0; 
	font-weight:700;
}

#main ul, ol {
	font-size: 1.15em;
	line-height: 1.5em;
}

#main li { 
	list-style-type: circle;
	padding-bottom:.3em;
}

#main ol li {
	list-style-type: decimal;
	margin-left: 2.6em;
}

#main ol li {
	padding-bottom: .5em;
}
#main ol li ul {
	list-style-type: circle;
	font-size: 1em;
	padding-top: .5em;
	margin: 0;
}
#main ol li ul li {
	list-style-type: circle;
}

#main table {
	margin-bottom: 1em;
	font-size: 1.2em;
}
/*
#main img.alignleft {
	float: left;
	margin: 1em 1em 0 0;
}
*/
#main .lihavointi, #right .lihavointi {
	font-weight: 700;
	color:#404040;
}
#right img {
	border: 1px solid #000;
}
#main img {
	border: none;
}
#right {
	font-size: 1.3em;
}

#right strong {
	font-weight: 700;
}
#right h3, #right h4 {
	font-size: 1.2em;
	line-height: 1.5em;
        font-weight: 700;
	padding: 1em 0;
}
#right ul {
	margin: 0 0 1.5em 1em;
}
#right ul li {
	font-size: 1em;
	margin-left: 1em;
	padding: .3em 0 .3em .1em;
	list-style-type: disc;
}
#right div.harmaa {
	background-color: #EAEAEA; 
	padding: 0 1em 1em 1em;
}

#footer {
	background-color: #0066A4;
}
#footer ul {
        font-size: 1.6em;
        position: absolute;
        display: block;
        left: 22%; /* vasemman palstan leveys + keskipalstan vasen padding */
        padding-top: .3em;
        list-style: none;
}

#footer li {
	padding:0 .6em;
	display:block;
	float:left;
	border-right: solid 1px #fff;
}
#footer a {
	color: #fff;
}
#footer li.last {
	border: none;
} 
#main strong {
	font-weight: 700;
}
#main em {
	font-style: italic;
}
/***
 *
 * valikkosivujen navigaatiolaatikot
 *
 */

#main ul.navigation {
	margin: 0;
	font-size: .8em;
}        
#main ul.navigation li {
	display: block;
	float: left;
	margin: 0 2em 2em 0;
}
#main ul.navigation a {
	display: block;
	padding: 1em 2em 2em 2em;
	width: 16em;
	height: 16em;
	color: #000;
	text-decoration: none;
	margin: 0;
	border: 2px solid gray;
	background-color: #eaeaea;
}
#main ul.navigation a span {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	clear: both;
	height: 2.5em;
	overflow: hidden;
} 
#main ul.navigation a img {
	float: left;
	width: 160px; 
	height: 120px;
	border: 1px solid gray; 
}
#main ul.navigation a:hover {
	background-color: #ffffdd !important;
	border-color: #000;
}
#main ul.navigation a:hover img {
	border-color: #000;
}


/***
 *
 * puhuri
 *
 */
a.puhuri,
object.puhuri {
	display: block;
	width: 105px;
	height: 30px;
	float: right;
}
object.puhuri {
	visibility: visible;
}
.puhuri-highlight {
	background-color: #ff9;
	font-size: 1em !important;
}

/***
 *
 * takaisin sivun alkuun - linkki
 *
 */
a#toTop {
	background: #eaeaea url("images/scrolltotop_nuoli.png") no-repeat 16px 50%;
	top: 50px;
	cursor: pointer;
	display: none;
	position: fixed;
	width: 14%;
	padding: 1em 1em 1em 50px;
	font-size: 1.8em;
	color: #000;
	text-decoration: none;
}
a#toTop:hover {
	text-decoration: underline;
}
/***
 *
 * takaisin edelliselle sivulle - linkki
 *
 */
.sivutus a {
	background: #eaeaea;
	padding: .3em;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.sivutus a:hover {
	text-decoration: underline;
}
.sivutuslinkit {          
	margin-top:2em;
	max-width:43em;
}
div.sivutusleft {
/*      max-width:20em;*/
	float:left;
}
div.sivutusright {
	float:right;
}

#quiz ol li {
	font-size: 0.87em;
}

#quiz ol li p:first-child {
	font-weight: bold;
}

#right div.fblink {
        background-repeat: no-repeat;
        font-size: 1.1em;
        padding-top:6px;
}

#right div.fblink img {
        border: none;
        vertical-align: middle;
	padding-right:.5em;
}
/***
 *
 * Joulukalenteri
 *
 */
#main img.calendar {
	border: 2em solid #e7e7e7;
}