body, html{ margin:0; padding:0; background-color:#fff; font-family: Helvetica, Arial, Tahoma, sans-serif;    font-size: 12px;}
#header {    /*background:transparent url(../img/mobiili/header_bg.png) repeat-x scroll 0 0;*/    margin: 0;    padding: 2px;    height: 30px;    background-color: #5cacd7;}
#header #logo {    background:transparent url(../img/mobiili/logo.png) no-repeat scroll 0 0;    text-indent:-9999px;    height: 26px;    margin: 0;    padding: 0;}
ul#menu {width: 98%; padding: 1%; background: #222; float:left; margin: 0; display: none;z-index: 999;position: absolute;}
ul#menu li {border: solid 1px #888; width: 49.8%; float: left; display: block; text-align: center; margin: 0.1%; background: url(../img/mobiili/menu2_btn_bg.png) repeat-x}
ul#menu li a {display: block; padding: 5%; width: 90%; color: #eee; float: left; font-weight: bold; text-decoration: none;}
ul#menu li a img {border: 0; display: block; margin: 0 auto; width: 25%;}
ul#topnav{    margin: 0;    padding: 0;    list-style: none;    display: block;    width: 100%;    background:#82b8d4 url(../img/mobiili/btn_bg.png) repeat-x scroll 0 0;    float: left;}
ul#topnav li{   float: left;   padding: 3px 5px 3px 5px;   background:#82b8d4 url(../img/mobiili/btn_bg.png) repeat-x scroll 0 0;}
ul#topnav li a{    color: #fff;    font-weight: bold;    text-decoration: none;    font-size: 12px;}
div#container{    padding: 3px 2px 3px 2px;}
div#container h1{    font-size: 14px;    font-weight: bold;    color: #333;    margin: 0;    padding: 0;}
div#container h2{    font-size: 13px;    font-weight: bold;    color: #333;    margin: 3px 0 0 0;    padding: 0;}
div#container h3{    font-size: 12px;    font-weight: bold;    color: #333;    margin: 0;    padding: 0;}
.date{    font-size: 12px;    font-weight: normal;    color: #999;    margin: 0 0 5px 0;    padding: 0 0 0 0;    display: block;}
.item{    border-bottom: solid 1px #eee;    border-top: solid 1px #eee;    padding-top: 3px;}
.item h3{    font-size: 12px;    font-weight: bold;    margin: 0 0 0 0;    padding: 0 0 0 0;}
.item span{    font-size: 11px;    font-weight: normal;    color: #999;    margin: 0 0 5px 0;    padding: 0 0 0 0;    display: block;}
.item a{    font-size: 12px;        color: #333;    text-decoration: none;    margin: 0 0 0 0;    padding: 0 0 0 0;}
/* PAGINATION */.pagination {margin:18px 0;display:block;clear: both}
.pagination span.page {font-size:0.8em;display:block;margin-bottom:10px; font-weight: bold}
.pagination a {font-weight:bold;font-size:0.8em; text-decoration:none;padding: 4px 7px;border:1px solid #ddd;margin:0 1px 10px 1px;color: #333;}
.pagination a.current {font-weight: normal;color:#888;background-color:#fafafa;border:1px solid #eee}
.pagination a.previous, .pagination a.first {margin-right: 10px}
.pagination a.next, .pagination a.last {margin-left: 10px}
.split {width: 220px; margin-right: 20px; float: left; margin-bottom: 15px}
.split dt {float: left; margin-right: 5px}
.split dl {margin-top: 1px;}
/* SERVICES */.services_icons {width: 210px; margin-left: 0; padding-left: 0;}
.services_icons li {padding: 5px 10px;text-indent: -9999px; overflow: hidden; width: 40px; height: 40px; background-position: left top; background-repeat: no-repeat; float: left}
.services_icons li.apteekki {background-image: url(../img/icons/service_apteekki.gif)}
.services_icons li.joukkoliikenne {background-image: url(../img/icons/service_joukkoliikenne.gif)}
.services_icons li.kahvila {background-image: url(../img/icons/service_kahvila.gif)}
.services_icons li.kalamyynti {background-image: url(../img/icons/service_kalamyynti.gif)}
.services_icons li.leikkipaikka {background-image: url(../img/icons/service_leikkipaikka.gif)}
.services_icons li.luontopolku {background-image: url(../img/icons/service_luontopolku.gif)}
.services_icons li.pesukone {background-image: url(../img/icons/service_pesukone.gif)}
.services_icons li.ravintola {background-image: url(../img/icons/service_ravintola.gif)}
.services_icons li.sauna {background-image: url(../img/icons/service_sauna.gif)}
.services_icons li.suihku {background-image: url(../img/icons/service_suihku.gif)}
.services_icons li.sahko {background-image: url(../img/icons/service_sahko.gif)}
.services_icons li.tulentekopaikka {background-image: url(../img/icons/service_grillikatos.gif)}
.services_icons li.wc {background-image: url(../img/icons/service_wc.gif)}
.services_icons li.jatehuolto {background-image: url(../img/icons/service_jatehuolto.gif)}
.services_icons li.veneluiska {background-image: url(../img/icons/service_veneluiska.gif)}
.services_icons li.imutyhjennys {background-image: url(../img/icons/service_imutyhjennys.gif)}
.services_icons li.kauppa {background-image: url(../img/icons/service_kauppa.gif)}
.services_icons li.kioski {background-image: url(../img/icons/service_kioski.gif)}
.services_icons li.polttoaine {background-image: url(../img/icons/service_polttoaine.gif)}
.services_icons li.vesi {background-image: url(../img/icons/service_vesi.gif)}
.services_icons li.alko {background-image: url(../img/icons/service_alko.gif)}
.services_icons li.museo {background-image: url(../img/icons/service_museo.gif)}
.services_icons li.wlan {background-image: url(../img/icons/service_wlan.gif)}
.services_icons li.kaasu {background-image: url(../img/icons/service_kaasu.gif)}
.services_icons li.terveyskeskus {background-image: url(../img/icons/service_terveyskeskus.gif)}
.services_icons li.laakari {background-image: url(../img/icons/service_laakari.gif)}
.services_icons li.kirkko {background-image: url(../img/icons/service_kirkko.gif)}
.services_icons li.esteeton-satama {background-image: url(../img/icons/service_esteeton_satama.gif)}
.services_icons li.hammaslaakari {background-image: url(../img/icons/service_hammaslaakari.gif)}
.services_icons li.venehuolto {background-image: url(../img/icons/service_venehuolto.gif)}
.services_icons li.pankkiautomaatti {background-image: url(../img/icons/service_pankkiautomaatti.gif)}
.services_icons li.uimaranta {background-image: url(../img/icons/service_uimaranta.gif)}
.services_icons li.yhteysalus {background-image: url(../img/icons/service_yhteysalus.gif)}
.services_icons li.nakoalapaikka {background-image: url(../img/icons/service_nakoalapaikka.gif)}
.services_icons li.new-port {background-image: url(../img/icons/service_new-port.gif)}
.services_icons li.roope {background-image: url(../img/icons/service_roope.gif)}
.services_icons li.uudenmaan-virkistysalueyhdistys {background-image: url(../img/icons/service_uudenmaan-virkistysalueyhdistys.gif)}
.services_icons li.paijanteen-virkistysalueyhdistys {background-image: url(../img/icons/service_paijanteen-virkistysalueyhdistys.gif)}
.services_icons li.etela-karjalan-virkistysaluesaatio {background-image: url(../img/icons/service_etela-karjalan-virkistysaluesaatio.gif)}
input {margin: 5px 0 5px 0;}
div#content{    width: 100%;    height: 600px;    background-color: #333;    color: #fff;}
ul#vrk5{    margin: 0;    padding: 0;    list-style: none;    }
ul#vrk5 li{    margin: 0;    padding: 0;    list-style: none;  }

#options a {display: none;}
#options p {color: #fff;}
#options p label {color: #333;}

/* COMMENTS
----------------------*/
#kommentit {font-size: 11px; float: left; width: 95%;}
.comment img {margin-right: 10px; float: left; width: 40px;}
.comment abbr {position: absolute; right: 10px; font-size: 10px}
#document .item.comment abbr {float: none !important; margin: 0}
#kommentit .item.comment img {padding: 0; border-width: 1px 0 1px 0; border-top-color: #fff; border-bottom-color: #ccc}
#kommentit .comment {position: relative; padding: 3px; background: #f0f0f0; width: 99%; float: left;}
#kommentit .comment .permalink {position: absolute; left: 15px; padding:1px 2px; font-size: 10px; font-weight: normal; background: #fff; border-bottom: 1px solid #aaa}
#kommentit .comment div {width: 99%; display: block}
.comment div.adminpanel {position:relative;margin-top:10px;left: 50px; border:1px solid #E4532C; background:none; padding: 9px 9px 9px 28px}
.comment div.fold {position:relative;left: 47px; padding: 0 9px 9px 28px}
.comment div p {margin: 0}
#kommentit .comment div p {margin: 0 0 1em}
.comment div h2, .comment div h4 {margin-bottom: 0.25em; font-size: 1em; font-weight: normal}
.comment h2 a {color:#003366}
.commentform label {font-weight: bold}
textarea#comment {display: block; border-left: 1px solid #969696; border-top: 1px solid #969696; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; margin-bottom: 3px; width: 99%; height: 50px;}
#nickname {display: block}