body {
	margin: 0px; 
	padding: 0px;
	background-image: url("../images/blog_bg.jpg");
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#96968c;
	font-size: 75%;
	line-height: 135%;
        text-align: left;
	font-family: Verdana, Arial, Times New Roman; 
	color: #000000; 
}

table {
	margin: 0px;
}

td {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	font-size: 75%;
	line-height: 135%;
        text-align: left;
	font-family: Verdana, Arial, Times New Roman; 
	color: #000000; 
}

cite, i {
	font-style: italic;
}

li {
	margin-left: 1em;
}

p {
	font-weight: normal;
} 

a {
	font-weight : bold; 
	color : #006699; 
	text-decoration : none; 
} 
a:hover {
	color : #0000ff;
	text-decoration : underline; 
} 

h1 {
	font-size: 200%; 
	line-height: 135%;
	font-weight: bold; 
} 

h2 {
	font-size: 140%; 
	line-height: 135%;
	font-weight: bold; 
} 

h3 {
	font-size: 100%; 
	line-height: 135%;
	font-weight: bold; 
} 

img {
	margin: 0.5em 1em 0.5em 1em;
}

.kappale {
	text-align: left;
	clear: both;
        margin: 0% 5% 0% 5%;
}

.kappale img {
	border: 2px solid #000000;
}


#portalchanger {
	position: absolute;
	top: 38px;
	right: 5px;
} 





/************/
/* MAINMENU */
/************/

div#mainmenu {
	margin:100px 0px 0px 0px;
	padding:1px 0px 0px 10px;
	height:1.3em;
	line-height: 1.2em;
	border-bottom: 1px solid black;
	background-color: white;
	font-family: Arial, Times New Roman; 
	font-size: 125%; 
	font-weight: bold;
	font-variant: small-caps;
	color: black; 
} 

div#mainmenu li {
	display: inline;
	list-style-type: none;
}

div#mainmenu ul {
	margin: 0;
	white-space: nowrap;
	padding: 0; 
}

div#mainmenu a {
	font-weight : bold;
	color : #797979; 
}
div#mainmenu a:hover {
	color : black; 
}





/***********/
/* SUBMENU */
/***********/

div#submenu {
	float: left;
	width: 12em;
	margin: 0.5em 0 0 0;
	font-family: Arial, Times New Roman; 
	font-size : 110%; 
	font-variant: small-caps;
	font-weight: bold; 
	color: white;
}

div#submenu li {
	margin-left: -1em;
}

div#submenu a {
	color : #e9e9df; 
} 
div#submenu a:hover {
	color : white; 
} 





/***********/
/* SIDEBAR */
/***********/

div#sidebarleft, div#sidebarright {
	color : #000000; 
	font-weight : bold; 
}

div#sidebarleft {
	width: 13.4em;
}

div#sidebarright {
	width: 180px;
}

div#sidebarleft {
	float: left;
}

div#sidebarright {
	float: right;
}

div#sidebarleft table, div#sidebarright table {
	background-color: #828279;
	margin: 0 0 0 0;
	padding: 0.2em 0.2em 0.2em 0.2em;
}


div#sidebarleft th, div#sidebarright th {
	text-align: left;
	border-bottom: 1px solid #e9e9df;
	font-family: Arial, Times New Roman; 
	font-size : 90%; 
	font-variant: small-caps;
	font-weight: bold; 
	color : #e9e9df; 
}

div#sidebarleft td a, div#sidebarright td a {
	color : #5d1f0d; 
	font-weight: normal;
}

div#sidebarleft td img, div#sidebarright td img {
	margin: 0 0 0 0;
	clear: none;
}

div#sidebarright td img {
	margin: 0 0 0 0;
}

div#sidebarleft th a, div#sidebarright th a {
	color : #e9e9df; 
	text-decoration: none;
}

div#sidebarleft th a:hover, div#sidebarright th a:hover,div#sidebarleft td a:hover, div#sidebarright td a:hover {
	color: #e9e9df; 
	text-decoration: underline;
} 

div#sidebarleft td, div#sidebarright td {
	text-align: left;
	font-size : 70%; 
	line-height: 110%;
}




/************/
/* CONTENTS */
/************/

#contents {
	background-image: url("../images/css_varjo2.gif");
	background-repeat: repeat-y;
	background-position: top right;
	position: absolute;
	left: 14.8em;
	right: 180px;
	background-color:#e9e9df;
	border-left:1px solid;
	padding:0.2em 2em 0.2em 0.2em;
}
#contentswide {
	position: absolute;
	left: 14.8em;
	right: 0em;
	background-color:#e9e9df;
	border-left:1px solid;
	padding:0.2em 2em 0.2em 0.2em;
}




/********/
/* BLOG */
/********/

.blog {
	text-align: left;
	clear: both;
}

.blog td {
	vertical-align: top;
}

.blog p {
	margin: 0px 0px 1em 25px;
	padding: 0px 0px 0px 0px;
} 


.blog h1 {
	font-family : Times New Roman, sans-serif; 
	margin: 0px 0px 0px 0px;
	font-size : 175%; 
	color : #9d6f1d; 
	font-weight : normal; 
	text-align: left;
	text-indent: 25px;
} 

.blog h3 {
	background-image: url("../images/css_h1.gif");
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px 0px 0.5em 0px;
	font-family : Arial, Helvetica, sans-serif; 
	font-size : 100%; 
	color: #626259; 
	font-weight: normal;
	text-align: left;
	text-indent: 25px;
} 

.blog hr {
	margin: 0px 0px 0px 25px;
	clear: both;
}

.blog img {
	float: right;
	border: 2px solid #000000;
	margin: 5px;
	letter-spacing: 0px;
}


#counter {
	line-height:17px;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size : 11px; 
	color : #000000; 
}