/* OLIO MODULAR CSS				 															*/
/*																							*/
/*																							*/
/* copyright (c) Medusaworks Oy 2008 / ML													*/
/* Portions of this document are licensed under CC-GNU LGPL <http://creativecommons.org/licenses/LGPL/2.1/> or are in Public Domain */
/*																							*/
/* General notes: _Always_ use element name if possible, do not use a class/ID alone. IE6	*/
/* and Opera inheritance is buggy as hell - so ".hmenu .menuitem .hsmenu" is baaad, m'kay?	*/

/* INITIAL STYLES																			*/

/* CSS RESETS   by Eric A. Meyer (http://meyerweb.com/), Public Domain						*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration: none;
}
:focus {
	outline: 1px dotted gray;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Assist styles */
.clrbrk {
	clear: both;
	width: 1px;
	height: 1px;
	overflow: hidden;
	text-indent: -1000em;	/* overkill hiding from all browsers; use "&nbsp;" for content */
	}



/* MAIN LAYOUT ELEMENTS	*/

html {
	width: 100%;
	height: 95%;
	}
body {
	margin: 0px;
	height: 100%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 112%;
	color: #6b6868;
	padding-top: 30px;
	}

/* LAYOUT BLOCKS */

#frame {
	position: relative;
	width: 885px;
	margin: 0px auto;
	padding: 1px 0px 0px 0px;
	font-size: 74%;
	text-align: left;
	z-index: 4;
	}
#top {
	position: relative;
	width: 845px;
	height: 355px;
	padding: 0px 20px;
	margin: 0px 0px 0px 0px;
	z-index: 100;
	}
#main {
	position: relative;
	width: 845px;
	padding: 0px 0px 0px 0px;
	margin: 10px 20px 0px 20px;
	z-index: 10;
	}
#right {
	position: absolute;
	width: 270px;
	min-height: 300px;
	_height: 300px;
	top: 0px;
	right: 0px;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	z-index: 12;
	}
#content {
	position: relative;
	width: 530px;
	min-height: 300px;
	_height: 300px;
	margin: 0px;
	padding: 10px 10px 0px 0px;
	z-index: 11;
	}
#footer {
	position: relative;
	clear: both;
	width: 845px;
	padding: 18px 10px 10px 10px;
	margin: 10px 0px 0px 10px;
	line-height: 30px;
	border-top: 2px solid #CFD0D1;
	overflow: visible;
	}

/* TOP: Internal layout */

#logoholder {
	position: absolute;
	top: 15px;
	left: 20px;
	width: 246px;
	height: 85px;
	z-index: 900;
	}
#topimg {
	position: relative;
	width: 845px;
	height: 315px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
#topedge {
	position: absolute;
	left: 0px;
	top: -11px;
	width: 885px;
	height: 10px;
	z-index: 900;
	}
#topimgoverlay {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 845px;
	height: 80px;
	z-index: 900;
	}

#navi {
	position: relative;
	width: 845x;
	height: 32px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
	border-bottom: 1px solid #bfbfbf;
	}

/* CONTENT: internals */

#textcontent {
	padding-left: 25px;
	}
body#page_1 #textcontent {
	padding-left: 0px;
	}

/* FOOTER: internals */

#contactinfo2 {
	width: 280px;
	padding: 42px 0px 0px 22px; 
	margin: 0px 0px 0px 0px;
	background: url(./imgs/km-footerlogo.gif) no-repeat 22px 4px;
	}
#contactinfo2 p {
	padding-top: 42px;
	}
#contactinfo2 h4 {
	display: none;
	}
#footernotice {
	padding-top: 46px;
	margin-left: 360px;
	}
#footerbottom {
	position: absolute;
	left: -20px;
	bottom: -15px;
	width: 885px;
	height: 15px;
	z-index: 900;
	}

/* EXTENDERS: Right */

#rightext-holder {
	position: absolute;
	width: 432px;
	height: 100px;
	left: 50%;
	top: 0;
	margin: 0px auto;
	padding: 1px 0px 0px 0px;
	font-size: 62%;
	text-align: left;
	z-index: 1;
	}
#rightext {
	position: relative;
	top: 220px;
	left: 432px;
	width: 75px;
	z-index: 1;
	}






/* MENU ELEMENTS																			*/

/* Home and group links */

