/* blogi */

.blog_column_right {
	max-width:270px;
	margin-left:0.8em;
	margin-top:0.8em;
	float:left;
}
.blog_column_left {
	width: 500px;
	margin-top:0.8em;
	overflow:hidden;
	float:left;
}

.blog_navi, .blog_teaser .header h5{
	border-top:4px dotted #DDD;
	font: bold 1.4em arial;
	color:#333;
	padding:0.2em 0em;
	}

.blog_navi a, .blog_teaser .header a {
	font: bold 1.0em arial;
	text-decoration: none;
	font-weight: bold;
	color: #0D0069;

}
.blog_navi a:hover, .blog_teaser .header a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #0D0069;
}


/* recommended - blog_teaser */


.blog_teaser {
	color: #333;
	background: #FFF;
}

.blog_teaser li a {
	color: #0D0069;
	padding-left:0px;
	font: bold 20px arial;
	text-decoration:none;
}
.blog_teaser li a:hover {
	text-decoration:underline;
	color: #0D0069;
}

.blog_teaser ul {
	margin-bottom: 1em;
}
.blog_teaser ul li {
	background: none;
	padding-left: 0;
	margin-bottom: .3em;
}

#blogcontent .post .blogbodyContainer {

}
#blogcontent .post {
	padding: 12px;
	border-bottom: 2px dotted #ccc;
	margin:4px 0 4px 0;
}


.message p.blogauthorNameShort {
	font-size: 11px;
	font-weight: bold;
	margin: 0 4px 2px 0;
	overflow:hidden;
	font-weight:bold;
}

#blogcontent .post .authorContainer {
	width: 110px;
	float: left;
	color: #333;
}
#blogcontent .post .authorContainer .authorName {
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	margin: 0 4px 2px 0;
	overflow:hidden;
}

.blogbodyContainer {

}
.blogbodyContainer .header .date {
	color: #666;
	margin-bottom:2px;
}
.blogbodyContainer .header .tools{
	float:right;
}
.blogbodyContainer .header .tools a {
	text-decoration: none;
	padding:3px;
	color: #244362;
}
.blogbodyContainer .header .tools a:hover {
	text-decoration: underline;
}
.blogbodyContainer .body .message {
	line-height: 14px;
	padding: 12px 0;
	overflow:hidden;
}
.blogbodyContainer .header .subject a {
	font: bold 18px arial;
	margin-bottom: 0.4667em;
	text-decoration:none;
}

.blogbodyContainer .header .subject a:hover {
	text-decoration:underline;
}

.blogbodyContainer .body .message .links a, .blogbodyContainer .body .links a {
	margin: 0.5em 0;
	background: url(../../images/is/green_bullet.gif) left no-repeat;
	padding-left: 1.3em;
}


#blogcontent .post .blogbodyContainer {

}

.blogbodyContainer .header .subject {
	font-weight:bold;
}


/* kommenttiviesti */

.comment_article {
	padding-left:3em;
	background: url(../../images/is/backgrounds/comment_orange.png) left no-repeat;
}

.h2_blog {font: bold 18px arial;}

.authorNameShort_comment {
	font-size: 11px;
	font-weight: bold;
	margin: 0 4px 2px 0;
	overflow:hidden;
	padding-left:3em;
	background: url(../../images/is/backgrounds/comment_gray.png) left no-repeat;
}

#blogcontent_comment {
	border:solid #EEE 1px;
	margin-bottom:8px;
	padding:1em 1em;
}

#blogcontent_comment .post_comment {
	margin:2px 2px 2px 6px;

}

.blogauthorNameShort_comment {
	font-size: 11px;
	font-weight: bold;
	margin: 0 4px 2px 0;
	overflow:hidden;
}

#blogcontent_comment .post_comment .authorContainer_comment {
	width: 110px;
	float: left;
	color: #333;
}
#blogcontent_comment .post_comment .authorContainer_comment .authorName_comment {
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	margin: 0 4px 2px 0;
	overflow:hidden;
}

.blogbodyContainer_comment {

}
.blogbodyContainer_comment .header_comment .date_comment {
	color: #666;
}
.blogbodyContainer_comment .header_comment .tools_comment {
	float:right;
}
.blogbodyContainer_comment .header_comment .tools_comment a {
	text-decoration: none;
	padding:3px;
	color: #244362;
}
.blogbodyContainer_comment .header_comment .tools_comment a:hover {
	text-decoration: underline;
}
.blogbodyContainer_comment .body_comment .message_comment {
	line-height: 14px;
	padding: 12px 0;
	overflow:hidden;
}
.blogbodyContainer_comment .header_comment .subject_comment {
	font-weight:bold;
}

