body, html{
	margin:0;
	padding:0;
	background-color:#fff;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
    font-size: 75%;
}
.head{
	background:url(/s/img/kuvitus/head_tausta.gif) top left repeat-x ;
	height:26px;
	color:#000;
	padding:4px;
	margin:0;
}
body#tm .head{
	background:url(/s/img/kuvitus/tm_head_tausta.gif) top left repeat-x ;
	height:26px;
	color:#000;
	padding:4px;
	margin:0;
}
body#mp .head{
	background:url(/s/img/kuvitus/mp_head_tausta.gif) top left repeat-x ;
	height:34px;
	color:#000;
	padding:4px;
	margin:0;
}
body#su .head{
	background:url(/s/img/kuvitus/su_head_tausta.gif) top left repeat-x ;
	height:26px;
	color:#000;
	padding:4px;
	margin:0;
}
body#sk .head{
	background:url(/s/img/kuvitus/sk_head_tausta.gif) top left repeat-x ;
	height:26px;
	color:#d60202;
	padding:4px;
	margin:0;
}
body#sk a#esivu
{
	display: none;
}
body#er .head{
	background:url(/s/img/kuvitus/era_head_tausta.gif) top left repeat-x ;
	height:26px;
	color:#000;
	padding:4px;
	margin:0;
}
body#vm .head{
	background:url(/s/img/kuvitus/vm_head_tausta.gif) top left repeat-x ;
	height:26px;
	color:#000;
	padding:4px;
	margin:0;
}
.head img{
	float:left;
}
.menu{
	margin:0;
	padding: 2px 0 3px 2px;
	background:#ddd url(/s/img/kuvitus/menu_tausta.gif) repeat-x scroll left bottom;
	color:#bdbdbd;
	height:14px;
	font-size: 11px;
}
div#content
{
    padding: 3px;
}
p
{
    color: #666;
    padding: 5px;
    margin: 5px;
}
ul
{
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
}
li 
{
    
    margin-bottom: 3px;
    border-bottom: dashed 1px #ccc;
    padding: 3px;
}
a
{
    color: #666;
    text-decoration: none;
}
.menu a
{
    padding: 2px;
}
.menu a.selected
{
    color: #666;
    background-color: #fff;
    text-decoration: none;
}
a:hover
{
    color: #666;
    text-decoration: underline;
}
.itemh
{
    display: block;
    color: #aaa;
    font-weight: bold;
}

.item_list a
{
    font-weight: bold;
}

li.item_list
{
    padding-left: 3px;
}
li.site_list
{
    padding-left: 90px;
    padding-bottom: 5px;
}
.site_logo
{
    position: absolute;
    left: 3px;
}
.list_date
{
    margin-right: 3px;
    padding-right: 3px;
    color: #aaa;
}
.date
{
    margin: 0 0 2px 0;
    padding: 0 0 2px 0;
    color: #aaa;
    display: block;
}
.item
{
    border-bottom: dashed 1px #ccc;
    float: left;
    width: 100%;
}
.item h1
{
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.item p
{
    font-size: 12px;
    margin: 0 0 5px 0;
    padding: 0;
}
.item img
{
    float: left;
    border: none;
    margin: 0px 4px 4px 0px;
}
form
{
    margin: 0;
    padding: 0;
}

a.prev, a.next
{
    font-weight: bold;
    display: block;
    font-size: 14px;
    margin: 10px 5px;
    color: #fff;
    background:url(/s/img/kuvitus/tm_head_tausta.gif) top left repeat-x ;
    padding: 5px;
    border: solid 1px #666;
}
a.prev
{
    float: left;
}
a.next
{
    float: right;
}
.item p a {
	font-weight: bold;
}
.footer{
	background:url(/s/img/kuvitus/head_tausta.gif) top left repeat-x ;
	height:16px;
	color:#666;
	padding:3px;
	margin:0;
	text-align: center;
}

body#tm .footer{
	background:url(/s/img/kuvitus/tm_head_tausta.gif) top left repeat-x ;
	height:16px;
	color:#ddd;
	padding:3px;
	margin:0;
	text-align: center;
}
body#mp .footer{
	background:url(/s/img/kuvitus/tm_head_tausta.gif) top left repeat-x ;
	height:16px;
	color:#ddd;
	padding:3px;
	margin:0;
	text-align: center;
}
body#su .footer{
	background:url(/s/img/kuvitus/su_head_tausta.gif) top left repeat-x ;
	height:16px;
	color:#ffffff;
	padding:3px;
	margin:0;
	text-align: center;
}
body#sk .footer{
	background:url(/s/img/kuvitus/sk_head_tausta.gif) top left repeat-x ;
	height:16px;
	color:#fff;
	padding:3px;
	margin:0;
	text-align: center;
}
body#er .footer{
	background:url(/s/img/kuvitus/era_head_tausta.gif) top left repeat-x ;
	height:16px;
	color:#fff;
	padding:3px;
	margin:0;
	text-align: center;
}
body#vm .footer{
	background:url(/s/img/kuvitus/vm_head_tausta.gif) top left repeat-x ;
	height:16px;
	color:#ddd;
	padding:3px;
	margin:0;
	text-align: center;
}