#yklink {
	float: right;
	width: 290px;
	height: 100px;
	background: url(./imgs/yklogo-br.gif) no-repeat bottom right;
	#margin-bottom: -20px;
	}
/*#omlink {
	float: right;
	width: 204px;
	height: 61px;
	background: url(./imgs/omlogo-br.gif) no-repeat bottom right;
	}*/
#omlink {
	position: absolute;
	bottom: 26px;
	right: 32px;
	z-index: 990;
	width: 170px;
	height: 23px;
	background: url(./imgs/omlogo.gif) no-repeat bottom right;
	}
	
@media screen and (-webkit-min-device-pixel-ratio:0){
#yklink {
	margin-bottom: -20px;
	}
}
#logowrap {
	display: block;
	width: 246px;
	height: 85px;
	background: url(./imgs/logo.png) no-repeat;
	_background: none;
	}
#logoholder a, #yklink a, #omlink a  {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	}
#logoholder a span, #yklink a span, #omlink a span {
	display: none;
	}

/* Horizontal menu */

ul#menu {
	width: 840px;
	height: 26px;
	}
ul#menu li {
	display: block;
	_display: inline;
	float: left;
	height: 26px;
	}
ul#menu ul {
	display: none;
	}
ul#menu li.menupath {
	text-align: center;
	}
ul#menu li.menupath ul {	/* show submenu */
	display: block;
	position: absolute;
	top: 42px;
	left: 0;
	right: 0;
	margin: 0px auto;
	_margin: 0px;
	text-align: center;
	width: auto;
	_width: 655px;
	}
ul#menu ul li {
	}
ul#menu ul li:first-child {
	}

/* Horizontal menu: links */
ul#menu a {
	display: block;
	height: 100%;
	line-height: 26px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
	color: #000000;
	
	}

ul#menu li#nav_11 a {
	width: 100px;	
	background: url(./imgs/menu-complete.gif) no-repeat 0px 0px;
	height: 26px; /*MiLo for IE 8 */
	}
ul#menu li#nav_13 a {
	width: 50px;	
	background: url(./imgs/menu-complete.gif) no-repeat -100px 0px;
	}
ul#menu li#nav_14 a {
	width: 120px;	
	background: url(./imgs/menu-complete.gif) no-repeat -150px 0px;
	}
ul#menu li#nav_12 a {
	width: 120px;	
	background: url(./imgs/menu-complete.gif) no-repeat -270px 0px;
	}
ul#menu li#nav_17 a {
	width: 100px;	
	background: url(./imgs/menu-complete.gif) no-repeat -390px 0px;
	}

ul#menu li#nav_11 a:hover {
	background: url(./imgs/menu-complete.gif) no-repeat 0px -60px;
	}
ul#menu li#nav_13 a:hover {
	background: url(./imgs/menu-complete.gif) no-repeat -100px -60px;
	}
ul#menu li#nav_14 a:hover {
	background: url(./imgs/menu-complete.gif) no-repeat -150px -60px;
	}
ul#menu li#nav_12 a:hover {
	background: url(./imgs/menu-complete.gif) no-repeat -270px -60px;
	}
ul#menu li#nav_17 a:hover {
	background: url(./imgs/menu-complete.gif) no-repeat -390px -60px;
	}

ul#menu li#nav_11 a.menupathlink {
	background: url(./imgs/menu-complete.gif) no-repeat 0px -30px;
	}
ul#menu li#nav_13 a.menupathlink {
	background: url(./imgs/menu-complete.gif) no-repeat -100px -30px;
	}
ul#menu li#nav_14 a.menupathlink {
	background: url(./imgs/menu-complete.gif) no-repeat -150px -30px;
	}
ul#menu li#nav_12 a.menupathlink {
	background: url(./imgs/menu-complete.gif) no-repeat -270px -30px;
	}
ul#menu li#nav_17 a.menupathlink {
	background: url(./imgs/menu-complete.gif) no-repeat -390px -30px;
	}

ul#menu a span {
	display: none;
	}

/* Time and date */
#navi #date {
	position: absolute;
	top: 0;
	right: 0px;
	text-align: right;
	font-size: 0.8em;
	color: #bfbfbf;
	}

/* BANNER AREAS 																			*/

.bannerspace a.bannerlink, .bannerspace-h a.bannerlink {
	display: block;
	overflow: hidden;
	margin: 0px auto 6px auto;
	}
