/*
Theme Name: Radio Helsinki
Theme URI: http://www.radiohelsinki.fi/
Description: Theme for the Radio Helsinki by <a href="http://www.7am.fi/">7am</a>.
Version: 1.0
Author: Aki Karlsson
Author URI: http://www.7am.fi/
Tags: Radio Helsinki, 7am
*/

body {
    background: #ffcc00 url(images/body_bg2.gif) repeat top center;
    color: #8d5e16;
    font: normal 12px/14px 'Lucida Grande', Verdana, Arial, sans-serif;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}
#konsernivalikko {
    background: transparent url(images/konsernivalikko_bg.gif) top left repeat-x;
    color: #a1c634;
    width: 100%;
    height: 21px;
    margin: 0 auto;
}
#header {
    background: url(images/header_bg2.gif) bottom center no-repeat;
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
#top-banner {
    background: url(images/deco_top.gif) top center no-repeat;
    width: 983px;
    margin: 0 auto;
    padding: 16px 0 16px 0;
    text-align: right;
    overflow: visible;
}
#levyt  {
    background: url(images/886_left.gif) no-repeat left top;
    margin: 62px auto 0 -22px;
    padding: 0;
    width: 22px;
    height: 122px;
    position: relative;
    float: left;
}
#hsfi  {
    background: url(images/hsfi.gif) no-repeat left top;
    margin: -38px auto auto 23px;
    left: 0;
    padding: 0;
    width: 66px;
    height: 38px;
    position: relative;
}
#hsfi a {
    margin: 0 auto;
    padding: 0;
    width: 66px;
    height: 38px;
    display: block;
    outline: none;
}
#hsfi a span {
    display: none;
}
#rss  {
    background: url(images/rss.gif) no-repeat left top;
    margin: -34px 11px auto auto;
    right: 0;
    padding: 0;
    width: 21px;
    height: 21px;
    position: relative;
}
#rss a {
    margin: 0 auto;
    padding: 0;
    width: 21px;
    height: 21px;
    display: block;
    outline: none;
}
#rss a span {
    display: none;
}
#kuuntele  {
    background: url(images/kuuntele.gif) no-repeat left top;
    margin: 21px 0 0 0;
    left: 0;
    padding: 0;
    width: 148px;
    height: 97px;
    position: absolute;
}
#kuuntele a {
    margin: 0 auto;
    padding: 0;
    width: 148px;
    height: 97px;
    display: block;
}
#kuuntele a span {
    display: none;
}
#top-menu {
    background: url(images/topmenu_bg.gif) top center no-repeat;
    clear: both;
    width: 100%;
    height: 40px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}
