/* 
---------------------------------------------------
CSS 

version:	1.2
author:		Sami Voutilainen
email:		sami.voutilainen at iki.fi
website:	www.samivoutilainen.net
---------------------------------------------------
*/

/* ----- RESET DEFAULT BROWSER STYLES ----- */
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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1.5em;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}

q:before, q:after, blockquote:before, blockquote:after {content: "";}

p {text-indent:0;}

/* ----- LAYOUT (GRID SYSTEM) ----- */

body {
	background:#fff;
	margin:0;
	padding:0;	
	color: #333;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif; 
	font-style:normal;
	font-weight:normal;
	text-align: center;	
}

html>body {font-size: 12px; /* For everyone except IE ... */}
.Container,.Container16 {margin:0;margin-top:20px;overflow:hidden;width:100%;font-size:1em;line-height:1.5em;}

.Container.First,.Container16.First {margin-top:0;}
.Container:after,.Container16:after {content: ".";display:block;height:0;clear:both;visibility:hidden;} 

.Col1,.Col2,.Col3,.Col4,.Col5,.Col6,.Col7,.Col8,.Col9,.Col10,.Col11,.Col12,.Col13,.Col14,.Col15,.Col16 {float:left;overflow:hidden;display:inline;margin:0 10px 0 10px;position:relative;}



.Container .Col1 {width:60px}
.Container .Col2 {width:140px}
.Container .Col3 {width:220px}
.Container .Col4 {width:300px}
.Container .Col5 {width:380px}
.Container .Col6 {width:460px}
.Container .Col7 {width:540px}
.Container .Col8 {width:620px}
.Container .Col9 {width:700px}
.Container .Col10 {width:780px}
.Container .Col11 {width:860px}
.Container .Col12 {width:940px}

/* 
.Container .Col1 {width:80px}
.Container .Col2 {width:160px}
.Container .Col3 {width:240px}
.Container .Col4 {width:320px}
.Container .Col5 {width:300px}
.Container .Col6 {width:480px}
.Container .Col7 {width:560px}
.Container .Col8 {width:640px}
.Container .Col9 {width:720px}
.Container .Col10 {width:800px}
.Container .Col11 {width:880px}
.Container .Col12 {width:960px}
*/

.Container .Col1.FullWidth {width:80px}
.Container .Col2.FullWidth {width:160px}
.Container .Col3.FullWidth {width:240px}
.Container .Col4.FullWidth {width:320px}
.Container .Col5.FullWidth {width:300px}
.Container .Col6.FullWidth {width:480px}
.Container .Col7.FullWidth {width:560px}
.Container .Col8.FullWidth {width:640px}
.Container .Col9.FullWidth {width:720px}
.Container .Col10.FullWidth {width:800px}
.Container .Col11.FullWidth {width:880px}
.Container .Col12.FullWidth {width:960px}

.Container16 .Col1 {width:40px}
.Container16 .Col2 {width:100px}
.Container16 .Col3 {width:160px}
.Container16 .Col4 {width:220px}
.Container16 .Col5 {width:280px}
.Container16 .Col6 {width:340px}
.Container16 .Col7 {width:400px}
.Container16 .Col8 {width:460px}
.Container16 .Col9 {width:520px}
.Container16 .Col10 {width:580px}
.Container16 .Col11 {width:640px}
.Container16 .Col12 {width:700px}
.Container16 .Col13 {width:760px}
.Container16 .Col14 {width:820px}
.Container16 .Col15 {width:880px}
.Container16 .Col16 {width:940px}

.Container16 .Col1.FullWidth {width:60px}
.Container16 .Col2.FullWidth {width:120px}
.Container16 .Col3.FullWidth {width:180px}
.Container16 .Col4.FullWidth {width:240px}
.Container16 .Col5.FullWidth {width:300px}
.Container16 .Col6.FullWidth {width:360px}
.Container16 .Col7.FullWidth {width:420px}
.Container16 .Col8.FullWidth {width:480px}
.Container16 .Col9.FullWidth {width:540px}
.Container16 .Col10.FullWidth {width:600px}
.Container16 .Col11.FullWidth {width:660px}
.Container16 .Col12.FullWidth {width:720px}
.Container16 .Col13.FullWidth {width:780px}
.Container16 .Col14.FullWidth {width:840px}
.Container16 .Col15.FullWidth {width:900px}
.Container16 .Col16.FullWidth {width:960px}

.FullWidth {margin:0;}
.MarginTop {margin-top:18px;}

.Inside .First {margin-top:0em;}