.bannerspace-grid a.bannerlink {
	display: block;
	overflow: hidden;
	float: left;
	margin-left: 5px;
	}

/* BANNER SIZES: some default classes */
/* Use either short name or banner[width] */

a.ldrboard, .banner728 {		/* leaderboard */
	width: 728px;
	height: 90px;
	}
a.fullbnr, .banner468 {		/* Full banner */
	width: 468px;
	height: 60px;
	}
a.halfbnr, .banner234 {		/* Half banner */
	width: 234px;
	height: 60px;
	}
a.microbar, .banner88 {		/* Micro bar */
	width: 88px;
	height: 31px;
	}
a.lrgrect, .banner336 {		/* Large rectangle */
	width: 336px;
	height: 280px;
	}
a.rectbnr, .banner180 {		/* Rectangle */
	width: 180px;
	height: 150px;
	}
a.sqrbtn, .banner125 {		/* Square button */
	width: 125px;
	height: 125px;
	}
a.skyscrp, .banner120 {		/* Skyscraper */
	width: 120px;
	height: 600px;
	}
a.wskyscrp, .banner160 a {		/* Wide skyscreaper */
	width: 160px;
	height: 600px;
	}

/* Insert custom banners sizes here */



/* CUSTOM THEME OVERRIDES														*/

/* LAYOUT */

/* append image paths /themes/sanakunta09 */

body {
	background: #e5e6e7 url(./themes/kynamies09/imgs/body-bk.gif) repeat-x;
	}
#frame {
	background: url(./themes/kynamies09/imgs/frame-bk.png) repeat-y;
	}
#topedge {
	background: url(./themes/kynamies09/imgs/top-bk.png) no-repeat;
	}
#topimgoverlay {
	background: url(./themes/kynamies09/imgs/topimg-bk.png) repeat-x bottom left;
	}
#main {
	}
#right {
	}
	
#footer {
	min-height: 150px;
	padding: 10px;
}
#contactinfo {
	float: left;
	width: 280px;
	padding: 10px 0px 0px 42px;
	}

#contactinfo2 {
	width: 280px;
	padding: 4px 0px 0px 24px;
}

#footerbottom {
	background: url(./themes/kynamies09/imgs/footer-bk.png) no-repeat;
	}
	
	#footernotice {
	width: 280px;
	padding-top: 36px;
	margin-left: 610px;
	}

#footernotice2 {
	width: 280px;
	padding: 22px 0px 14px 24px;
	
	}

#footerbottom {
	display: none;
	}


/* CONTENT STYLING																			*/

/* TOP */
#topimg p {
	margin: 0px;
	padding: 0px;
	}
#topquotebox p {
	color: #000000;
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 5px 10px;
	}
#topquotebox p i {
	display: block;
	text-align: right;
	}

/* CONTENT */
/* common element definitions */

#content h2 {
	display: block;
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: normal;
	margin: 0px;
	color:#f03fa8;
	}
#content h2 a {
	display: block;
	color:#f03fa8;
	padding: 0px 0px 0px 25px;
	background: url(./themes/kynamies09/imgs/h2-a-bk.gif) no-repeat 0px 2px;
	}
#content h2 a:hover {
	color:#000000;
	background: url(./themes/kynamies09/imgs/h2-a-bk.gif) no-repeat 0px -118px;
	}
#content h3 {
	display: block;
	font-size: 1.3em;
	font-weight:bold;
	}
#content h4 {
	display: block;
	clear: both;
	font-size: 1.2em;
	line-height: 24px;
	font-weight: bold;
	margin: 8px 0px 6px 25px;
	color: #464040;
	}
#content h5 {	
	display: block;
	clear: both;
	width: 320px;
	line-height: 14px;
	height: 14px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color: #2B1D0F;
	}
#content p {
	margin: 6px 0px 6px 0px;
	font-size: 1.0em;
	line-height: 16px;
	}
#content p.small {
	font-size: 0.8em;
	line-height: 14px;
}
#content p.xsmall {
	font-size: 0.6em;
	line-height: 12px;
}
#content b, #content strong {
 	font-weight: bold;
	}
#content i, #content em {
	font-style: italic;
	}
#content p a {
	color: #f03fa8;
	/* text-decoration: underline; */
	}
#content p a:hover {
	color: #000000;
	}
#content p.box {
	margin-left: 24px;
	}