.top-menu-content, .konsernivalikko-content {
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 960px;
}
#submenu {
    clear: both;
    width: 932px;
    height: 18px;
    margin: 0 auto;
    padding: 0 8px 0 0;
    overflow: hidden;
}
#wrap {
    background: url(images/wrap_bg.gif) top center repeat-y;
    clear: both;
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    text-align: left;
}
#content {
    background: #fff;
    margin: 0 auto;
    padding: 0;
    width: 960px;
}
#radiohelsinki-player, #radiohelsinki-shoutbox {
    background: url(images/widget_bg.gif) top left no-repeat;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 286px;
    height: 167px;
    text-align: left;
    float: left;
}
#radiohelsinki-player span, #radiohelsinki-shoutbox span {
    font: normal 11px/20px 'Lucida Grande', Verdana, Arial, sans-serif;
    color: #8d5e16;
    margin: 0;
    padding: 0 0 0 16px;
}
#radiohelsinki-shoutbox span {
    padding: 0;
    float: left;
}
#radiohelsinki-player span a, #radiohelsinki-shoutbox span a {
    font: normal 11px/20px 'Lucida Grande', Verdana, Arial, sans-serif;
    color: #8d5e16;
    margin: 0;
    padding: 0;
}
#flashplayer {
    margin: 0 auto;
    padding: 0;
    border: 1px solid #8d5e16;
    width: 252px;
}
#shoutbox {
    margin: 0 auto;
    padding: 0;
    width: 256px;
}
#nosto1 {
    clear: both;
    margin: 10px auto 10px auto;
}
#shoutbox-name {
    font: normal 12px 'Lucida Grande', Verdana, Arial, sans-serif;
}
#shoutbox-done, #shoutbox-error {
    display: none;
    margin: 0 auto;
    padding: 0 0 10px 0;
    width: 256px;
    border: 1px solid #8d5e16;
    background: #e9e2c5 url(images/submit_bg.gif) repeat-x bottom;
}
.col-left {
    margin: 0 0 10px 0;
    padding: 0;
    width: 500px;
    float: left;
    overflow:hidden;
}
.col-right {
    background: url(images/886.gif) no-repeat center bottom;
    margin: 0 0 10px 0;
    padding: 0 0 140px 0;
    width: 294px;
    float: left;
    overflow:hidden;
}
.col-wide {
    margin: 0 0 10px 0;
    padding: 0;
    width: 960px;
    overflow:hidden;
    float: left;
}
.navigation {
    margin: 20px;
    padding: 0;
    width: 460px;
    float: left;
    clear: both;
    overflow:hidden;
}
.navigation .alignleft {
    float: left;
}
.navigation .alignright {
    float: right;
}
.banners-right {
    margin: 0;
    padding: 3px 10px 0 0;
    width: 150px;
    float: right;
    text-align: right;
    overflow: hidden;
}
.banner img {
    border: none;
    margin: 0;
    padding: 10px 0 0 0;
    float: right; 
}
.banner2 {
    border: none;
    margin: 0;
    padding: 0 0 0 0;
    float: right;
}
.banner2 img {
    border: none;
    margin: 0;
    padding: 10px 0 0 0;
    float: right;
}
.banners-right .banner {
    margin: 0;
    padding: 0 0 0 0;
}
.banners-right .banner img, .banners-right .banner object {
    margin: 0;
    padding: 10px 0 0 0;
    float: right;
    clear: both;
    display: block;
}
.banners-right .banner fieldset  {
    clear: both;
    margin: 0;
    padding: 0 0 0 0;
    float: right;
    display: block;
}
.banners-right .banner iframe  {
    margin: 10px 0 10px 0;
    float: right;
    clear: both;
    display: block;
}
.playerhelp {
    margin: 0;
    padding: 0 0 10px 16px;
}
.playerhelp span, .playerhelp span a {
    font: normal 11px 'Lucida Grande', Verdana, Arial, sans-serif;
    margin: 0;
    padding: 0;
}
#footer {
    background-color: #444;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