.Border6 {background:url('hr_dotted.png') repeat-y 480px 0}
.Border64 {background:url('line_dotted_64.png') repeat-y}

/* ----- PADDING ----- */

.Padding {margin-left:10px;margin-right:10px;} 
.PaddingRight {margin-right:10px;} 
.PaddingLeft {margin-left:10px;} 
.PaddingDouble {margin-left:20px;margin-right:20px;} 
.PaddingTriple {margin-left:30px;margin-right:30px;}

/* ----- BORDERS ----- */

div.BorderLeft {border-left:1px dotted #ccc;}
div.BorderBoth {border-right:1px dotted #ccc;border-left:1px dotted #ccc;}

.Border93 {background:#aaa}

/* ----- BUGFIXES ----- */

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html>body .clearfix {display: inline;width: 100%;}
* html .clearfix {height: 1%;}	




body {background:#fff url("salla/bg_liuku_bottom.png") repeat-x center bottom;}

.Background {background:transparent url("salla/bg_liuku.png") repeat-x center top;padding-top:20px;}


.Wrapper {	
	margin:0px auto 20px auto;
	text-align:left;
	width:994px;
	border:1px solid #ccc;
	-moz-border-radius:3px
}

.Borders {margin:8px;border:4px double #ccc;/*padding:1.3em;*/}

.BorderOuter {margin:10px;border:3px solid #ccc;-moz-border-radius:3px}
.BorderInner {border:1px solid #ddd;margin:3px;-moz-border-radius:2px}

.Border943 {background:url("bg_dotted_16x_943.png") repeat-y}

.Grad {background:url("bg_grad_18px.png") no-repeat;padding-top:18px;}
.Grad2 {background:url("bg_grad_36px.png") no-repeat;padding-top:18px;}

.Grad.NoMargin {margin-top:-9px !important;}

.Grad2.NoMargin {margin-top:-18px !important;}

.Photo {overflow:hidden;padding:0;margin:0 0 20px 0;border:0;line-height:0;position:relative;}

.ArrowTopLeft {background:transparent url(arrow_top_left.gif) no-repeat;text-indent:15px;}
.ArrowLeft {background:transparent url(arrow_left.gif) no-repeat;text-indent:15px;}
.ArrowBottomLeft {background:transparent url(arrow_bottom_left.gif) no-repeat;text-indent:15px;}

.Photo.NoMargin {margin-top:0 !important;position:relative;}

.Photo.Border {overflow:hidden;padding:0;margin:0;border:0;height:auto;line-height:0;background:#ccc;-moz-border-radius:3px;margin-bottom:18px;}
.Photo.Border img {overflow:hidden;border:0;margin:1px;padding:1px;background:#fff;-moz-border-radius:2px}

.Photo.Borders {overflow:hidden;padding:0;margin:0;border:0;height:auto;line-height:0;background:#ccc;-moz-border-radius:3px}
.Photo.Borders img {overflow:hidden;border:0;margin:1px;padding:4px;background:#fff;-moz-border-radius:2px}

.Description {
	margin:-0.8177em 0 0.8177em 0;
	color:#666;
	font-size:0.9166em;
	line-height:1.6363em;
	font-style: italic;
}

.Description.Inside {margin-top:-3em;right:0;width:50%;background:#fff;padding:1em 0em 0em 1em;margin:0;}

.Navigation {height:150px;width:960px;background:transparent url("salla/header_default.png") no-repeat;border-bottom:4px double #ddd;}
.Navigation ul {list-style-type:none;margin:0;padding:0;margin-top:0px;float:right;border-top:1px solid #ddd;}
.Navigation li {float:left;}
.Navigation li a {padding:5px 10px 5px 10px;text-decoration:none;border-left:1px solid #ddd;font-size:18px;border-bottom:1px solid #ddd;background:#f5f5f5;}
.Navigation li a:hover {background:#f5f5f5;}


.Boxed {border:1px solid #DDDDDD;-moz-border-radius:3px;border-radius:3px;margin-top:10px;}
.Boxed h3 {margin-top:0;background:#F5F5F5 none repeat scroll 0 0;color:#666666;text-transform:uppercase;font-size:1em;font-weight:normal;line-height:1.5em;margin:1px;padding:5px 5px 5px 10px;}
.Boxed ul,.Boxed.Filled ul,.Boxed ol,.Boxed.Filled ol  {margin:0;padding:0;list-style:none;}
.Boxed li {margin:0;padding:0;border-bottom:1px dotted #ddd;}
.Boxed li a {padding:5px 10px 5px 10px;display:block;text-decoration:none;}
.Boxed li a:hover {text-decoration:underline;background:#f5f5f5;}
.Boxed.Comments li a {background:transparent url("icon_comments.png") no-repeat 10px 6px;padding-left:32px;}
.Boxed.News li a {background:transparent url("icon_news2.png") no-repeat 5px 5px;padding-left:25px;}
.Boxed.Blogs h3 {background:#f5f5f5 url("icon_personal.png") no-repeat 5px right;padding-right:20px;}

.Boxed.Filled {background:transparent url("salla/bg_liuku.png") repeat-x center top;border:1px solid #b2c9d0;}
.Boxed.Filled li {margin:0;padding:0;border-bottom:1px dotted #88a8b2;}
.Boxed.Filled h3 {background:#88a8b2;color:#fff;}

.Mielipiteet li {padding-right:20px;padding-bottom:20px;}
.Mielipiteet h2 {font-size:1.3333em;line-height:1.125em;margin:1.6875em 0 0.5625em 0;font-weight:normal;}

/* ----- TYPOGRAPHY ----- */

/* 

default fontsize: 12px (/12 = 1em)
line-height: 18px (/12 = 1.5em)
margin-top: 27 px (/12 = 2.25em)
margin-bottom: 9px (/12 = 0.75em)
double-line: 36px

10 px = font-size:0.8333em;line-height:1.8em;margin:2.7em 0 0.9em 0;
11 px = font-size:0.9166em;line-height:1.6363em;margin:2.454em 0 0.8177em 0; 
12 px = font-size:1em;line-height:1.5em;margin:2.25em 0 0.75em 0;
13 px = font-size:1.0833em;line-height:1.3846em;margin:2.0769em 0 0.6923em 0;
14 px = font-size:1.1666em;line-height:1.2857em;margin:1,9286em 0 0.6429em 0;
16 px = font-size:1.3333em;line-height:1.125em;margin:1.6875em 0 0.5625em 0;
17 px = font-size:1.4167em;line-height:1.0588em;margin:1.5882em 0 0 0.5294em;
18 px = font-size:1.5em;line-height:1em;margin:1.5em 0 .5em 0;
20 px = font-size:1.6667em;line-height:0.9em;margin:1.35em 0 0.45em 0;
22 px = font-size:1.8333em;line-height:0.8182em;margin:1.2273em 0 0.4091em 0;
24 px = font-size:2em;line-height:0.75em;margin:1.125em 0 0.375em 0;
26 px = font-size:2.1667em;line-height:0.6923em;margin:1.0385em 0 0.3462em 0;
28 px = font-size:2.3333em;line-height:0.6429em;margin:0.9643em 0 0.3214em 0;
30 px = font-size:2.5em;line-height:0.6em;margin:0.9em 0 0.3em 0;
32 px = font-size:2.6667em;line-height:0.5625em;margin:0.8438em 0 0.2813em 0;
34 px = font-size:2.8333em;line-height:0.5294em;margin:0.7941em 0 0.2647em 0;
36 px = font-size:3em;line-height:0.5em;margin:0.75em 0 0.25em 0;
42 px = font-size:3.5em;line-height:0.4286em;margin:0.6429em 0 0.2143em 0;
48 px = font-size:4em;line-height:0.375em;margin:0.5625em 0 0.1875em 0;
54 px = font-size:4.5em;line-height:0.333em;}

blue: #0c3d91
#082966
#C5D9FF
#8AB3FF

blue pastel: #5877B1
#405680
#CFD7E6
#3062BF

green: #018140
#015A2C
#C0FFDE
#80FFBE

green pastel: #51A379
#40805F
#CFE6DA
#30BF76

*/


p {font-size:1em;line-height:1.5em;margin:0 0 1.5em 0;display:block;}

.Small {font-size:0.9166em;line-height:1.6363em;margin:0 0 1.6363em 0;}

strong {font-weight:bold;}
acronym, abr {cursor:help;border-bottom:1px dotted #888;}

body {font-family: Arial, Helvetica, sans-serif;}

a {color:#333;}
.MainContent a {color:#1d79bf}


h1 {font-size:3em;line-height:1em;margin:0.75em 0 0.25em 0;font-weight:normal;font-family:"Arial","Helvetica","Tahoma","Geneva","Verdana",sans-serif;color:#246495;}

/* h1 {font-size:2em;line-height:1.5em;margin:1.125em 0 0.375em 0;font-weight:normal;} */

/* h1 {font-size:2em;line-height:0.75em;margin:1.125em 0 0.375em 0;font-weight:bold;} */


h2 {font-size:1.5em;line-height:1em;margin:1.5em 0 .5em 0;font-weight:bold;}
h3 {font-size:1.3333em;line-height:1.125em;margin:1.6875em 0 0.5625em 0;font-weight:bold;}

h4 {font-size:1.1666em;line-height:1.2857em;margin:1.9285em 0 0.6428em 0;font-weight:normal;}
h4,h5,h6 {font-size:1em;line-height:1.5em;margin:2.25em 0 0.75em 0;font-weight:bold;}

h1,h2,h3,h4,h5,h6 {font-family:Georgia, "Times New Roman", Times, serif;}

.NoMargin {margin:0;}
.TopMargin {margin-top:1.5em;}

h1.First {margin:0 0 0.75em 0;}
h2.First {margin:0 0 1.125em 0;}
h3.First {margin:0.5625em 0 0.5625em 0;}
h4.First {margin:0 0 1.5em 0;}


.MainContent p {font-size:15px;line-height:22.5px;margin-bottom:22.5px;font-family:Georgia, "Times New Roman", Times, serif;color:#000}
.MainContent ul,ol {font-size:15px;line-height:22.5px;margin-bottom:22.5px;font-family:Georgia, "Times New Roman", Times, serif;}

.MainContent li {margin-bottom:22.5px;}

p.Ingress {
	font-size:1.4167em;
	line-height:1.0588em;
	margin:1.0588em 0 1.5882em 0;
	color:#777;
	font-family:"Georgia", "Palatino Linotype", "Book Antiqua", "Palatino", "Times New Roman", "Times", serif;
	font-style: italic;
}


div.Gutter.Padding.BorderRight {padding-right:2.25em;}
div.Gutter.BorderLeft {border-left:.1em solid #888;padding-left:0.75em;margin-left:0.74em;}
div.Gutter.Padding.BorderLeft {padding-left:2.25em;}

h2.Border {background:url("hr_3px.png") repeat-x left top;padding-top:0.5625em;margin-top:0em;border:0;}
h3.Border {background:url("hr_2px.png") repeat-x left top;padding-top:0.6428em;margin-top:0em;border:0;}
h4.Border {background:url("hr.png") repeat-x left top;padding-top:0.75em;margin-top:0em;border:0;}

h3.Dark {background:#666;color:#fff;margin:0em 0 1.2857em 0;padding-top:0.6428em;padding-bottom:0.6428em;display:block;}
.Padding h3.Dark {margin-left:-1.2857em;margin-right:-1.2857em;padding-left:1.2857em;padding-right:1.2857em}


.small {font-size:0.8333em;line-height:1.8em;}

ul {list-style-type:square;margin:1.5em 0 1.5em 1.5em;}
ol {list-style-type:decimal;margin:1.5em 0 1.5em 0;padding-left:3em;}

ol.noPadding li {padding-bottom:0;margin-bottom:0;}
ol.noPadding li a {text-decoration:none;border-bottom:1px solid #ccc;}
ol.noPadding li a:hover {text-decoration:none;border-bottom:1px solid #ccc;background:#f5f5f5;}

/* big 
dt {float:left;width:1.5em;text-align:right;font-size:2.5em;margin-top:-.15em;font-weight:bold;}
dd {margin-bottom:1.5em;padding-left:5em;}
*/

/*
dt {float:left;width:5em;text-align:left;font-weight:bold;margin-bottom:1.5em;}
dd {margin-bottom:1.5em;margin-left:6em;}
*/

dl.Table {border:1px solid #ccc;background:#f5f5f5;font-size:0.9166em;line-height:1.6363em;margin-bottom:1.5em;}
dl.Table dt {font-weight:bold;background:#e0e0e0;padding:0 1em 0 1em;}
dl.Table dd {margin-bottom:1.6363em;padding:0 1em 0 1em;}

dl.Classic {}
dl.Classic dt {font-weight:bold;}
dl.Classic dd {margin-bottom:1.5em;}

hr {display:none;}

div.Hr {height:1.5em;background:url("hr.png") repeat-x left top;}
div.Hr2 {height:1.5em;background:url("hr_2px.png") repeat-x left top;}
div.Hr3 {height:1.5em;background:url("hr_3px.png") repeat-x left top;}
div.Double {height:1.5em;background:url("hr_double.png") repeat-x left top;}
div.ThickThin {height:1.5em;background:url("hr_thickthin.png") repeat-x left top;}
div.ThinThick {height:1.5em;background:url("hr_thinthick.png") repeat-x left top;}
div.Hr.Dotted {background:url("hr_dotted.png") repeat-x left top;}

.Caps {text-transform: uppercase;}

.SmallCaps {font-variant: small-caps;line-height:18px;}

.DropCap2 {
	display:block;
	float:left;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:3em;
	line-height:0.5em;
	font-weight:bold;
	letter-spacing:0pt;
	line-height:1em;
	margin-right:6px;
	text-align:left;
	vertical-align:baseline;
	word-spacing:0em;
}
.DropCap2.Filled {background:#f5f5f5;color:#333;padding-left:.25em;padding-right:.25em;border:1px dotted #ccc;margin:-1px 5px -1px 0px;}



.DropCap3 {
	display:block;
	float:left;
 	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:68px;
    line-height:66px; 
	font-weight:normal;
	letter-spacing:0pt;	
	text-align:left;
/*	vertical-align:baseline; */
	word-spacing:0em;
/* 	background:#ccc; */
	padding-right:4px;
}


.DropCap3.Filled {background:#f5f5f5;color:#444;padding-left:.15em;padding-right:.15em;border:1px solid #ddd;margin:-1px 5px -1px 0px;-moz-border-radius:3px}


/* .SmallCaps {font-variant: small-caps;font-weight:bold;color:red;}*/

.SmallCaps {
	text-transform: uppercase;color:red;font-weight:bold;font-size:0.8571em;
}

blockquote {font-size:1.3333em;line-height:1.125em;margin:0 0 1.125em 0;color:red;padding:0;font-family:"Georgia","Palatino Linotype","Book Antiqua","Palatino","Times New Roman","Times",serif}

blockquote.Border {background:url("hr_dotted.png") repeat-x left top;margin:0 0 1em 0;padding-top:1.5em;}

blockquote p {background:url("quote.png") no-repeat left top;padding:0 0 0 38px;/*font-size:1.3333em;line-height:1.125em;margin-bottom:1.125em;*/}

cite {text-align:right;display:block;margin-bottom:1.5em;color:#888;}
cite.Border {background:url("hr_dotted.png") repeat-x left bottom;padding-bottom:1.5em;}



.Highlight {background:#333;color:#fff;padding-left:12px;padding-right:8x;margin-left:-12px;}


/*
margin:2.454em 0 0.8177em; 
*/

/*
.Boxed {padding:1.5em;background:#e5e5e5;}
.Boxed.Border {border:.1em solid #ccc;padding:1.4em;}
*/

.BoxGrey {background:#e5e5e5;}

#Header {text-align:center;display:block;width:100%;}
#Header h4 {font-weight:normal;}
#Header h1,#Header h2,#Header h3,#Header h4 {margin:0;text-align:center;}


#Navigation {}
#Navigation a {text-decoration:none;width:100%;display:block;padding-left:0.5em;text-transform: uppercase;margin-left:-0.5em;margin-right:-0.5em;border-top:1px solid #ccc;padding-top:.25em;padding-bottom:.25em}

.Desc {font-size:0.7em;line-height:1.5em;/*margin:2.25em 0 0.75em 0;*/display:block;text-transform:none}

#Navigation a:hover {background:#f0f0f0;}
#Navigation .Col3 {overflow: visible;}
#Navigation .Gutter {padding-right:0;}
#Navigation a.Selected {background:#eee;}

#Content {margin-top:.68em;}

#Ansioluettelo {width:100%;margin:0;padding:0;}
#Ansioluettelo .pvm {}
#Ansioluettelo .tehtava {}
#Ansioluettelo td {padding-right:1.5em;}
#Ansioluettelo h3 {}
#Ansioluettelo h4 {margin:0;}


#Referenssit {background:#f0f0f0;margin-left:-0.75em;padding-left:0.75em;}
#Referenssit div.Gutter.BorderRight {padding-right:2em;background:transparent url("hr_dotted.png") repeat-y right top;margin-right:0;border-right:0.75em solid #fff}
#Referenssit h3 {1.3333em;line-height:1.125em;margin:1.6875em 0 0.5625em 0;font-weight:normal;}
#Referenssit h3 span {font-weight:bold;}
#Referenssit .hr {margin-left:-1.5em;margin-right:-0.95em;}
#Referenssit .Padding {padding:0 0 0 1em;margin:0;}

#Referenssit .Description {margin-bottom:1.6363em;}

.Border64 {background:url("line_dotted_64.png") repeat-y}

.Wrapper {background:#fff;}


.entrytitle h2 a {text-decoration:none;color:#333;}

#Mielipiteet h3 {font-size:13px;}
#Mielipiteet li a {font-size:13px;text-decoration:underline;}
.ReadMore {margin-top:5px;margin-left:10px;}
.ReadMore a {text-decoration:none;}