#content ul {
	display: block;
	margin: 6px 0px 6px 6px;
	line-height: 14px;
	list-style: disc;
	}
#content ol {
	display: block;
	margin: 6px 0px 6px 6px;
	line-height: 14px;
	list-style: decimal;
	}
#content li {
	margin-left: 12px;
	}
#content p img {
	clear: both
	}
#content img.left {
	margin-right: 8px;
	}

/* CONTENT: custom defs */
#content .fpcontentitem {
	clear: both;
	border-top: 1px solid #eeebeb;
	padding: 4px 0px 12px 0px;
	}
#content .fpcontentitem:first-child {
	border-top: none;
	}
#content .ingressi p, #content p.ingressi {
	padding: 6px 0px;
	font-size: 1.1em;
	color: #464040;
	border-bottom: 1px solid #eeebeb;
	}
#content .fpcontentimg {
	display: block;
	float: right;
	clear: right;
	width: auto;
	margin: 6px 0px 6px 12px;
	}
#content .contentimg-right {
	display: block;
	float: right;
	clear: right;
	width: auto;
	margin-left: 6px 0px 6px 12px;
	}
#content .contentimg-left {
	display: block;
	float: left;
	clear: left;
	width: auto;
	margin: 6px 12px 6px 22px;
	}
#content .fpcontentitem p {
	margin: 6px 0px 0px 25px;
	font-size: 1.0em;
	line-height: 16px;
	}
#content p .postdate {
	margin: 0px 16px 4px 0px;
	font-size: 0.9em;
	}
#content p .postauthor {
	font-weight: bold;
	color: #1b211a;
	font-size: 0.9em;
	}

/* Content News and Magazines /// MiLo */
#content .magazine .magitem, #content .news .newslistitem {
	display: block;
	height: auto;
	width: auto;
	clear: both;
	}
.arkistolinkki {
	padding-top: 10px;
}	
.arkistolinkki a{
	display: block;
	color:#f03fa8;
	padding: 0px 0px 0px 25px;
	font-size: 1.6em;
	line-height: 1.8em;
	background: url(./themes/kynamies09/imgs/h2-a-bk.gif) no-repeat 0px 7px;
}
.arkistolinkki a:hover{
	color:#000000;
	background: url(./themes/kynamies09/imgs/h2-a-bk.gif) no-repeat 0px -113px;
}
ul#listaa {
	list-style-type: none;
}
#page_20 #content h1 {
	display: block;
	color:#f03fa8;
	padding: 0px 0px 0px 25px;
	font-size: 1.8em;
}
ul#listaa li a.year {
	display: block;
	color:#f03fa8;
	padding: 0px 0px 0px 25px;
	font-size: 1.2em;
}

/* RIGHT COLUMN: Gallery */

#gallery {
	padding-bottom: 22px;
	line-height: 16px;
	}
#gallery a {
	width: 100%; 
	}
.galleryimg {
	margin-bottom: 6px;
	}
#gallery h2 {
	clear: right;
	margin: 6px 0px 6px 0px;
	padding-left: 0px;
	font-size: 1.6em;
	line-height: 24px;
	}
#gallery .postdate {
	margin-left: 35px;
	}
#gallery p.ingress {
	margin: 6px 0px 6px 0px;
	padding-left: 35px;
	font-size: 1.0em;
	line-height: 16px;
	background: url(./themes/kynamies09/imgs/blogpostitem-bk.gif) no-repeat 0px 4px;
	}

/* RIGHT COLUMN: Blogs & news */
#rightcontent h3 {
	margin: 0px 0px 16px 0px;
	font-size: 1.8em;
	
	line-height: 24px;
	color:#f03fa8;
}

#rightcontent .blogpostitem, #rightcontent .fpcontentitem {
	clear: right;
	padding: 4px 0px 12px 0px;
	border-top: 1px solid #eeebeb;
	}
#rightcontent .blogpostimg, #rightcontent .fpcontentimg {
	margin-left: 0px;
	}
#rightcontent .blogpostitem .authorimg, #rightcontent .fpcontentitem .authorimg {
	float: right;
	margin: 8px 0px 0px 6px;
	}
#rightcontent .blogpostitem h2 {
	margin: 6px 0px 6px 0px;
	padding-left: 35px;
	font-size: 1.0em;
	line-height: 16px;
	background: url(./themes/kynamies09/imgs/blogpostitem-bk.gif) no-repeat 0px 4px;
	}