#footer-level-1 {
    background: url(images/footer_level1_bg.gif) top center no-repeat;
    margin: 0 auto;
    padding: 16px 0 0 0;
    width: 960px;
    height: 38px;
}
#footer-level-1 input {
    background: url(images/footer_searchinput_bg.gif) top left no-repeat;
    margin: 0;
    padding: 3px 0 0 12px;
    width: 178px;
    height: 20px;
    border: none;
    float: left;
    font: normal 10px/14px 'Lucida Grande', Verdana, Arial, sans-serif;
    color: #515151;
    outline: none;
}
#footer-level-1 #footer-search-submit {
    background: url(images/footer_searchsubmit_bg.gif) top left no-repeat;
    margin: 0;
    padding: 0;
    width: 33px;
    height: 20px;
    border: none;
    float: left;
    text-indent: -9999px;
    font-size: 1px;
    display: block;
    outline: none;
}
#top-menu-search {
    float: right;
    width: 166px;
    padding: 10px 10px 0 0;
    margin: 0;
}
#top-menu #top-menu-search input {
    background: url(images/topmenu_searchinput_bg.gif) top left no-repeat;
    margin: 0;
    padding: 3px 0 0 12px;
    width: 110px;
    height: 20px;
    border: none;
    float: left;
    font: normal 9px/14px 'Lucida Grande', Verdana, Arial, sans-serif;
    color: #8d5e16;
    outline: none;
    display: block;
}
#top-menu #top-menu-search #top-menu-search-submit {
    background: url(images/topmenu_searchsubmit_bg.gif) top left no-repeat;
    margin: 0;
    padding: 0;
    width: 33px;
    height: 20px;
    border: none;
    float: left;
    text-indent: -9999px;
    font-size: 1px;
    display: block;
    outline: none;
}
#footer-level-2 {
    background: #4e4e4e url(images/footer_level2_bg.gif) top center no-repeat;
    clear: both;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 131px;
}
#soittolistat {
    padding: 0 0 0 10px;
    margin: 10px 0 0 0;
}
#soittolistat select {
    width: 468px;
}
#soittolistataulu {
    padding: 0 0 0 0;
    margin: 10px 0 0 0;
    text-align: left;
    width: 100%;
    border: none;
}
#soittolistataulu th {
    padding: 0 0 4px 10px;
    border-bottom: 1px solid #8d5e16;
}
#soittolistataulu td {
    padding: 0 0 4px 10px;
    border-bottom: 1px solid #ccc;
}
.col-left p.lista-p {
    font: normal 12px/16px 'Lucida Grande', Verdana, Arial, sans-serif;
}
.col-left h3 a {
    border-bottom: 1px solid #8d5e16;
    display: block;
}
.col-left .ohjelmakartta-next {
    margin: 0 0 0 0;
    padding: 0;
    color: #444;
}
.col-left .ohjelmakartta-next a {
    font: bold 12px 'Lucida Grande', Verdana, Arial, sans-serif;
    text-decoration: underline;
}
.col-left .ohjelmakartta-next strong {
    color: #8d5e16;
}
.col-left .ohjelmakartta-next img {
    margin: 0 10px 10px 0;
    clear: both;
}
.col-left .ohjelmakartta-next li {
    list-style-type: none;
    padding: 0 0 2px 4px;
    margin: 0 0 0 0;
}
.col-right .ohjelmakartta-next li {
    list-style-type: none;
    padding: 0 0 2px 4px;
    margin: 0 0 0 10px;
}
.col-right .ohjelmakartta-next li a {
    color: #8d5e16;
    font: normal 12px/16px 'Lucida Grande', Verdana, Arial, sans-serif;
}
.ohjelmakartta-week {
    margin: 0 10px 0 0;
    padding: 0;
    color: #444;
    clear: both;
    width: 468px;
}
.ohjelma {
    padding: 0;
    margin: 0;
}
.ohjelma li {
    padding: 0;
    margin: 0;
}
.ohjelma li h3 {
    padding-left: 0;
}
.ohjelmakartta-week img {
    float: left;
}
.ohjelmakartta-week a {
    text-decoration: underline;
    color: #8d5e16;
    border: 0;
    padding: 0;
    margin: 0;
    font-weight: normal;
}
.ohjelmakartta-week h3 a {
    font: bold 12px/14px 'Lucida Grande', Verdana, Arial, sans-serif;
    text-decoration: none;
    margin: 0;
    padding: 0;
    float: left;
}
.ohjelmakartta-week h3 {
    font: bold 12px/14px 'Lucida Grande', Verdana, Arial, sans-serif;
    color: #8d5e16;
    text-decoration: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    float: left;
    display: block;
}
.ohjelmakartta-week li {
    clear: both;
}

.ohjelmakartta-week .description {
    font: normal 12px/16px 'Lucida Grande', Verdana, Arial, sans-serif;
    float: left;
    border-bottom: 1px solid #8d5e16;
    padding: 10px 0 10px 0;
    width: 458px;
    overflow: hidden;
}

.ohjelmakartta-week .description a {
    font: normal 12px 'Lucida Grande', Verdana, Arial, sans-serif;
    text-decoration: underline;
}

.ohjelmakartta-week .black {
    color: #444;
    display: block;
    width: 180px;
    float: left;
    padding: 0;
    margin: 0;
}
.black {
    color: #444;
    display: block;
    width: 110px;
    float: left;
}
.sidebardate {
    color: #444;
    display: block;
    width: 110px;
    font-weight: bold;
    float: left;
}
h1 {
    margin: 0;
    padding: 0;
}
#footer-level-2 h1 a {
    background: url(images/radiohelsinki_logo_blue.gif) top left no-repeat;
    margin: 0 auto;
    padding: 0;
    width: 98px;
    height: 52px;
    display: block;
    float: left;
    text-indent: -9999px;
    font-size: 1px;
}
#footer-level-2 p.osoite {
    font: normal 10px/14px 'Lucida Grande', Verdana, Arial, sans-serif;
    color: #fff;
    margin: 0 auto;
    padding: 0 10px 0 20px;
    display: block;
    float: left;
}
#footer-level-2 p.kuuluvuus {
    font: normal 10px/14px 'Lucida Grande', Verdana, Arial, sans-serif;
    color: #fff;
    margin: 0 auto;
    padding: 4px 10px 0 12px;
    display: block;
    width: 650px;
    float: left;
}
#footer-level-2 p a {
    color: #fff;
}
.footer-content {
    margin: 0 auto;
    padding: 20px 0 0 10px;
    width: 950px;
}
#footer-level-3 {
    background: #4e4e4e url(images/footer_level3_bg.gif) top center no-repeat;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 68px;
}
#footer-level-4 {
    margin: 0 auto;
    padding: 4px 0 0 0;
    width: 960px;
    height: 18px;
    overflow: hidden;
    color: #767676;
}