.blogbodyContainer_comment .body_comment .message_comment .links_comment a, .blogbodyContainer_comment .body_comment .links_comment a {
	margin: 0.5em 0;
	background: url(../../images/is/icons/green_bullet.gif) left no-repeat;
	padding-left: 1.3em;
}

/* bannerit alkaa */

.mainColumnBanner a,
.mainColumnBanner2 a,
.mainColumnBanner3 a,
.mainColumnBanner4 a,
.mainColumnBanner5 a,
.mainColumnBanner6 a,
.mainColumnBanner7 a,
.mainColumnBanner8 a,
.mainColumnBanner div,
.mainColumnBanner2 div,
.mainColumnBanner3 div,
.mainColumnBanner4 div,
.mainColumnBanner5 div,
.mainColumnBanner6 div,
.mainColumnBanner7 div,
.mainColumnBanner8 div,
.rightColumnBanner a,
.mainColumnBanner object,
.mainColumnBanner2 object,
.mainColumnBanner3 object,
.rightColumnBanner object,
.rightColumnBanner2 object,
.rightColumnBanner3 object,
.rightColumnBanner4 object,
.rightColumnBanner5 object,
.rightColumnBanner6 object,
.rightColumnBanner7 object,
.rightColumnBanner8 object,
.rightColumnBanner div,
.rightColumnBanner2 div,
.rightColumnBanner3 div,
.rightColumnBanner4 div,
.rightColumnBanner5 div,
.rightColumnBanner6 div,
.rightColumnBanner7 div,
.rightColumnBanner8 div {
	padding-top:10px;
	display:block!important;
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:dotted #999 1px;
}
.mainColumnBanner,
.mainColumnBanner2,
.mainColumnBanner3,
.mainColumnBanner4,
.mainColumnBanner5,
.mainColumnBanner6,
.mainColumnBanner7,
.mainColumnBanner8,
.rightColumnBanner,
.rightColumnBanner2,
.rightColumnBanner3,
.rightColumnBanner4,
.rightColumnBanner5,
.rightColumnBanner6,
.rightColumnBanner7,
.rightColumnBanner8{
	display:block;
	background: url(../../images/is/backgrounds/add.gif) no-repeat 0 0;
	}
.topBanner {
	float:left;
	margin:0.6em 0.4em 0.6em 0em;
	display:inline-block;
}
/* headerin oikea yläkulma */
.banner_right {
	margin:0.6em 0em 0.6em 0;
	display:inline-block;
	width:260px;
	float:right;
}
/* banneripalstan bannerit */
.rightBanner {
	margin-bottom:0.6em;
}

/* bannerit loppuu */

/* artikkelin loppuun vinkki paperilehdestä alkaa */
.printTeaserText {

	padding:0.8em 2em 0.8em 7em;
	margin-bottom:0.8em;
	background:url(../../images/ksml/backgrounds/handWithBg.gif);
	background-repeat:no-repeat;
	background-position:left 10px;
}
.printTeaserText span {
	display:block;
	margin:0.4em 0;
	color:#666;
}
/* artikkelin loppuun vinkki paperilehdestä loppuu */

/* read epaper button */

#buttonReadEpaper {
	background: url(../../images/ksml/backgrounds/archiveButtonBg.jpg)!important;
	width:212px;
	display:block;
	background-repeat:no-repeat!important;
	cursor: hand;
	height:22px!important;
	padding:1.4em 2.4em!important;
	margin-bottom:1em;
	font-size:16px;
	margin-top:30px;
	text-decoration:none;
}

#buttonReadEpaper:hover {
	background: url(../../images/ksml/backgrounds/archiveButtonBg.jpg)!important;
	background-position:0 -68px!important;
	background-repeat:no-repeat!important;
}

/* end read epaper button */

/*uutishuone alkaa*/
#Uutishuone {
	width:800px;
	overflow:hidden;
	border-top:solid #eee 1px;
	border-bottom:solid #eee 1px;
	padding-top:1em;
}
.UH_Displayer {
	width:180px;
	float:left;
	height:300px;
	padding-right:1em;
}
.UH_Headline a {
	display:block;
	text-decoration:none;
	cursor:pointer;
}
/*uutishuone loppuu*/

/* facebook liitännäiset alkaa */
#fb_like_iframe {
	width:440px;
	height:80px;
}
.fb_like {
	height:80px;
	width:468px;
	display:table;
}
/* facebook liitännäiset loppuu */

/* perus button*/

a.baseButton {
    background: transparent url(../../images/ksml/backgrounds/bg_button_a.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    cursor:pointer;
}

a.baseButton span {
    background: transparent url(../../images/ksml/backgrounds/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.baseButton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.baseButton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
a.baseButton:hover {
    	text-decoration:underline;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	text-decoration: none;
}

/*perus button loppuu */