#rightcontent .fpcontentitem {
	/* More margin for top*/
	margin-top: 12px;
}

/* CONTENT: article listing/archive */

#archive ul {
	list-style: none;
	margin: 0px;
	}
#archive li {
	list-style: none;
	line-height: 14px;
	margin: 8px 0px 0px 0px;
	}
#archive li .postdate {
	margin: 0px 8px 0px 0px;
	}
#archive li .postauthor {
	color: #1b211a;
	}
#archive li a {
	display: block;
	padding-left: 18px;
	background: url(./themes/kynamies09/imgs/artlist-a-bk.gif) no-repeat 0px 4px;
	}

#rightcontent #archive h2, #rightcontent .news h2 {
	display: block;
	font-size: 1.2em;
	line-height: 24px;
	font-weight: bold;
	margin: 1px 0px 6px 0px;
	color: #464040;
	border-bottom: 1px solid #eeebeb;
	}
#rightcontent .blogpostitem h2 a, #rightcontent #gallery h2 a, #archive li a, #rightcontent .openpositem h2 a, #rightcontent .news h2 a {
	color: #6b6868;
	}
#rightcontent .blogpostitem h2 a:hover, #rightcontent #gallery h2 a:hover, #archive li a:hover, #rightcontent .openpositem h2 a:hover, #rightcontent .news h2 a:hover {
	color: #f03fa8;
	}
.postauthor {
	font-weight: bold;
	color: #1b211a;
	}
.postdate {
	margin: 0px 8px 0px 0px;
	color: #c9c4ca;
	}

/* CONTENT: job application form */

form fieldset {
	margin-bottom: 12px;}
form legend {
	display: block;
	clear: both;
	font-size: 1.2em;
	font-weight: bold;
	margin: 8px 0px 4px 25px;
	color: #464040;
	}
form label {
	float: left;
	clear: left;
	width: 100px;
	height: 18px;
	line-height: 18px;
	}
form label.shortfields {
	clear: none;
	}
form input {
	display: block;
	margin: 0px 4px 4px 0px;
	height: 18px;
	padding: 0px;
	}
form th {
	padding-bottom: 4px;
	font-weight: bold;
	}
form td {
	vertical-align: top;
	}
form td input {
	display: inline;
	}
form td.timecell {
	width: 120px;
	white-space: nowrap;
	}
form input.month {
	width: 20px;
	}
form input.year {
	width: 35px;
	}
form td.jobdesclbl {
	text-align: right;
	font-weight: bold;
	padding: 4px 4px 0px 0px;
	}
form textarea.jobdesc {
	width: 350px;
	margin-bottom: 4px;
	}
form textarea.moreinfo {
	display: block;
	width: 350px;
	height: 80px;
	margin-left: 170px;
	}
form input#submitbtn {
	padding: 0px 8px;
	height: 20px;
	margin-left: 160px;
	}

/* RIGHT: open positions */

#rightcontent .openpositem {
	clear: right;
	padding: 4px 0px 12px 0px;
	border-top: 1px solid #eeebeb;
	}
#rightcontent .openpositem h2 {
	margin: 6px 0px 6px 0px;
	padding-left: 0px;
	font-size: 1.1em;
	line-height: 16px;
	}
#rightcontent .openpositem h2 .openpostitle {
	font-size: 1.3em;
	font-weight: bold;
	color: #F03FA8;
	}

/* FOOTER */



#footer h4 {
	font-size: 1.1em;
	text-transform: uppercase;
	color: #4fb848;
	height: 26px;
	margin: 0px;
	}

#footer p {
	margin: 0px 0px 0px 0px;
	line-height: 16px;
	font-size: 0.9em;
	}

#contactinfo, #contactinfo2, #footernotice, #footernotice2 {
	color: #868686;
	}

a#google_maps {
		color: #f03fa8;
		font-size:1.1em;
}
a#google_maps:hover {
	color: #800080;
	}

a#medusa {
	color: #868686;
	padding-right: 32px;
	background: url(./imgs/medusa_tiny_black.gif) no-repeat top right;
	}

a#medusa:hover {
	color: #800080;
	}


/* EXTENDERS: right */

#rightext a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	z-index: 1;
	}
#rightext p, #rightext img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
#rightext .rext-link {
	_display: none;	/* Alternate content for IE6 */
	}