/* listat alkaa */


#konsernivalikko ul {
    font: normal 10px 'Lucida Grande', Verdana, Arial, sans-serif;
    color: #000;
    margin: 0 auto;
    padding: 0 0 0 80px;
    list-style-type: none;
    width: 890px;
}
#konsernivalikko ul li {
    font: normal 10px/21px 'Lucida Grande', Verdana, Arial, sans-serif;
    margin: 0;
    padding: 0 0 0 12px;
    list-style-type: none;
    float: left;
}
#konsernivalikko ul li a {
    color: #000;
    margin: 0;
    text-decoration: none;
}
#konsernivalikko li span a.helsinginsanomat {
	text-indent: -9999px; 
	font-size: 1px;
	line-height: 21px;
}
#konsernivalikko ul li span a.helsinginsanomat {
    background: url(images/helsinginsanomat_konserni.gif) center center no-repeat;
    margin: 0;
    width: 86px;
    height: 21px;
    display: block;
}
#top-menu ul {
    color: #000;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    width: 740px;
    float: left;
}
#top-menu ul li {
    background: url(images/topmenu_li_fx.gif) right center no-repeat;
    font: normal 12px/40px 'Lucida Grande', Verdana, Arial, sans-serif;
    margin: 0;
    padding: 0 6px 0 6px;
    list-style-type: none;
    float: left;
    line-height: 43px;
}
#top-menu ul li a {
    font: bold 12px 'Lucida Grande', Verdana, Arial, sans-serif;
    color: #8d5e16;
    margin: 0;
    text-decoration: none;
}
#top-menu ul li a:hover, #top-menu ul li a.active {
    color: #000;
}
#top-menu ul li span a.radiohelsinki {
    background: url(images/radiohelsinki_tm3.gif) right center no-repeat;
    margin: 0;
    width: 152px;
    height: 40px;
    display: block;
    text-indent: -9999px; 
	font-size: 1px;
	line-height: 40px;
}
#submenu ul {
    background: url(images/submenu_bg.gif) top left repeat-x;
    color: #ffcc00;
    margin: 0;
    padding: 0 0 0 0;
    list-style-type: none;
    height: 21px;
    float: right;
}
#submenu ul li {
    margin: 0;
    padding: 0 6px 0 6px;
    list-style-type: none;
    float: left;
    display: block;
    outline: none;
}
#submenu ul li.first {
    background: url(images/submenu_left.gif) top left no-repeat;
    border-right: none;
    padding-left: 12px;
}
#submenu ul li.last {
    background: url(images/submenu_right.gif) top right no-repeat;
    border-right: none;
    padding-right: 12px;
}
#submenu ul li a {
    font: normal 10px/21px 'Lucida Grande', Verdana, Arial, sans-serif;
    color: #ffcc00;
    margin: 0;
    padding: 0;
    text-decoration: none;
    display: block;
    outline: none;
}
#submenu ul li a:hover {
    color: #fff;
}

#footer-level-2 ul {
    color: #fff;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
}
#footer-level-2  ul li {
    font: normal 12px/18px 'Lucida Grande', Verdana, Arial, sans-serif;
    margin: 0;
    padding: 0 12px 0 12px;
    list-style-type: none;
    float: left;
    line-height: 14px;
    border-right: 1px solid #fff;
}
#footer-level-2  ul li a {
    font: bold 12px 'Lucida Grande', Verdana, Arial, sans-serif;
    color: #ffcc00;
    margin: 0;
    text-decoration: none;
}
#footer-level-2  ul li a:hover {
    color: #000;
}
.col-left ol {
    margin: 0 0 0 0;
    padding: 12px 0 12px 0;
}
.col-left ol li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.col-left ol li p {
    margin: 0;
    padding: 12px 0 12px 0;
}
.commentmetadata {
    float: right;
    margin: 0;
    padding: 0;
}
.col-left ul li a  {
    font: bold 12px 'Lucida Grande', Verdana, Arial, sans-serif;
    text-decoration: none;
    color: #8d5e16;
}
.col-left ul li ul li a {
    font: normal 12px 'Lucida Grande', Verdana, Arial, sans-serif;
    text-decoration: none;
    color: #444;
    padding: 0 0 0 24px;
}
.col-left ul {
    margin: 0;
    padding: 12px 0 12px 0;
    list-style-type: none;
}
.col-left ul li {
    margin: 0;
    padding: 0 0 2px 12px;
    list-style-type: none;
}
.col-right ul {
    margin: 0;
    padding: 12px 0 12px 0;
    list-style-type: none;
}
.col-right ul li {
    margin: 0 0 0 20px;
    padding: 0 0 2px 0;
    list-style-type: circle;
    border-bottom: 1px dashed #8d5e16;
}
.col-right ul li a {
    font: normal 11px 'Lucida Grande', Verdana, Arial, sans-serif;
    color: #444;
    text-decoration: none;
}
/* listat loppu */

/* otsikot ja tekstit alkaa */
.col-left h2 {
    margin: 0;
    padding: 0;
}
#respond, #comments {
    font: bold 12px 'Lucida Grande', Verdana, Arial, sans-serif;
    margin: 0;
    padding: 0 0 0 0;
    text-decoration: none;
    border-bottom: 1px dashed #8d5e16;
}
.col-left small {
    font: normal 9px 'Lucida Grande', Verdana, Arial, sans-serif;
    margin: 0;
    padding: 0 0 0 12px;
    text-decoration: none;
    color: #444;
}
.col-left h3 {
    font: bold 12px 'Lucida Grande', Verdana, Arial, sans-serif;
    margin: 0;
    padding: 12px 0 0 12px;
    text-decoration: none;
}
.col-left h4.lefty {
    font: bold 12px 'Lucida Grande', Verdana, Arial, sans-serif;
    margin: 0;
    padding: 0;
    text-decoration: none;
    float: left;
}
.col-left h2 a {
    background: url(images/titlebar.gif) top left no-repeat;
    font: bold 12px/39px 'Lucida Grande', Verdana, Arial, sans-serif;
    margin: 0;
    padding: 0 0 0 12px;
    width: 489px;
    height: 39px;
    display: block;
    overflow: hidden;
    text-decoration: none;
}
.col-left h2 a.onair {
    background: url(images/titlebar_onair.gif) top left no-repeat;
    padding: 0 0 0 74px;
}
.col-right h2 {
    background: url(images/titlebar2_go.gif) top left no-repeat;
    font: bold 12px/39px 'Lucida Grande', Verdana, Arial, sans-serif;
    margin: 0;
    padding: 0 0 0 12px;
    width: 285px;
    height: 39px;
    display: block;
    overflow: hidden;
}
.col-right h2 a {
    text-decoration: none;
    display: block;
}
.col-right h2.widget {
    background: url(images/titlebar_hs.fi.gif) top left no-repeat;
}
.col-right h2.widget a.rsswidget {
    padding-left: 44px;
    text-decoration: none;
}
.col-right h2 a.digitoday     {
    background: url(images/digitoday.gif) center left no-repeat;
    padding-left: 86px;
}
.col-right h2.videohaastattelut     {
    background: url(images/videohaastattelut3.gif) center left no-repeat;
    padding-top: 100px;
}
.col-right h2.omakaupunkititle     {
    background: url(images/titlebar_hsfi_omakaupunki.gif) center left no-repeat;
    padding-top: 37px;
    padding-left: 56px;
}
.col-right h2 a.taloussanomat     {
    background: url(images/taloussanomat.gif) center left no-repeat;
    padding-left: 37px;
}
.col-right h2.maria     {
    background: url(images/maria_nosto.gif) center left no-repeat;
    padding-top: 100px;
}
#tapahtuu, #valiolevy, #aamulevy, #soittolistat, #vuosikymmenenparhaatlevyt {
    padding: 0 0 10px 0;
}
#tapahtuu h3, #valiolevy h3, #aamulevy h3, #soittolistat h3, #vuosikymmenenparhaatlevyt h3 {
    font: normal 12px/14px 'Lucida Grande', Verdana, Arial, sans-serif;
    text-decoration: none;
    background: none;
    padding: 0 0 0 6px;
    margin: 0 0 0 6px;
}
#tapahtuu h3 a, #valiolevy h3 a, #aamulevy h3 a, #soittolistat h3 a, #vuosikymmenenparhaatlevyt h3 a {
    font: normal 12px/13px 'Lucida Grande', Verdana, Arial, sans-serif;
    text-decoration: none;
    background: none;
    padding: 6px 0 6px 0;
    margin: 0 0 0 0;
    border-bottom: 1px dashed #8d5e16;
    display: block;
    color: #333;
}
#tapahtuu p.muokkaa, #valiolevy p.muokkaa, #aamulevy p.muokkaa {
    padding: 0 0 10px 12px;
    border: none;
}
#radiohelsinki-player h2, #radiohelsinki-shoutbox h2 {
    background: none;
    font: bold 12px/39px 'Lucida Grande', Verdana, Arial, sans-serif;
    margin: 0;
    padding: 0 0 0 12px;
    width: 200px;
    height: 39px;
    display: block;
    overflow: hidden;
    text-transform: uppercase;
    float: left;
}
#radiohelsinki-player .right, #radiohelsinki-shoutbox .right {
    padding: 0 16px 0 0;
}
#radiohelsinki-player .right h2 a, #radiohelsinki-player .right h2, #radiohelsinki-shoutbox .right h2 a, #radiohelsinki-shoutbox .right h2 {
    font-size: 1px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    display: block;
    width: 17px;
    height: 39px;
    float: right;
}
#radiohelsinki-player .right h2 a.launch {
    background: url(images/launch.gif) center center no-repeat;
}
#radiohelsinki-player .right h2 a.what, #radiohelsinki-shoutbox .right h2 a.what {
    background: url(images/what.gif) center center no-repeat;
}
#radiohelsinki-player .right h2.fx {
    background: url(images/widget_fx.gif) center center no-repeat;
    width: 8px;
}

.col-left p, .col-right p {
    font: normal 12px/15px 'Lucida Grande', Verdana, Arial, sans-serif;
    margin: 0;
    padding: 12px 12px 0 12px;
    color: #444;

}
.col-right p.plain {
    font: normal 12px 'Lucida Grande', Verdana, Arial, sans-serif;
    margin: 0;
    padding: 0 0 10px 12px;
    color: #444;
}
/* otsikot ja tekstit loppu */
  
  
/* misc alkaa */

a {
    color: #8d5e16;
}
.muokkaa { 
    clear: both;
} 
.col-left img, .col-left a img {
    font: normal 11px/14px 'Lucida Grande', Verdana, Arial, sans-serif;
    margin: 0;
    padding: 5px;
    border: 1px solid #8d5e16;
    margin-right: 10px;
    margin-bottom: 2px;
}
.col-left a.saynotoborders img, .col-left .saynotoborders img {
    border: none;
    padding: 5px 0 5px 0;
}
.col-right img, .col-right a img {
    font: normal 11px/14px 'Lucida Grande', Verdana, Arial, sans-serif;
    margin: 0;
    padding: 0;
    border: none;
    margin-right: 10px;
    margin-bottom: 2px;
}
a.saynotoborders, img.saynotoborders  {
    border: none;
    padding: 0;
}
.inside {
    padding: 10px;
    clear: both;
}
.perustaulu {
    padding: 10px;
    clear: both;
    color: #444;
}
hr {
 	clear: both;
 	border: 1px #fff;
 }
.clear {
    clear: both;
}
img, form {
    border: 0;
    margin: 0;
}
.submit {
    background: #e9e2c5 url(images/submit_bg.gif) repeat-x bottom;
    font: bold 12px Arial, Helvetica, Verdana, sans-serif;
    color: #8d5e16;
    padding: 3px;
    margin: 6px 0 6px 0;
    border: 1px solid #8d5e16;
    width: 100px;
    }
.sano {
    background: #e9e2c5 url(images/submit_bg.gif) repeat-x bottom;
    font: bold 12px Arial, Helvetica, Verdana, sans-serif;
    color: #8d5e16;
    padding: 3px;
    margin: 0 0 6px 0;
    border: 1px solid #8d5e16;
    float: right;
    }
.col-left textarea {
    background: #e9e2c5 url(images/input_bg.gif) repeat-x top;
    width: 100%;
    height: 140px;
    font: normal 12px Arial, Helvetica, Verdana, sans-serif;
    padding: 3px;
    margin: 0 0 6px 0;
    border: 1px solid #8d5e16;
    color: #8d5e16;
    }
.col-left .field {
    background: #e9e2c5 url(images/input_bg.gif) repeat-x top;
    font: bold 12px Arial, Helvetica, Verdana, sans-serif;
    color: #8d5e16;
    padding: 3px;
    margin: 0 0 6px 0;
    border: 1px solid #8d5e16;
    width: 220px;
    }
textarea {
    background: #e9e2c5 url(images/input_bg.gif) repeat-x top;
    width: 248px;
    height: 40px;
    font: normal 12px Arial, Helvetica, Verdana, sans-serif;
    padding: 3px;
    margin: 0 0 6px 0;
    border: 1px solid #8d5e16;
    color: #8d5e16;
    }
.col-left input.comment {
    background: #e9e2c5 url(images/input_bg.gif) repeat-x top;
    font: bold 12px Arial, Helvetica, Verdana, sans-serif;
    color: #8d5e16;
    padding: 3px;
    margin: 0 0 0 0;
    border: 1px solid #8d5e16;
    width: 220px;
    }
.col-left #commentform p {
    font-size: 11px;
    color: #8d5e16;
    padding: 12px 0 0 0;
    margin: 0;
    }
.field {
    background: #e9e2c5 url(images/input_bg.gif) repeat-x top;
    font: bold 12px Arial, Helvetica, Verdana, sans-serif;
    color: #8d5e16;
    padding: 3px;
    margin: 0 0 6px 0;
    border: 1px solid #8d5e16;
    width: 248px;
    }
a.rsswidget img {
    display: none;
}
.col-left .banner {
    padding: 20px 0 0 0;
    clear: both;
    margin: 0 auto;
    text-align: center;
}
.col-left .banner img, .col-left .banner a img, .col-left .noborder, .noborder {
    border: none;
}
.col-left .banner-top img, .col-left .banner-top a img {
    border: none;
    padding: 0;
    margin: 0;
}
.col-left .banner-top {
    padding: 0 0 0 0;
    clear: both;
    margin: 0 auto;
    text-align: center;
}
.banner-top object {
    padding: 12px 0 0 0;
}
#top-banner .banner img {
    float: right;
    padding: 0;
    margin: 0 -1px 0 0;
}
.hilite {
    background: #ffcc00;
}
a.graylink {
    color: #444;
    text-decoration: none;
    font: 11px/12px 'Lucida Grande', Verdana, Arial, sans-serif;
}
a.graylink:hover {
    color: #8d5e16;
    text-decoration: underline;
}
.omakaupunki p img {
    border: none;
    margin: 0 0 -6px -10px;
    padding: 0 0 0 0;
}
.omakaupunki p a img {
    border: none;
}
.omakaupunki p {
    padding: 0 10px 10px 20px;
    margin: 0;
    font: 11px/12px 'Lucida Grande', Verdana, Arial, sans-serif;
}
.omakaupunki strong {
    text-decoration: none;
}
.omakaupunki p a {
    color: #444;
    text-decoration: none;
    font: 11px/12px 'Lucida Grande', Verdana, Arial, sans-serif;
}
.omakaupunki p a:hover {
    color: #8d5e16;
    text-decoration: none;
}
.omakaupunki p a.greenlink {
    color: #57831d;
    text-decoration: none;
    font: 11px/12px 'Lucida Grande', Verdana, Arial, sans-serif;
}
.omakaupunki p a.greenlink:hover {
    color: #111;
}
.red,  p.red {
    color: #ff0000;
}

#kalenteri h2 {
    font: bold 14px 'Lucida Grande', Verdana, Arial, sans-serif;
    padding: 0 0 0 4px;
    margin: 0;
}
#kalenteri .time {
    background: #fff url(images/kalenteri_bg11.gif) repeat-x left top;
    font: bold 11px 'Lucida Grande', Verdana, Arial, sans-serif;
    height: 30px;
    border-right: 4px solid #fff;
    display: block;
}
#kalenteri .item {
    font: normal 9px 'Lucida Grande', Verdana, Arial, sans-serif;
    color: #444;
    background: transparent url(images/kalenteri_bg11.gif) repeat-x left top;
    padding: 0 0 0 2px;
}
#kalenteri .item .info {
    font: normal 11px 'Lucida Grande', Verdana, Arial, sans-serif;
    display: none;
    background-color: #fff;
    border-top: 1px solid #999;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    border-left: 1px solid #999;
    color: #444;
    float: left;
    position: absolute;
    z-index: 100;
    padding: 6px;
    width: 200px;
    margin: 30px auto auto 30px;
}
#kalenteri .current {
    color: #000;
    background: #8d5e16;
}
#kalenteri .item .info img {
    margin: 0 0 6px 0;
}

#kalenteri .time .alkaa {
    font: normal 11px 'Lucida Grande', Verdana, Arial, sans-serif;
    text-decoration: none;
    padding: 3px 0 0 0;
    display: block;
    color: #444;
}
#kalenteri .paivays {
    font: normal 11px 'Lucida Grande', Verdana, Arial, sans-serif;
    text-decoration: none;
    padding: 2px 0 10px 4px;
    display: block;
    color: #444;
}
#kalenteri .item a.ohjelma {
    font: normal 11px/12px 'Lucida Grande', Verdana, Arial, sans-serif;
    text-decoration: none;
    padding: 3px 0 0 0;
    display: block;
    color: #8d5e16;
}
#kalenteri .current a.ohjelma {
    color: #fff;
}
#kalenteri .current .aika {
    color: #fff;
}
#kalenteri .monday, #kalenteri .tuesday, #kalenteri .wednesday, #kalenteri .thursday, #kalenteri .friday, #kalenteri .saturday, #kalenteri .sunday  {
    background: transparent url(images/kalenteri_bg13.gif) repeat left top;
    padding: 0 2px 0 2px;
}
#kalenteri .today {
    border-left: 1px dashed #ccc;
    border-right: 1px dashed #ccc;
}
#kalenteri .item .aika {
    display: block;
    font: normal 10px/15px 'Lucida Grande', Verdana, Arial, sans-serif;
}
#distinct h3 {
    font: normal 11px/12px 'Lucida Grande', Verdana, Arial, sans-serif;
    padding: 2px 0 2px 20px;
    margin: 0;
    color: #444;
}
#distinct small {
    font: normal 11px/12px 'Lucida Grande', Verdana, Arial, sans-serif;
    padding: 2px 0 2px 3px;
    margin: 0 0 0 17px;
    border-top: 1px dashed #8d5e16;
    display: block;
}
.sociable { display: block; clear: both; padding: 12px 0 12px 0; }
.sociable ul { border: none; margin: 0; padding: 0;} 
.sociable ul li {float: left; border: none; margin: 0; padding: 0;} 
.sociable ul li a { float: left; border: none; margin: 0; padding: 0 8px 0 0;}
.sociable ul li a img { border: none; margin: 0; padding: 0 0 0 0;}

.sociable_tagline {float: left; font-weight: bold; padding: 0 12px 0 12px;}
.col-right .sociable_tagline {display: none;} 
.col-right .sociable {display: none;} 
.alignleft {float: left;}
.alignright {float: right;}
.wp-caption {padding: 12px 12px 0 12px;}
.inside em, .inside strong { color: #444; }
.gallery-icon a img {padding: 0 10px 3px; border: none;}
.gallery-caption {color: #333; font: normal 10px/11px 'Lucida Grande', Verdana, Arial, sans-serif; padding: 0 6px 6px 10px;}
#mediaspace {padding: 0 0 0 8px; }
.ltas-ad {padding: 0 0 0 8px;}
.col-right ul li a.fbrh, .col-right ul li a.fbrh:hover {    
    background: url(images/facebook.gif) center left no-repeat;
    padding: 10px 0 10px 21px;
    float: left;
    clear: both;
    color: #8d5e16;
    font-size: 11px;
    }
.jemma {display: none;}
ul.listaus {
    list-style-type: none;
    padding: 0 12px 0 12px;
    margin: 0;
}
ul.listaus li {
    list-style-type: none;
    padding: 3px 0 3px 0;
    margin: 0;
}
ul.listaus li strong {
    font: bold 12px/14px 'Lucida Grande', Verdana, Arial, sans-serif;
    padding: 3px 0 3px 0;
    margin: 0;
    display: block;
    clear: both;
}
ul.listaus li p {
    font: normal 11px/13px 'Lucida Grande', Verdana, Arial, sans-serif;
    padding: 0 0 3px 0;
    margin: 0;
    display: block;
}
#captchaInputDiv small {
    padding: 0;
    color: #8d5e16;
    font-size: 11px;
}
#captchaImgDiv #si_image {
    padding: 0 0 12px 0;
    margin: 0;
    display: block;
}
/* misc loppu */