/* -------------------------------------------------------------- 
Plaza screen.css 1.35 (2010-10)
COMMON CSS: Reset, grid, typography etc.
--------------------------------- */

/* RESET */
/* Boilerplate reset.css */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th {border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}body{line-height:1.5;background:#fff}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}a img{border:none}input,textarea{margin:0}#wrapper{display:block}#wrapper:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html #wrapper{height:1%}
/* Boilerplate typography.css */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea{font-family:Helvetica, Arial, sans-serif}h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-size:2em;line-height:1;margin-bottom:0.5em}h2{font-size:2em;margin-bottom:0.75em}h3{font-size:1.5em;line-height:1;margin-bottom:1em}h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em}h5{font-size:1em;margin-bottom:1.5em}h6{font-size:1em}p{margin:0 0 1.5em}ul,ol{margin:0}ul li{display:block}ol{list-style-type:decimal}dl{margin:0 0 1.5em}dl dt{font-weight:700}dl dd{margin-left:1.5em}abbr,acronym{border-bottom:1px dotted #000}address{margin-top:1.5em;font-style:italic}del{color:#000}a{color:#1a8ebd;text-decoration:none;font-weight:700}a:hover{text-decoration:underline}blockquote{margin:1.5em}strong{font-weight:700}em,dfn{font-style:italic}dfn{font-weight:700}pre,code{white-space:pre;margin:1.5em 0}pre,code,tt{font:1em monospace;line-height:1.5}tt{display:block;line-height:1.5;margin:1.5em 0}
body {font-size: 75%;margin: 0; text-align: center}
/* END RESET */

/* DEV */
#wrapper.dev {background: url(http://griddle.it/956-10-20) repeat-y 20px #e8e8e8}

/* GRID */
#wrapper {position: relative; width: 980px; margin: 0 auto; padding: 0; text-align: left; background:#fafafa; border: 1px solid #d9d9d9; clear: both}
.s100,.s160,.s220,.s270,.s280,.s320,.s350,.s370,.s380,.s400,.s460,.s470,.s480,.s520,.s560,.container,.full,.s960, /* old elements */ #content, #sidebar-a {margin: 0 10px;float: left; position: relative; padding: 5px 0}
.container {width: 810px; background: none; margin: 0}
#sideads {width: 160px}
.s100 {width: 100px}
.s160 {width: 160px}
.s220 {width: 220px}
.s270 {width: 270px}
.s280 {width: 280px}
.s320 {width: 320px}
.s350 {width: 350px}
.s370 {width: 370px}
.s380 {width: 380px}
.s400 {width: 400px}
.s460 {width: 460px}
.s470 {width: 470px}
.s480 {width: 480px}
.s520 {width: 520px}
.s560 {width: 560px}
.full {width: 780px}
.s960 {width: 960px}
.nomargin, #sideads, .full {margin-right: 0 !important; border: 0 !important}
#sideads, #magRack, .TVGuideFooter {float: left; clear: both}

/* ITEM & ARTICLE & BLOGPOST */
.item, .article, .blogpost {float: left; margin-bottom: 5px; width: 100%; position: relative; border-bottom: 1px solid #eee; z-index: 0; padding-bottom: 5px}
.item h3 {font-size: 14px; margin: 0 0 5px 0}
.item h3 a {font-weight: normal}
.item h2.category {border: 0;margin: 0 0 10px 0 !important; display: block; font-weight: bold; color: #222; line-height: 16px; text-transform: uppercase; font-size: 16px; width: 100%; padding: 0}
.item span {color: #666; font-size: 10px; text-transform: uppercase}
.item span a {font-weight: normal}
.item p {font-size: 12px; color: #666; white-space: nowrap; overflow: hidden; margin: 0 0 5px 0; position: relative; line-height: 1}
.item p span {font-size: 9px; display: block; float: left; margin-right: 10px}
.item p img.dots {position: absolute; right: 0; margin: 0; border: 0; top: 0}
.item img {float: left; border: 1px solid #bbb; margin-right: 10px}
.item .stats {position: absolute; bottom: 0; right: 0}
.item .item_views, .item .item_comments {text-indent: -9999px; line-height: 1em; margin: 0 0 5px 5px; overflow: visible; float: right; padding-left: 14px; background-repeat: no-repeat; background-position: bottom left}
.item .item_comments span, .item .item_views span {text-indent: 0; float: none; margin-right: 0}
.item .item_views {background-image: url(../img2/icons/click.gif)}
.item .item_comments {background-image: url(../img2/icons/comment.gif)}

/* COLUMS */
.columns {margin: 0 0 10px; width: 800px; float: left; background: url(../img2/bg/columns4.gif) no-repeat right 315px; position: relative}
.column {float: left; margin: 0 0 10px 0;width: 180px; padding: 10px 10px 0}
.column .item img, .ylamummo .item img {margin-bottom: 10px; background: #aaa}
.column .item h2  {margin-top: 10px; float: left}
.column .item span.comments {top: 0}
.column .item {padding-bottom: 25px}
.moreLink {position: absolute; bottom: 0; margin: 0; /* ugly IE hack */ ^margin-left: -180px}

/* PRIMARY */
.primarypromotion {min-height: 250px; background: #fff; margin: 0 0 15px -6px; padding: 10px 5px 0; border-color: #dedede; border-style: solid; border-width: 1px 1px 2px; border-bottom-color: #bebebe}
.primarypromotion h3 a {font-weight: bold} 
.primarypromotion .stats {right: 5px}

/* CAROUSEL */
.carouselwrapper {overflow: hidden}
.carousel {float: left;  margin-right: 20px; width: 680px !important; left: 0; padding-left: 100px; height: 150px}
.carouselwrapper div ul li {margin-right: 20px; float: left}
.carouselwrapper .next, .carouselwrapper .prev {font-size: 26px; font-weight: bold; float: left; width: 80px; height: 195px; margin-right: 20px; cursor: pointer; position: absolute; z-index: 5; background-repeat: no-repeat; background-position: center top; background-color: transparent; color: #000; border: 0 !important; text-indent: -9999px}
.carouselwrapper .next:active, .carouselwrapper .prev:active {background: #eee}
.carouselwrapper .next.disabled {background-image: url(../img2/bg/carousel_next_disabled.png)}
.carouselwrapper .prev.disabled {background-image: url(../img2/bg/carousel_prev_disabled.png)}
.carouselwrapper .next {right: 0; background-image: url(../img2/bg/carousel_next.png); margin: 0}
.carouselwrapper .prev {left: 0; background-image: url(../img2/bg/carousel_prev.png)}

/* BUTTON styles */
.button {font-weight: bold; padding: 4px 10px; cursor: pointer; overflow: visible; width: auto !important; font-size: 12px !important; border-top: 1px solid #BEBEBE; border-left: 1px solid #BEBEBE; border-bottom: 1px solid #888 !important; border-right: 1px solid #888}

/* ADS */
/* Common ad class */
.ad, .keskimainos {float: left; padding-top: 20px; background: url(../img2/bg/ilmoitus_bg.gif) no-repeat top left; text-align: center}
.sideads {width: 160px; text-align: center; float: left}
.topad {width: 980px; margin: 0 auto; float: none !important; clear: both}
.ad .onead div {margin-bottom: 15px}
.item.textad {background: #FFFFE0}
/* extra-large-rectangle ad */
.extra-large-rect {width: 468px; margin: 0 6px !important}
/* keskimainos */
.keskimainos {width:580px; text-align:center; margin-bottom: 10px; padding: 20px 0 10px !important; border-bottom: 1px solid #999}
/* hide outline from buttons */
button:focus::-moz-focus-inner {border-color: transparent !important}
/* 5px border-radius */
#wrapper, .primarypromotion, .button, #lehtihover, #frontPageCartoon1 ul li, #frontPageCartoon2 ul li, #kommentit, .alue-dome #subnavigation ul li a.selected, ul.gallery-thumb-intro, #kommentit form input.kommentit-button, .frontpages .ribbon, .frontpages #uutiset {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
/* #alkuun */
p#alkuun, ul#beginnav, ul#endnav{display:none}
/* clear */
.clear {clear: both}

/* TipTip CSS - Version 1.2 */
#tiptip_holder{display:none;position:absolute;top:0;left:0;z-index:99999}
#tiptip_holder.tip_top{padding-bottom:5px}
#tiptip_holder.tip_bottom{padding-top:5px}
#tiptip_holder.tip_right{padding-left:5px}
#tiptip_holder.tip_left{padding-right:5px}
#tiptip_content{font-size:12px; text-align: left; color:#fff;padding:4px 8px;border:1px solid rgba(255,255,255,0.25);background-color:rgb(25,25,25);background-color:rgba(25,25,25,0.92);background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(transparent),to(#000));border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0 0 3px #555;-webkit-box-shadow:0 0 3px #555;-moz-box-shadow:0 0 3px #555}
#tiptip_arrow,#tiptip_arrow_inner{position:absolute;border-color:transparent;border-style:solid;border-width:6px;height:0;width:0}
#tiptip_holder.tip_top #tiptip_arrow{border-top-color:#fff;border-top-color:rgba(255,255,255,0.35)}
#tiptip_holder.tip_bottom #tiptip_arrow{border-bottom-color:#fff;border-bottom-color:rgba(255,255,255,0.35)}
#tiptip_holder.tip_right #tiptip_arrow{border-right-color:#fff;border-right-color:rgba(255,255,255,0.35)}
#tiptip_holder.tip_left #tiptip_arrow{border-left-color:#fff;border-left-color:rgba(255,255,255,0.35)}
#tiptip_holder.tip_top #tiptip_arrow_inner{margin-top:-7px;margin-left:-6px;border-top-color:rgb(25,25,25);border-top-color:rgba(25,25,25,0.92)}
#tiptip_holder.tip_bottom #tiptip_arrow_inner{margin-top:-5px;margin-left:-6px;border-bottom-color:rgb(25,25,25);border-bottom-color:rgba(25,25,25,0.92)}
#tiptip_holder.tip_right #tiptip_arrow_inner{margin-top:-6px;margin-left:-5px;border-right-color:rgb(25,25,25);border-right-color:rgba(25,25,25,0.92)}
#tiptip_holder.tip_left #tiptip_arrow_inner{margin-top:-6px;margin-left:-7px;border-left-color:rgb(25,25,25);border-left-color:rgba(25,25,25,0.92)}
/* Webkit Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0){#tiptip_content{padding:4px 8px 5px 8px;background-color:rgba(45,45,45,0.88)}
#tiptip_holder.tip_bottom #tiptip_arrow_inner{border-bottom-color:rgba(45,45,45,0.88)}
#tiptip_holder.tip_top #tiptip_arrow_inner{border-top-color:rgba(20,20,20,0.92)}
}

/*-------------------------------
END COMMON CSS:
--------------------------------- */

/*-------------------------------
PLAZA SHARED CSS -
basic rules shared by different sections & sites
--------------------------------- */

/* .article */
.article h2, .articleheader h2 {margin: 0 0 10px; font-size: 26px; line-height: 1}
.article p.date {margin: -10px 0 5px; color: #666;font-size: 11px}

/*LEIKI*/
.leikiwidget {width: 340px}
.leikiwidget {float: left; padding-bottom: 20px}
#wrapper #content .bottom_leiki_ad {padding: 0 15px 10px 0; width: 350px; border-right: 1px solid #aaa}
#wrapper #content .bottom_leiki_ad p {margin: 0; padding: 10px; background: #fafafa; border: 1px solid #ddd}
#wrapper #content .bottom_leiki_ad p span {color: #666}

/* SIDENAVI */
/* first level */
#sidenavi {margin: 0 0 20px -10px}
#sidenavi li a{display:block;padding:5px 10px;border-bottom-width:1px; border-style: solid; width:172px}
#sidenavi li a:hover {text-decoration: none}
/* lower levels */
#sidenavi li li, #sidenavi li li li{text-transform:none}
#sidenavi li li a{padding-left:20px; width: 160px}
#sidenavi li li li a{padding-left:30px; width: 150px}
/* selected states */
#sidenavi li a.selected {font-weight:bold}
/* blogi -header in navigation */
#sidenavi span{color:#666; display:block}
/* sidebar inhouse banners */
#sidebar-a .mainos{text-align:center}

/* COMMON .DOCUMENT STYLES */
/* larger type in documents */
.document {font-size: 14px}
.document ul, .blogpost ul, .article ul {list-style-type: disc}
.document ul li, .blogpost ul li, .article ul li {display: list-item}
.document ol, .blogpost ol, .arcticle ol {list-style: decimal}
.document h2 {font-size: 28px; line-height: 1.2}
.document ul, .document ol, .blogpost ul, .blogpost ol, .article ul, .article ol {margin: 0 0 1.5em 40px}
.document ul li input {margin: 3px}

/* ÄÄNESTYKSET */
.document .tulokset table{border:0 none;margin:0 0 1.2em 10px;padding:4px;border-collapse:collapse;background:url(../img/bg/tulos_bg.gif) left bottom repeat-x}
.document .tulokset table caption{display:none}
.document .tulokset table th{background:#fff;border:0 none;margin:0;padding:10px 0 4px 0}
.document .tulokset table td{padding:0.3em;padding-left:0.6em;padding-right:0.6em;border:1px solid #d0e6b7;border-collapse:collapse}
.document .tulokset table td img{margin-right:0.6em;border:1px solid #8cc34e}

/* gallery thumbs, common colors */
ul.gallery-thumb-intro {padding:5px 0 5px 5px; float: left; background: #111; margin: 0}
ul.gallery-thumb-intro li{padding: 9px; list-style-type: none; float: left}
ul.gallery-thumb-intro li a img {border: 1px solid #000 !important}
ul.gallery-thumb-intro li a:hover img {border-color: #666 !important}

/* particlenavigation */
p#articlenavigation {float: left; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px 0 10px 0; font-size: 14px; width: 100%}
p#articlenavigation span {float: left; width: 49.9%; display: block; color: #666}
p#articlenavigation span.right {float: right; text-align: right}

/* img styles */
#content .oikea, #content-levea .oikea, #content .alignright{float:right;margin-left:10px}
#content .vasen, #content-levea .vasen, #content .alignleft{float:left;margin-right:10px}
#content .article img {border: 1px solid #111}
#content img.syvatty{padding:0 !important;border:0 none !important}
/* kainalo */
div.kainalo{float:left;margin:10px 0 10px;padding:15px;width:551px;background:#f7f7f7;border:1px solid #666}
#content div.kainalo h1, #content div.kainalo h2, #content div.kainalo h3, #content div.kainalo h4, #content div.kainalo h5{margin-left:0;margin-top:0;padding-left:0}
/* TAGSROW */
.tagsrow {background: url(../img/bg/tag.gif) no-repeat 0 3px; padding-left: 20px}
.tagsrow a {font-weight: normal !important}

/* keskustelu & kommenttinostot */
#sidebar-a #keskustelunostot, #sidebar-a #kommenttinostot {float:left;margin:0 0 5px;padding:0}
#sidebar-a #keskustelunostot li, #sidebar-a #kommenttinostot li, #sidebar-a #murobbs-kuumimmat li {width:160px;background:url(../img/bg/pisteet-vaaka.gif) repeat-x}
#sidebar-a #keskustelunostot li span, #sidebar-a #kommenttinostot li span {display: block;color: #666}
#sidebar-a #keskustelunostot li.more, #sidebar-a #kommenttinostot li.more {border-top:1px solid #000;font-weight:bold}

/* KOMMENTIT */
#kommentit{width:520px;float: left; padding: 30px}
#kommentit dl{margin:0 0 20px}
#kommentit dd{overflow:auto; border-bottom-width: 1px; border-style: dotted; margin: 0 0 10px}
#kommentit form textarea{width:515px;margin-bottom:10px}
#kommentit form input.kommentit-button{font-weight:bold;font-size:16px;padding:10px 25px; display: block; margin: 0 auto}
#kommentit form input{width:225px}
#kommentit form h4{font-size:12px}
#kommentit form h3{font-size:16px}
#kommentit form p{margin:0 0 10px}
#palsta1{float:left;width:285px;background:url(../img/bg/matkalaukku_pisteviiva_p.gif) 258px 25px no-repeat}
#palsta2{float:left;width:230px}

/* headlines */
#content ul#headlines{width:591px;margin:0 0 1.2em 0;padding:0;list-style:none;float:left}
#content ul#headlines li{width:591px;float:left;margin:0 0 1px 0;padding:0 0 2px 0;background:url(../img/bg/pisteet-vaaka.gif) left bottom repeat-x}
#content ul#headlines li a{display:block;margin:0;padding:0.8em 0 0.8em 47px;background:url(../img/bg/excerpt_bg.gif) 14px 50% no-repeat}
#content ul#headlines li a:hover{display:block;margin:0;text-decoration:none;padding:0.8em 0 0.8em 47px;background:#EDEEF1 url(../img/bg/excerpt_bg2.gif) 14px 50% no-repeat}
#content ul#headlines li a span, #content ul#headlines li a:hover span {color:#000;font-weight:normal}

/* archive */
.archive {width: 350px; float: left}
.archive h1 {font-size: 24px}
.archive .doctitle {display: block; font-size: 14px}
.archiveside {width: 210px; float: right; background: url(../img/bg/pisteet-pysty3.gif) repeat-y}
#contentarea-inside #content .archiveside dd {background: url(../img/bg/pisteet-vaaka.gif) repeat-x bottom; padding: 5px 0 5px 10px; margin: 0}
#contentarea-inside #content .archiveside dt {margin: 15px 0 0; border-bottom: 1px solid; font-size: 18px; font-weight: bold; position: relative; padding: 0 0 0 10px}
#contentarea-inside #content .archiveside dt span {position: absolute; right: 0; bottom: 2px; font-size: 11px}

/* .pager */
#content ul.pager{margin: 0 auto;padding:10px 0;width:100% !important; text-align: center}
#content ul.pager li{display: inline; margin:0 3px 0}
#content ul.pager a {font-weight: normal}
#content ul.pager li.current a, #content ul.pager li strong {font-weight:bold}
#content ul.pager li a, #content ul.pager li strong {padding: 3px 8px; border-width: 1px; border-style: solid}

/* .social */
.social{clear:both;height:90px;width:568px}
.social .fbshare{height:28px;width:120px;line-height:2.4;float:left;color:#3B5998;background:url(../img2/icons/facebook.gif) no-repeat 1px 6px;padding-left:19px}
.social .twitter-share-button{margin-bottom:8px}
.social a{font-size:12px;font-weight:normal}

/* .related_articles patch from screen.css */
.relatedwrapper {overflow: hidden; width: 580px}
.related {float: left; margin: 5px 0 10px -10px; width: 600px; border-top: 10px solid #eee}
.related h2 {color: #111 !important; font-size: 26px; font-weight: normal; margin: -25px 0 15px; padding-left: 10px; width: auto; background: #fff; float: left; padding-right: 10px; font-family: Calibri, Optima, Arial, sans-serif}
.related ul {clear: both}
.related li {margin: 0 9px 0 10px !important;float: left; line-height: 1.2 !important}
.related a {color: #444 !important}
.related .item {width: 180px !important; border: 0 !important; padding: 0 !important}
.related .item img {border: 1px solid #ccc !important;margin: 0 10px 5px 0 !important; padding: 1px !important}
.related .item h3 {line-height: 1.2; margin-bottom: 5px}
.related.discussion {background: url(../img2/bg/related_discussions_bg.gif) 10px bottom repeat-x; padding-bottom: 40px}
.related.discussion li {width: 130px}
.related.discussion li span {display: block; font-size: 10px; margin-top: 3px; color: #666}

/* OLD Plaza elements */
/* contentareas */
#sidebar-a {width: 180px; padding: 0; min-height: 1px; _height: 1px}
#contentarea, #contentarea-inside {float: left; /* .container width: */ width: 810px}
/* sensible defaults for content & #sidebar-a */
#content {width: 580px}
/* #sidebar-ads to behave, similiar to new .sideads + merged .ad */
#sidebar-ads {width: 160px; text-align: center; float: left; padding-top: 20px; background: url(../img2/bg/ilmoitus_bg.gif) no-repeat top left}
#sidebar-ads * {margin: 0 0 10px 0}

/* no text shadow on selection */
::-moz-selection{text-shadow: none; background: #99d3e7}
::selection {text-shadow: none; background: #99d3e7}

/*-------------------------------
end PLAZA SHARED CSS
--------------------------------- */

/*-------------------------------
SECTION STYLES:
1) Frontpage/categorypages
2) Dome
3) Lukeminen
4) Ideakeittiö
5) Muropaketti
-------------------------------*/

/*-----------------------
1) Plaza.fi Frontpage/categorypages
   Grid: http://griddle.it/956-10-20
-------------------------*/

/* dark link color on frontpages */
.frontpages a {color: #3D3D3D}

/* frontpages <body> background */
body.frontpages {background: #DBEBF0}

/* Font reset for frontpages */
body.frontpages,.frontpages h1,.frontpages h2,.frontpages h3,.frontpages h4,.frontpages h5,.frontpages h6,.frontpages p,.frontpages ul,.frontpages ol,.frontpages dl,.frontpages input,.frontpages textarea {font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif}

.frontpages #master {margin: 0 auto; width: 1170px; display: block; position: relative;text-align:left}
.frontpages #wrapper {width: 994px; margin: 0}
.frontpages .container {width: 100%}
.frontpages .columns {width: 606px; margin: 0; background: none; clear: both}
.frontpages .columns .primarypromotion {width: 175px; padding: 0; margin: 0 0 0 20px}
.frontpages .columns .item img {margin-bottom: 0.5em; width: 173px}
.frontpages .full {width: 994px; margin: 0}

/* Categorysources on frontpages */
.frontpages .categorysources {padding-top: 7px; margin: 15px 0 0 10px; color: #aaa}
.frontpages .categorysources a {color: #666; font-weight: normal}

/* Frontpages headings */
.frontpages h2 {border-width: 3px 0 1px 0; border-color: #333; border-style: solid; clear: both; font-size: 16px; padding: 1px 0 2px}
.frontpages h2 span {color: #000; font-size: 11px; font-weight: normal}
.frontpages h1.categoryheader {margin: 0 10px 0 0; text-transform: uppercase; float: left}

/* NEWS */
.frontpages #uutiset {width: 554px; padding: 0 5px; margin: 10px 0 5px 20px; clear: both; background: #fff; border: 1px solid #aaa}
.frontpages #uutiset, .frontpages #uutiset .item h3 {float: left;font-size: 12px}
.frontpages #uutiset .newstab {float: left; margin: 0 10px; width: 559px; padding: 0 0 15px}
.frontpages #uutiset .newstab .item {border-bottom: 1px dotted #CAC6AB; padding: 7px 0 4px; margin: 0; width: 537px}
.frontpages #uutiset .newstab .item.mainnews h3 a {font-weight: bold; font-size: 16px}
.frontpages #uutiset .newstab .item h3 {line-height: 1.5; margin: 0 5px 0 0; font-size: 14px}
.frontpages #uutiset .tabs {float: left; width: 565px; margin-left:-6px; border-bottom: 1px solid #aaa; background-image: -webkit-gradient(linear, left bottom, left top, from(#e4e4e4), to(#f8f8f8)); background-image: -webkit-linear-gradient(bottom, #e4e4e4, #f8f8f8);background-image: -moz-linear-gradient(bottom, #e4e4e4, #f8f8f8);background-image: -ms-linear-gradient(bottom, #e4e4e4, #f8f8f8);background-image: -o-linear-gradient(bottom, #e4e4e4, #f8f8f8);background-image: linear-gradient(bottom, #e4e4e4, #f8f8f8); border-right: 1px solid #aaa}
.frontpages #uutiset .tabs li {padding: 10px 15px; font-size: 14px; float: left; border-right: 1px solid #999}
.frontpages #uutiset .tabs li a {color:#222; display: block; text-shadow: rgba(255,255,255,0.5) 1px 1px}
.frontpages #uutiset .tabs li.active a {color: #2678c4}

.frontpages #uutiset .tabs li.active {background:#fff; border-width: 1px 1px 0; border-style: solid; border-color: #aaa #aaa #fff; margin-bottom: -1px; padding-top: 17px; margin-top: -8px; padding-bottom: 11px; border-radius: 5px 5px 0 0}
.frontpages #uutiset .newsmeta {float: left; position: relative; line-height: 2.3; color: #666; text-transform: uppercase; font-size: 10px}
.frontpages #uutiset .newsmeta a {color: #666; font-weight:normal}

/* ajankohtaista_nostot */
.frontpages .ajankohtaista_nostot {float: left; width: 468px}

/* More from category */
.frontpages .category_more a {font-size: 14px; clear: both; display:block; background: #eee; padding: 10px 15px; border-bottom: 1px solid #E0E0E0; text-align: center}
.frontpages .category_more a:hover {text-decoration: none; background: #f0f0f0}
.frontpages .category_more em {font-size: 3em; line-height: 0; position: relative; top: 7px}
.frontpages #lifestyle_more em,
.frontpages #lifestyle_more a:hover {color: #A4D421}
.frontpages #viihde_more em,
.frontpages #viihde_more a:hover {color: #F2C029}
.frontpages #tekniikka_more em,
.frontpages #tekniikka_more a:hover {color: #4FABEE}
.frontpages #ajankohtaista_more em,
.frontpages #ajankohtaista_more a:hover {color: #F26A3D}

/* DATE */
.frontpages #datebar .s380 {font-size: 11px}
.frontpages #datebar .s380 p {margin:0}

/* Google SEARCH */
.frontpages .haku.full {width: 370px; clear: both; margin-top: -10px; margin-left: 20px}
.frontpages .haku.full .searchfield {width: 280px}
.frontpages .haku.full form {padding: 10px 0 0; margin: 10px 0 5px 0; border-radius: 10px}
.frontpages .haku.full input.searchfield, .frontpages .haku.full input.button {padding: 9px !important; border: 1px solid #1F6CBC !important}
.frontpages .haku.full input.button {border-left: 0 !important}
.frontpages .haku.full input.searchfield {border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-size: 14px}
.frontpages #radios {text-align: left; margin-top: 0.5em}
.frontpages #trgt1,.frontpages #trgt2,.frontpages #trgt3 {margin-right: 5px; border: 0; position: relative; top: 3px}

/* WEATHER */
.frontpages .weather {width: 370px; padding-top: 15px; float: left; margin-left: 20px}
.frontpages .weather p {border: 0; padding: 0; color: #000; margin: 0}
.frontpages .weather input {width: 128px; padding: 10px; font-size: 14px; float: left; border: 1px solid #aaa; background: #fcfcfc; border-radius: 5px}
.frontpages .weather h2 {display: none}
.frontpages #cityweather {float: left; min-height: 55px; width: 220px; margin: 0 0 5px}
.frontpages #cityweather ul {float: right; width: 135px}
.frontpages #cityweather img.weathericon {float: left; margin-top: -20px}

.frontpages .email {width: 175px;margin: -4em 0 0 10px;float: left;padding-left: 9px;border-left: 1px dashed #aaa}
.frontpages .email h2 {border: 0; font-size: 1em; margin: 0; color: #666}
.frontpages .email p {color: #666;margin: 0}
.frontpages .email select {width: 175px; margin: 0.5em 0}

.frontpages #bookstore {width: 670px; margin-left: 20px; float: left; margin-top: 1em;}

/* lukeminen nostolaatikko */
.frontpages #lukeminen {float: left; margin-left: 20px; margin-top: 1em; width: 253px; padding: 9px; background: #fff; border: 1px solid #aaa; border-radius: 5px}
.frontpages #lukeminen img {margin: 0 auto 1em; width: 100px; display: block}

/* weather autocomplete */
.ui-autocomplete {cursor:default;position:absolute; background: #fff; border-width: 0 1px 1px; border-style: solid; border-color: #888; text-align: left; font-size: 14px}
.ui-autocomplete-input.hint {color: #888}
.ui-autocomplete .ui-menu-item {padding: 0 5px 5px; margin-top: 5px}
.ui-autocomplete a.ui-state-hover {color: #000}
.ui-autocomplete-loading {background: url(../img2/ajax.gif) no-repeat right}

/* CRISIS PICK */
.frontpages #kriisi {background:#ECF5FD;border: 1px solid #B5CDE3; padding:1.5em 14px 0; width: 926px; margin: 1em 0 1em 20px;}
.frontpages #kriisi h2 {border: 0; color: #3D3D3D}
.frontpages #kriisi p {white-space: normal; line-height: 1.5; color: #3D3D3D}

/* carousel */
.frontpages #frontPageImageCarousel button {height: 120px}
.frontpages #frontPageImageCarousel button.next, #frontPageImageCarousel button.prev {background-position: 0 -40px}
.frontpages #frontPageImageCarousel .carousel ul li {position: relative}
.frontpages #frontPageImageCarousel .carousel ul li h3 {position: absolute; width: 170px; font-size: 11px; bottom: 5px; margin:0; padding: 5px; background: url(../img2/bg/80.png) repeat; line-height: 1.25}
.frontpages #frontPageImageCarousel .carousel ul li h3 a {color: #fff; font-weight: normal}

.frontpages .carouselwrapper {margin-left: 20px; width: 761px; float: left; position: relative}
.frontpages .carouselwrapper div ul li {margin-bottom: 20px}
.frontpages .carousel {padding-left: 98px}

/* CARTOONS */
.frontpages #frontPageCartoon1 ul li h3, #frontPageCartoon2 ul li h3 {font-size: 14px}
.frontpages .morecartoons {text-align:center; font-size: 24px}
.frontpages .morecartoons a {position: relative; top: 40%}

.frontpages .foodsearch {width: 956px; margin: 0.5em 0 1.5em 20px; float: left; background: url(../img2/bg/foodsearch_bg.png) no-repeat left 50%; padding: 1em 0}
.frontpages .foodsearch form {float: right; padding: 20px 0;background: url(http://otavafiles.fi/plaza/s/img/bg/ideakeittio-bg.gif) no-repeat right center;text-align: center; border-radius: 5px; width: 761px}
.frontpages .foodsearch form.haku input {width: 270px; border: 1px solid #74A631; padding: 7px; font-size: 14px; color: #888}
.frontpages .foodsearch form.haku input.hae {margin-left: 5px; margin-top: 5px; background: url(../img/buttons/hae.gif) -1px -1px no-repeat; height: 32px; width: 88px; text-indent: -9999px; font-size: 0; display: inline-block; position: relative; top: -6px; border: 3px solid #fff}
.frontpages .foodsearch form.haku span {color: #7a7a7a; float: left}

.frontpages .foodsearch h2 {border:none;width:194px;float:left}
.frontpages .foodsearch h2 a{display: block;width:194px;height:60px;text-indent:-9999px}

/* MAGAZINE RACK */
.frontpages #lehtihover {display: block; position: absolute; top: 0; left: 0; z-index: 5; padding: 10px; background: #333 url(../img2/bg/loader.gif) no-repeat center; width: 250px; min-height: 320px}

/* CATEGORY COLORS */

/* active classes for top nav */
body.lifestyle.frontpages li.lifestyle a.navilink {color: #C6E667 !important}
body.viihde.frontpages li.viihde a.navilink {color: #F2C029 !important}
body.ajankohtaista.frontpages li.ajankohtaista a.navilink {color: #F26A3D !important}
body.tekniikka.frontpages li.tekniikka a.navilink {color: #79C0F2 !important}

/* TV */
.frontpages .megatv {margin-left: 20px; float: left}
.frontpages .TVGuideHeader h2 {width: 960px}
.frontpages .TVGuide .channelPrograms {width: 195px}
.frontpages .TVGuide .channelHeader {background: #fff}
.frontpages .TVGuide .channelHeader td {padding: 5px; vertical-align:middle; width: 174px; border-width: 1px 0 1px 1px; border-style:solid; border-color: #A0A0A0}
.frontpages .TVGuide .channelHeader td a {height: 25px; display: block}
.frontpages .TVGuide .programData td.programtime {padding: 0 5px; border-bottom:0; color: #888}
.frontpages .TVGuide .programData td {padding: 2px 25px 2px 5px; border-bottom: 1px dotted #ccc}
.frontpages .TVGuide .channelGroup {margin-left: -20px; float: left; background: url(../img2/bg/tv2.gif) repeat-y 20px 0; width: 975px; overflow: hidden; border-right: 1px solid #a0a0a0}
.frontpages .TVGuide .channelGroup .column {width: 175px; font-size: 12px; margin-left: 20px; padding: 0}

/* Custom settings for footer */
.frontpages #megaplazacategoryfooterwrapper {border: 0}
.frontpages #megaplazacategoryfooterwrapper .s280 {width: 306px !important}
.frontpages #megaplazacategoryfooterwrapper #categoryfooter, #megaplazafooterwrapper #footer {width: 980px !important}

/* WINDOWOVERLAY */
.frontpages .windowoverlay {display: none;height: 100%; width: 100%; background: url(../img2/bg/80white.png) no-repeat top center; position: absolute; top: 65px; z-index: 1000} 

/* cancel out top-right and top-left radius */
.frontpages .haku input.button {-moz-border-radius-topleft: 0;-moz-border-radius-bottomleft:0;-webkit-border-top-left-radius:0;-webkit-border-bottom-left-radius:0; border-top-left-radius: 0;border-bottom-left-radius:0; vertical-align: bottom; height: 38px}

/* Frontpage ASSORTED */
.frontpages #CatdiscussionAndCommentsDiv {float: left; width: 472px; margin-left: 20px}
.frontpages .TVGuideFooter {padding-top: 20px; width: 961px;border-top: 1px solid #A0A0A0; font-size: 16px}

/* frontpages ribbons */
.frontpages .ribbon {color: #fff; text-shadow: 1px 1px 0 #000000; float: left; font-size: 20px; border-width: 1px; border-style: solid; padding: 8px 30px 8px 20px; margin: 10px 15px 15px -10px;height: 22px; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; clear: both; box-shadow: rgba(0,0,0,0.25) 1px 3px 1px -1px, rgba(255,255,255,0.35) 0 1px inset}
.frontpages .ribbon a {color: #fff}
.frontpages span.corner {z-index: -1; position: relative; left: -30px; bottom: -2px; border-style: solid; border-width: 9px; border-color: transparent #8F0000 transparent transparent; display: block; width: 0; height: 1px}

.frontpages .ribbon.lifestyle {background: #A4D421; border-color: #8DA744}
.frontpages .ribbon.lifestyle .corner {border-color: transparent #8DA744 transparent transparent}
.frontpages .ribbon.tekniikka {background: #4FABEE; border-color: #4D88B3}
.frontpages .ribbon.tekniikka .corner {border-color: transparent #3D6D8F transparent transparent}
.frontpages .ribbon.viihde {background: #F2C029; border-color: #C19A1D}
.frontpages .ribbon.viihde .corner {border-color: transparent #C19A1D transparent transparent}
.frontpages .ribbon.ajankohtaista {background: #F26A3D; border-color: #B14A2A}
.frontpages .ribbon.ajankohtaista .corner {border-color: transparent #B14A2A transparent transparent}
.frontpages .ribbon.date {background: #2678C4; border-color: #1652A4; margin-top: -10px; margin-bottom: 5px}
.frontpages .ribbon.date .corner {border-color: transparent #124387 transparent transparent}
.frontpages .ribbon.date abbr {border: 0}

/* feedboxes */
.frontpages #skfeedbox {padding: 15px; width: 436px; background: #fff; border: 1px solid #aaa; clear: both; border-radius: 5px; margin: 0 0 0 20px; float: left}
.frontpages #skfeedbox h2 {border-bottom: 3px solid #003265; background: url(../img2/sk.png) no-repeat; border-top: 0; color: #003265; text-indent: -9999px; background-color:#d40202}
.frontpages #skfeedbox h2 a{ width:100%;height:25px;display:block}
.frontpages #skfeedbox .item {border-bottom: 1px dotted #CAC6AB; padding-bottom: 6px}
.frontpages #skfeedbox h3 {line-height:1.3}
.frontpages #skfeedbox p {margin: 0}
.frontpages #skfeedbox p a {font-size: 14px}

.frontpages #tvbox {width: 160px; float: left; margin-left: 10px}
.frontpages #tvbox thead {font-size: 14px; border-top: 1px solid #aaa; padding-top: 5px; font-weight: bold}
.frontpages #tvbox a {font-weight: normal}
.frontpages #tvbox .kellonaika {font-weight: bold}

.frontpages .nostoboksi {float: right;margin-right: 15px;width: 370px;margin-top: 10px}
.frontpages .nostoboksi h2 {background: #2F7AAE;padding: 5px 10px; color: white; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 1.25em;text-shadow: 1px 1px 1px #111;border: 0;margin-bottom: 5px}
.frontpages .nostoboksi ul li a {font-weight: normal}

/* Nettiauto promotions */
.frontpages #nettixads h2 {background: url(../img2/bg/nettiauto.png) no-repeat; border: 0; margin-left: 20px; text-indent: -9999px}
.frontpages #nettixads h2 a{ display: block;height: 50px;width:120px}
.frontpages #nettixads ul{margin-left: 20px; width: 975px}
.frontpages #nettixads ul li {float: left; margin-right: 20px; font-size: 12px; min-height: 130px; line-height: 1; width: 175px}
.frontpages #nettixads ul li a {font-weight: normal; color: #666}
.frontpages #nettixads ul li img {margin-bottom: 5px; border: 1px solid #666;min-height: 118px; max-height: 118px; width: 173px; display: block}
.frontpages #nettixads p {float: left; margin: 10px 0 0 15px}

/* tmnostoboksi */
.frontpages #tekniikka #tmnostoboksi {width: 350px;background: #1E1E1E;padding: 20px 10px;margin-right: 15px; clear: none; float: right; border-radius: 5px}
.frontpages #tmnostoboksi h1 {background: url(../img2/bg/tmnostoboksi.png) no-repeat -10px top; height: 58px; width: 350px; margin-top: -20px}
.frontpages #tmnostoboksi h1 a{height:58px;text-indent:-9999px;width:350px;display:block}
.frontpages #tmnostoboksi h3 a {color: #eee; font-weight: bold}

/* Category sections on frontpage */
/* serif fonts in lifestyle section */
.frontpages #lifestyle h3, .frontpages #lifestyle h2 {font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif !important}
.frontpages #tekniikka .columns {width: 205px}
.frontpages #cartoons {width: 801px}
/* AJANKOHTAISTA NOSTOT */
.s380.ajankohtaista {width: 320px}

.frontpages .sideads.ad {position: absolute; right: -170px; top: 0}
.frontpages .full.ad {background-position: 7px 0}

.frontpages .paragraph_fades {margin-right: 5px; margin-left: 0; padding-top: 0}
.frontpages .onead {position: relative}
.frontpages #nameday, .frontpages #nameday a {color: #444; line-height: 1.2}

.frontpages .primarypromotion {min-height: 215px !important}
.frontpages .primarypromotion h3 {font-size: 14px}

/* Frontpages .items
/* ------------------- */
/* should be NOT category pages? */

.frontpages .item h3, .frontpages .item h2 {line-height: 1.2}
.frontpages .item {border: 0}
.frontpages .item h3 {margin: 0 0 0.2em 0}
.frontpages .item span a {color: #666}
.frontpages .column .item {padding-bottom: 10px}
.frontpages .item img {border-color: #D4D4D4; border-bottom-color: #bbb; border-top-color: #ddd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px}

.frontpages .primarypromotion {background: none; min-height: 0; margin: 0 0 0.5em; padding: 0}
.frontpages .full .primarypromotion {width: 468px; margin-left: 20px; float: left}

.frontpages #lukeminen .item {border-bottom: 1px dotted #ccc}
.frontpages .linklist-etusivun-sisaiset-mainokset ul li {margin-bottom: 10px}

/* ACCORDION on fronpages*/
.frontpages #accordion {border-width: 10px !important; border-style: solid !important; background: #000; margin: 0 20px 1em}
.frontpages #accordion,.frontpages #accordion .item,.frontpages #accordion .item a {overflow: hidden; height: 300px; padding: 0}
/* widths - normal & .active + opacity states */
.frontpages #accordion .item {display: block; width: 108px}
.frontpages #accordion .item_overlay {width: 480px}
.frontpages #accordion .item.active {width: 500px}
/* item overlay */
.frontpages .item_overlay {position: absolute; padding: 5px 10px; left: 0}
.frontpages .item_overlay {bottom: 0; background:url(../img2/bg/80.png) repeat}
/* hide .item contents when not .active */
.frontpages #accordion .item * {visibility: hidden}
.frontpages #accordion .item.active * {visibility: visible; color: #fff}
/* hide cursor from .active link */
.frontpages #accordion .item.active a {cursor: pointer}
/* styles for .item insides, but not for images: images are always visible */
.frontpages #accordion .item img {visibility: visible !important; padding: 0 !important; margin: 0; border: 0; width: 500px !important; position: absolute}
/* img opacity/hover effect */
.frontpages #accordion .item h3 {font-size: 16px; line-height: 1.3}
.frontpages #accordion .item img {opacity: 0.5; filter: alpha(opacity=50)}
.frontpages #accordion .item.active img,.frontpages #accordion .item a:hover img {opacity: 1; filter: alpha(opacity=100)}
.frontpages #accordion .item span,.frontpages #accordion .item .stats {position: static; float: left}
.frontpages #accordion .item .stats .item_views {float: left; margin: 0 0 0 5px; height: 14px}
.frontpages #accordion .item .stats .item_views span {position: relative; top: -10px}

/* JS */
.script .carouselwrapper button {display: block; width: 78px; height: 240px}
.carousel.cartoonKamalaluonto, .carousel.cartoonViivijaWagner {overflow: hidden; height: 200px}
.script .carousel.cartoonKamalaluonto, .script .carousel.cartoonViivijaWagner {overflow: visible}
.script #uutiset .newstab h2, .carouselwrapper button, .script .newstab, .script #noscriptLogin {display: none}
.script #firstnewstab {display: block}

/*-----------------------
END Plaza.fi Frontpage/categorypages
-------------------------*/

/*----------------------------
2) DOME
------------------------------*/

/* Dome logo */
.alue-dome #logo {margin: 0}
.alue-dome #logo a {background: url(../img2/dome_logo.gif) no-repeat; width: 285px; height: 58px; display: block; text-indent: -9999px}

/* Dome Document styles */
.alue-dome .document h2 {/* link color */color: #225F73}
.alue-dome .document form dd {margin: 10px 0 0}
.alue-dome .document form dd input {margin-right: 5px; vertical-align: middle}

/* sidenavi color settings */
.alue-dome #sidenavi li a.selected {background: #222; color: #fff}
.alue-dome #sidenavi li a.inpath {background: #bbb; color: #000}
.alue-dome #sidenavi li a.inpath:hover {background: #bbb}
.alue-dome #sidenavi li a:hover {background: #fff}
#sidenavi li a.selected:hover {background: #111}
.alue-dome #sidenavi li a{-moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff;border-color: #666}

/* Kommentit color settings */
.alue-dome #kommentit{background:#222;color:#eee}
.alue-dome #kommentit dd{border-color: #aaa}
.alue-dome #kommentit dd a {color: #1A8EBD}
.alue-dome #kommentit form input.kommentit-button{border:3px solid #49850B;background:#69BF10;color:#fff}
.alue-dome #kommentit p.info a, .alue-dome #kommentit form.not-registered a{color:#fff}

/* body & wrapper & sideads modifications */
body.alue-dome {background: #010C12 url(../img2/bg/dome_bg.png) top repeat}
.alue-dome #wrapper {background: #fafafa url(../img2/bg/dome_wrapper_bg_folder.gif) repeat-y; border-width: 0 1px; border-style: solid; border-color: #1D2E3A; margin-top: 70px}
.alue-pelihallin-pelit #wrapper {background-image:none}
/* shift logo */
.alue-dome #contentarea-inside {margin-top:-58px}

/* content, sidebar & wrapper on Dome frontpage & sub frontpages */
.alue-dome.etusivu-dome #wrapper,.alue-dome.dome-sub-etusivu #wrapper {background: #fafafa url(../img2/bg/dome_wrapper_bg.gif) repeat-y}
.alue-dome.etusivu-dome #content,.alue-dome.dome-sub-etusivu #content {width: 810px; float: left; margin: 0; padding: 0}
.alue-dome.etusivu-dome #sidebar-a {min-height: 0; line-height: 0}
/* sidenavi on sub-frontpages to horizontal */
.alue-dome.dome-sub-etusivu #sidebar-a, .alue-dome.dome-sub-etusivu #sidebar-a ul {min-height: inherit; width: 800px; margin: 0; float: left; background: #0D2C36}
.alue-dome.dome-sub-etusivu #sidenavi li {float: left}
.alue-dome.dome-sub-etusivu #sidenavi li a {width: auto; color: #387B9F}
.alue-dome.dome-sub-etusivu #sidenavi li a:hover {background: #111}
/* hide selected */
.alue-dome.dome-sub-etusivu #sidebar-a li a.selected {display: none}

/* nudge banners */
.alue-dome #sidebar-ads {margin: 50px 0 0 4px}
.alue-dome.dome-sub-etusivu #sidebar-ads {margin-top: 50px}

.alue-dome #content {padding-top: 20px}

/* Wider columns */
.alue-dome .columns .column {width: 380px}
.alue-dome .columns .column .item h2.category {width: 360px; text-transform: none}
.alue-dome .columns {background: none}
.alue-dome .columns .column {padding-bottom: 20px}

/* .item modifications */
.alue-dome .column .item, .alue-dome .s280 .item {padding-bottom: 0}
.alue-dome .item h3 a {font-weight: bold}

/* Links & img border color */
.alue-dome a {color: #225F73}
.alue-dome:visited {color: #25454F}
.alue-dome .item img {border-color: #004272}

/* carousel headings */
.alue-dome .carouselwrapper h2.category {color: #fff; width: 760px !important}
.alue-dome .carouselwrapper h2.category a {padding: 8px  8px 8px 14px !important}

/* subnavigation */
.alue-dome #subnavigation {position: relative; width: 981px}
.alue-dome #subnavigation #current-area {display: none}
.alue-dome #subnavigation ul {background:#226075 url(../img2/bg/dome_navigation_bg.png) repeat-x bottom; margin-left: -7px; border: 1px solid #1D2E3A; float: left; padding: 10px 15px; width: 962px}
.alue-dome #subnavigation ul li {float: left; font-size: 14px}
.alue-dome #subnavigation ul li a {color:#fff; padding: 5px 10px}
.alue-dome #subnavigation ul li a.selected {background: #111; padding: 5px 10px}
.alue-dome .naviclear {margin: 0 0 -10px -7px; float: left; width: 994px; height: 10px; background: url(../img2/bg/dome_navigation_corner.gif) left top no-repeat}

/* Dome .pager colors */
.alue-dome #content #kommentit ul.pager {background: #111}
.alue-dome #content ul.pager li strong {border-color: #666; color: #666}

/* CATEGORY HEADINGS + ICONS */
.alue-dome .item h2.category, .alue-dome .carouselwrapper h2.category {color: #fff; background: #192D33; padding: 5px 10px; font-size: 16px; width: 160px; min-height: 20px; margin-bottom: 15px !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px}
.alue-dome h2.category a, .alue-dome .carouselwrapper h2.category a {color: #fff; position: absolute; left: -2px; top: 0; height: 15px; width: 200px; background-position: top left; background-repeat: no-repeat; padding: 18px 16px 16px 60px}
.alue-dome h2.musiikki a {background-image:url(../img2/bg/dome_music.png)}
.alue-dome h2.pelit a {background-image:url(../img2/bg/dome_games.png)}
.alue-dome h2.viihde a, .alue-dome h2.kilpailut a {background-image:url(../img2/bg/dome_fun.png)}
.alue-dome h2.elokuvat a {background-image:url(../img2/bg/dome_movies.png)}
.alue-dome .item h2.category.ajankohtaista a, .alue-dome .item h2.category.artikkelit a {padding-left: 20px; background: none}

/* .primarypromotion: no background */
.alue-dome #wrapper .primarypromotion {background: none !important; border-color: transparent; min-height: 370px !important}

/* Dome .ribbon headers */
.alue-dome .ribbon {font-family: 'Lobster', arial, serif; color: #fff; background: url(otsikko-gradient.png) repeat-y #E55A16; text-shadow: 1px 1px 0 #000000; float: left; font-size: 24px; border: 1px solid #631E05; padding: 5px 20px; margin: 10px 10px 0 -7px;height: 26px}
.alue-dome .ribbon a {color: #fff}
.alue-dome span.corner {z-index: -1; position: relative; left: -25px; bottom: -3px;  border-style: solid; border-width: 5px; border-color: transparent #8F0000 transparent transparent; display: block; width: 0; height: 1px}

/* DISCUSSION & COMMENTS */
.alue-dome .commentsdiscussion {background: #4d4236; float: left; width: 980px}
.alue-dome .commentsdiscussion .s320 .ribbon {margin-left: -17px}
.alue-dome .commentsdiscussion .discussions .ribbon, .alue-dome .commentsdiscussion .facebook_feed .ribbon {margin-left: 0}
.alue-dome .commentsdiscussion .discussions .ribbon .corner, .alue-dome .commentsdiscussion .facebook_feed .ribbon .corner {display: none}
.alue-dome .commentsdiscussion ul {float: left; margin-top: 10px; width: 100%}
.alue-dome .commentsdiscussion ul li {padding: 5px 0 4px; border-bottom: 1px solid #342D1F; font-size: 14px; color: #fff}
.alue-dome .commentsdiscussion ul li a {color: #DAC9B5}
.alue-dome .commentsdiscussion ul li span {color: #888; display: block; font-size: 11px}

/* carousel  */
.alue-dome .carouselwrapper .next, .alue-dome .carouselwrapper .prev {background-position: center center; height: 210px !important}

/* ACCORDION */
.alue-dome #accordion {border-width: 10px !important; margin: -6px 0 0; border-style: solid !important; background: #000}
.alue-dome #accordion, .alue-dome #accordion .item, .alue-dome #accordion .item a {overflow: hidden; height: 300px; padding: 0}
/* widths - normal & .active + opacity states */
.alue-dome #accordion .item {display: block; width: 70px}
.alue-dome #accordion .item_overlay {width: 480px}
.alue-dome #accordion .item.active{width: 500px}
/* hide .item contents when not .active */
.alue-dome #accordion .item * {visibility: hidden}
.alue-dome #accordion .item.active * {visibility: visible; color: #fff}
/* hide cursor from .active link */
.alue-dome #accordion .item.active a {cursor: pointer}
/* styles for .item insides, but not for images: images are always visible */
.alue-dome #accordion .item img {visibility: visible !important; padding: 0 !important; margin: 0; border: 0; width: 500px !important; position: absolute}
/* img opacity/hover effect */
.alue-dome #accordion .item h3 {font-size: 16px; line-height: 1.3}
.alue-dome #accordion .item img {opacity: 0.5; filter: alpha(opacity=50)}
.alue-dome #accordion .item.active img, .alue-dome #accordion .item a:hover img {opacity: 1; filter: alpha(opacity=100)}
.alue-dome #accordion .item span, .alue-dome #accordion .item .stats {position: static; float: left}
.alue-dome #accordion .item .stats .item_views {float: left; margin: 0 0 0 5px; height: 14px}
.alue-dome #accordion .item .stats .item_views span {position: relative; top: -10px}

/* bigpicture */
#bigpicture .item {margin-left: 10px;width: 780px; padding: 0}
#bigpicture .item_overlay {width: 760px}
#bigpicture .item_overlay h3 a {font-size: 22px; color: #fff; line-height: 1.3}

/* item overlay - transfer to common */
.alue-dome .item_overlay {position: absolute; padding: 5px 10px; left: 0}
.alue-dome .item_overlay {bottom: 0; background:url(../img2/bg/80.png) repeat}

/* dome assorted */
.alue-dome .articleheader p{font-size: 11px}
.alue-dome .dome_social {height: 50px; width: 180px; position: absolute;top: -50px}
.alue-dome .dome_social a {padding: 15px 0 0 40px !important; display: block; width: 100%; height: 100%}
.alue-dome #dome_fb {right: 0}
.alue-dome #dome_fb a {background: url(../img2/bg/dome_fb.gif) no-repeat left 10px}
.alue-dome #dome_twitter {right: 190px}
.alue-dome #dome_twitter a {background: url(http://twitter-badges.s3.amazonaws.com/t_logo-a.png) no-repeat left 10px}

/* games platforms */
.alue-dome dl#category-navigation{display:block;float:left;width:594px;margin:-20px 0 15px -17px;padding:10px;clear:both;background:#222; border-bottom: 1px solid}
.alue-dome dl#category-navigation dt{color: #fff; font-weight:bold;text-transform:uppercase}
.alue-dome dl#category-navigation dd, .alue-dome dl#category-navigation dt{display:inline; margin: 0 4px 0 0; padding-right: 4px; border-right: 1px solid #444}
.alue-dome dl#category-navigation dd a {color: #fff}
.alue-dome dl#category-navigation dd a strong{background-color:#313B47; padding: 0 5px}
.alue-dome dl#category-navigation dd a:hover{text-decoration:none}

/* nostoboksi - transfer to common */
.alue-dome .nostoboksi, .alue-dome .mainosbanneri {width: 172px; margin: 0 0 20px}
.alue-dome .mainosbanneri {text-align: center}
.alue-dome #sidebar-a .nostoboksi p.date {color: #666; padding: 0 0 5px; margin: 0 0 5px;border-bottom: 1px dotted; font-size: 11px}
.alue-dome #sidebar-a .nostoboksi h3 {margin: 0 0 5px}
.alue-dome #sidebar-a .nostoboksi h3 a {font-size: 12px}
.alue-dome #sidebar-a .nostoboksi h2 {margin: 0 0 10px}
.alue-dome #sidebar-a .nostoboksi h2 a {text-indent:-9999px;height:50px;display:block}
.alue-dome #sidebar-a .nostoboksi#taskumuro h2#taskumuro-otsikko, .alue-dome #sidebar-a .nostoboksi#muropaketti h2#muropaketti-otsikko, .alue-dome #sidebar-a .nostoboksi#toimituksen-blogi h2#toimituksen-blogi-otsikko {background-position: center; background-repeat: no-repeat; background-color: #465A70}
.alue-dome #sidebar-a .nostoboksi#taskumuro h2#taskumuro-otsikko {background-image: url(../img/bg/muro_taskumuro.gif)}
.alue-dome #sidebar-a .nostoboksi#muropaketti h2#muropaketti-otsikko {background-image: url(../img/bg/edome_muropaketti.gif)}
.alue-dome #sidebar-a .nostoboksi#toimituksen-blogi h2#toimituksen-blogi-otsikko {background-image: url(../img/bg/edome_toimituksenblogi.gif)}
.alue-dome #sidebar-a .nostoboksi#digilelut h2#digilelut-otsikko {background-image: url(../img/bg/digilelutikoni.jpg)}

.document form ul {margin: 10px 0; list-style: none}

/* Dome / Pelihalli */
.alue-pelihalli #content {background: #fff; margin-left: 0; padding-left: 10px}
.alue-pelihalli .article {width: 790px}
#pelien-ohjeet {float: left; width: 390px}
#pelihalli-ilmoitus {margin:0;padding:3em 0 2em 0;clear:both;width:746px;float:left;background:#090e14;text-align:center}
#pelihalli-ilmoitus p {font-size:180%;font-weight:bold}
#pelihalli-ilmoitus p span {font-size:70%;font-weight:normal;color:#445263}
#pelihalli-ilmoitus p a#kokeile-uudestaan {display:block;width:200px;background: url(../img/bg/pelihalli_button-bg.gif) repeat-x;font-size:100%;color:#fff;font-weight:bold;border:1px solid #445263;margin:0 auto;text-decoration:none}
#pelihalli-ilmoitus input#nic {font-size:80%;font-weight:normal;padding:0 0.s4em}
#pelihalli-ilmoitus input.peli-button {background: url(../img/bg/pelihalli_button-bg.gif) repeat-x;font-size:100%;color:#fff;font-weight:bold;border:1px solid #445263}
#weekly-top-scores {margin:0;padding:0;float:left;width:200px}
#all-time-top-scores {margin:0;padding:0;float:left;width:200px}
#weekly-top-scores table {margin:0 0 0 10px;padding:0;width:182px}
#all-time-top-scores table {margin:0 0 0 10px;padding:0;width:182px}
#weekly-top-scores th, #all-time-top-scores th {margin:0;padding:6px 0 20px 0;text-transform:uppercase;font-size:140%;font-weight:bold}
#weekly-top-scores td.nick, #all-time-top-scores td.nick {border-bottom:1px solid #5a626c;padding: 3px 0}
#weekly-top-scores td.score, #all-time-top-scores td.score {text-align:right;border-bottom:1px solid #5a626c;padding: 3px 0}
#peli {text-align:center}
div#available-games table {border:0 none;width:580px}
div#available-games table td {border:0 none;padding:0 0 0.2em 0;vertical-align:top}
div#available-games table h3 {margin-left:0;margin-bottom:0.1em;padding-left:0;padding-right:8px;font-size:120%;width:180px}
#content div#available-games table td p {margin-left:0;padding-left:0;padding-right:8px;font-size:95%;line-height:120%;width:180px}
div#available-games table a img {border:0 none;margin:0;padding:0;display:block}

/* linklist */
.linklist-domeside li {margin-bottom: 10px}

.alue-dome #megaplazafooterwrapper #megafooter {width: 980px}

/*digilelut-boksi*/
.alue-dome .digilelut{width:600px;margin:0 auto;overflow:hidden;clear:left;background:#838085 url(http://otavafiles.fi/plaza/s/img2/bg/bg-digilelut.gif) repeat-x 0 0;position:relative}
.alue-dome .digilelut h2 a{display:block;background:url(http://otavafiles.fi/plaza/s/img2/digilelut.png);width:283px;height:31px;text-indent:-9999px;}
.alue-dome .digilelut h2 {margin:6px}
.alue-dome .digilelut ul{background:#fff;padding:5px;overflow:hidden;margin:0 5px 5px 5px;padding:10px 15px}
.alue-dome .digilelut li{border:none;margin-bottom:0;padding-bottom:3px}
.alue-dome .digilelut li a{font-family:'Times New Roman',Georgia,'Trebuchet MS';font-size:18px;font-weight:normal;margin-right:5px}
.alue-dome .digilelut .more{position:absolute;bottom:8px;right:10px;margin:0}
.alue-dome .digilelut .more a{color:#999;text-transform:uppercase;font-size:11px}

/*----------------------------
end DOME
------------------------------*/

/*----------------------------
3) LUKEMINEN.FI
------------------------------*/
.alue-lukeminen #megaplazatopwrapper .top {width: 1163px !important}
.alue-lukeminen h2,
.alue-lukeminen #subnavigation li,
.alue-lukeminen .itemlist footer a,
.alue-lukeminen .widgets .blogit .widget-content .textlink a{font-family:'Times New Roman', serif}
.alue-lukeminen section, .alue-lukeminen article{display:block}

.alue-lukeminen #wrapper {width: 1170px;border:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius: 0;position:relative}
.alue-lukeminen #sitelogo {background:transparent url(http://otavafiles.fi/plaza/s/img/lukeminen/bookmark-big-top.png) no-repeat 10px 0;margin-bottom:-15px;z-index:2;display:block;position:absolute;top:7px;left:5px}
.alue-lukeminen.etusivu-lukeminen #sitelogo {background-image:url(http://otavafiles.fi/plaza/s/img/lukeminen/bookmark.png)}
.alue-lukeminen #logo {margin:0}

.alue-lukeminen #logo a {display:block;background:url(http://otavafiles.fi/plaza/s/img/lukeminen/logo.png) no-repeat 0 30px;width:202px;height:133px;margin:0 0 0 26px;text-indent:-9999px}
.etusivu-lukeminen #logo a{height:124px}
	.alue-lukeminen hgroup h2{margin:0 0 0 26px;width:156px;text-align:center;line-height:1}
.alue-lukeminen hgroup h2 a {font-size:14px;color:#007f56;text-transform:lowercase}
.alue-lukeminen #current-area{display:none}

.alue-lukeminen #subnavigation{position:absolute;width:940px;top:90px;left:230px}
.alue-lukeminen #subnavigation ul{font-size:18px}
.alue-lukeminen #subnavigation li{float:left;padding-right:20px}
.alue-lukeminen #subnavigation li a{padding:10px 0 0 0;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0,0.6);text-transform:uppercase}
.alue-lukeminen #subnavigation li .selected {border-top:1px solid #dedede}
.alue-lukeminen #subnavigation #lukeminen_fb{position:absolute;top:0;right:0}
.alue-lukeminen #subnavigation #otava, .alue-lukeminen #subnavigation li#otavamedia{position:absolute;text-indent:-9999px;padding-right:0;z-index:2}
.alue-lukeminen #subnavigation #otava a, .alue-lukeminen #subnavigation li#otavamedia a {display:block;padding:0}
.alue-lukeminen #subnavigation #otava {background:transparent url(http://otavafiles.fi/plaza/s/img/lukeminen/otava.png) no-repeat top left;width:36px;height:34px;left:710px;top:59px}
.etusivu-lukeminen #subnavigation #otava{left:340px}
.alue-lukeminen #subnavigation #otava a {width:36px;height:34px}
.alue-lukeminen #subnavigation #otavamedia {background:transparent url(http://otavafiles.fi/plaza/s/img/lukeminen/otavamedia.png) no-repeat top left;width:64px;height:10px;left:630px;top:80px}
.etusivu-lukeminen #subnavigation #otavamedia{left:260px}
.alue-lukeminen #subnavigation li#otavamedia a {width:64px;height:10px}

.alue-lukeminen #sidenavi{background:transparent url(http://otavafiles.fi/plaza/s/img/lukeminen/bookmark-big-bottom.png) no-repeat 10px 100%;margin:-5px 0 0 0;padding:35px 0 60px 20px;min-height:200px}
.alue-lukeminen #sidenavi li:first-child a{text-indent:-9999px;height:0;padding:0}
.alue-lukeminen #sidenavi li{margin:0 35px 0 0}
.alue-lukeminen #sidenavi li a{color:#575654;border-bottom:1px solid #b9c5ce;width:auto}
.alue-lukeminen #sidenavi li a:hover{background:#111}
.etusivu-lukeminen #sidebar-a{background:transparent}

.alue-lukeminen a {font-weight:normal;color:#007f56}
.alue-lukeminen #contentarea p, .alue-lukeminen #contentarea li, .alue-lukeminen #contentarea table{font-size:14px}
.alue-lukeminen .document h2, .alue-lukeminen .document h3, .alue-lukeminen .document h4, .alue-lukeminen .document h5 {font-weight:normal;color:#666}
.alue-lukeminen #content p.date{font-size:12px}
.alue-lukeminen #extrawrap1{background:transparent url(http://otavafiles.fi/plaza/s/img/lukeminen/paperipino-yla.png) no-repeat 0 0;width:1005px;padding-top:19px;margin-top:0;float:left;margin-top:117px}
.alue-lukeminen #extrawrap2{background:transparent url(http://otavafiles.fi/plaza/s/img/lukeminen/paperipino-ala.png) no-repeat bottom left;width:1005px;padding-bottom:6px;float:left}
.alue-lukeminen #extrawrap3{background:transparent url(http://otavafiles.fi/plaza/s/img/lukeminen/paperipino-vas.png) repeat-y top left;width:1000px;padding-left:5px;float:left}
.alue-lukeminen #extrawrap4{background:transparent url(http://otavafiles.fi/plaza/s/img/lukeminen/paperipino-oik.png) repeat-y top right;width:982px;padding-right:19px;float:left}

.alue-lukeminen #content{overflow:hidden;width:754px;margin:10px 0 0;padding:25px 0 35px;border-left:1px solid #769689;float:left}
.alue-lukeminen #content .itemlist article,
.alue-lukeminen #content .blogpost,
.alue-lukeminen #content .article,
.alue-lukeminen #content .to-archives{padding:15px 69px;border-bottom:1px solid #eee;overflow:hidden;width: auto;display:block}
.alue-lukeminen #content #articlenavigation,
.alue-lukeminen #content #kommentit{padding:5px 69px}
.alue-lukeminen #content #articlenavigation{width:616px}
.alue-lukeminen #content .archive, .alue-lukeminen #content .relatedtitles, .alue-lukeminen #content .social{margin-left:69px}
.alue-lukeminen #content .archiveside, .alue-lukeminen #content .userreviews{margin-right:69px}
.etusivu-lukeminen #content .itemlist article{padding:15px 0}
.alue-lukeminen #content .keskimainos{float:none;margin:0 auto}
.etusivu-lukeminen #content{padding:25px 18px 35px 15px;width:581px;border-right:1px solid #769689;border-left:none}
.alue-lukeminen{background:#4d797b url(http://otavafiles.fi/plaza/s/img/lukeminen/bg.jpg)}
.alue-lukeminen #wrapper{background:transparent}
.alue-lukeminen #contentarea{background:#fff}
.alue-lukeminen #contentarea, .alue-lukeminen #contentarea-inside {width:982px}
.alue-lukeminen #contentarea-inside{position:relative}
.alue-lukeminen #sidebar-ads {margin-left:0;margin-top:130px}
.alue-lukeminen .articlecontent object,
.alue-lukeminen .articlecontent embed{max-width:100%}
.alue-lukeminen .articlecontent img{max-width:100%;height:auto}

.alue-lukeminen #kommentit{padding:0}
.alue-lukeminen #kommentit form input.kommentit-button {margin:0}

.alue-lukeminen #sidebar-a{float:left;padding:0;width:227px;margin:0}
.etusivu-lukeminen #sidebar-a{width:367px}
.alue-lukeminen.etusivu-lukeminen #sidebar-a{float:right}
.alue-lukeminen #sidebar-a p, .alue-lukeminen #sidebar-a li{ font-size: 14px;list-style:none}
.alue-lukeminen .widget{margin-bottom:20px}
.alue-lukeminen #targetsearch2{background:transparent url(../img/lukeminen/suurikuu.png) no-repeat bottom right;position:relative}
.alue-lukeminen #laajennettuhaku{width:70px;margin-bottom:0;line-height:1;margin-top:25px}
.alue-lukeminen #laajennettuhaku a{text-decoration:underline;color:#888}
.alue-lukeminen #kirjat-haku {border:1px solid #d6d6d6;padding:5px}
.alue-lukeminen #kirjat-haku legend {display:none}
.alue-lukeminen #kirjat-haku #vpsearchq{ border:1px solid #e0e0e0;width:103px;float:left;height:15px}
.alue-lukeminen #kirjat-haku .searchbutton {background:transparent url(../img/lukeminen/hae.png) no-repeat top left;width:34px;height:21px;float:left;text-indent:-9999px;padding:0;border-radius:none;border:none;font-size:0}
.alue-lukeminen #suurikuu {position:absolute;bottom:0;right:0;margin:0;text-indent:-9999px;width:74px;height:17}
.alue-lukeminen #suurikuu a{display:block;width:74px;height:17px}
.alue-lukeminen .noraexlibris{font-size:13px}

.alue-lukeminen .sidenaviwrapper .ad{margin-left:35px}

.alue-lukeminen .widgets .widget h2{padding:0 12px;font-style:italic;font-size:230%;color:#007F56;font-weight:normal;margin-bottom:0}
.alue-lukeminen .widgets .widget-content{padding:0 24px}
.alue-lukeminen .widgets .feedwidget{padding-bottom:20px}
.alue-lukeminen .widgets .feedwidget li{line-height: 1.2;padding-bottom:7px}
.alue-lukeminen .widgets .feedwidget li span{color:#666;display:block}
.alue-lukeminen .widgets .blogit .widget-content{padding:0;line-height:0;font-size:0}
.alue-lukeminen .widgets .blogit .widget-content li{background:none}
.alue-lukeminen .widgets .blogit .widget-content .textlink a{padding:3px 0;text-align:center;font-weight:bold;font-style:italic;display:block;line-height:1.6;font-size:16px}
.alue-lukeminen .widgets .blogit .widget-content .textlink a:hover{background:#cfe7c2 url(http://otavafiles.fi/plaza/s/img/lukeminen/hover.png) repeat-y 0 0;text-decoration:none}
.alue-lukeminen .widgets .blogit .widget-content .textlink{border-bottom:1px solid #dedede}
.alue-lukeminen .widgets .widget{padding-top:1px}
.etusivu-lukeminen .widgets .widget-content{padding:0 12px}
.etusivu-lukeminen .widgets .widget h2{background:transparent url(http://otavafiles.fi/plaza/s/img/lukeminen/widget-heading-bg.png) no-repeat top left;height:85px;margin:5px 0 -20px;font-weight:normal;color:#fff;font-size:18px;text-transform:uppercase}
.etusivu-lukeminen .widgets .widget h2 .inner{display:block;text-indent:-9999px;background:transparent url(http://otavafiles.fi/plaza/s/img/lukeminen/widget-title-facebook.png) no-repeat 15px 17px;height:50px}
.etusivu-lukeminen .widgets .facebook h2 .inner{background-image:url(http://otavafiles.fi/plaza/s/img/lukeminen/widget-title-facebook.png)}
.etusivu-lukeminen .widgets .facebook,.alue-lukeminen .widgets .aiheet{background:transparent url(http://otavafiles.fi/plaza/s/img/lukeminen/widget-bg-1.png) repeat-x 0 0}
.etusivu-lukeminen .widgets .blogit{background:transparent url(http://otavafiles.fi/plaza/s/img/lukeminen/widget-bg-3.png) repeat-x 0 0}
.etusivu-lukeminen .widgets .lukemista,.etusivu-lukeminen .widgets .visa{background:transparent url(http://otavafiles.fi/plaza/s/img/lukeminen/widget-bg-2.png) repeat-x 0 0}
.etusivu-lukeminen .widgets .lukemista h2 .inner{background-image:url(http://otavafiles.fi/plaza/s/img/lukeminen/widget-title-lukemista.png);background-position:15px 14px}
.etusivu-lukeminen .widgets .blogit h2 .inner{background-image:url(http://otavafiles.fi/plaza/s/img/lukeminen/widget-title-blogit.png);background-position:15px 20px}
.etusivu-lukeminen .widgets .aiheet h2 .inner{background-image:url(http://otavafiles.fi/plaza/s/img/lukeminen/widget-title-aiheet.png);background-position:15px 20px}
.etusivu-lukeminen .widgets .visa h2 .inner{background-image:url(http://otavafiles.fi/plaza/s/img/lukeminen/widget-title-visa.png);background-position:34px 20px}
.etusivu-lukeminen .sidenaviwrapper .widgets .visa h3{font-size:250%;font-family:'Times New Roman',serif;margin-bottom:0;margin-top:15px}
.etusivu-lukeminen #sidebar-a .sidenaviwrapper .widgets .visa p{font-size:150%;font-family:'Times New Roman',serif;font-style:italic;line-height:1.2;margin-bottom:5px}
.alue-lukeminen .widgets .tagcloudwidget a{color:#fb2d2d}
.alue-lukeminen .widgets .tagcloudwidget ul{padding-top:2em}
.alue-lukeminen .widgets .tagcloudwidget ul li{display:inline;line-height:28px}
.alue-lukeminen .widgets .tagcloudwidget ul .size1 a{font-size:12px}
.alue-lukeminen .widgets .tagcloudwidget ul .size2 a{font-size:16px}
.alue-lukeminen .widgets .tagcloudwidget ul .size3 a{font-size:18px}
.alue-lukeminen .widgets .tagcloudwidget ul .size4 a{font-size:22px}
.alue-lukeminen .widgets .tagcloudwidget ul .size5 a{font-size:28px}
.alue-lukeminen .widgets .tagcloudwidget ul .size6 a{font-size:32px}

.etusivu-lukeminen #sidebar-a{border-bottom:1px solid #eee}

.alue-lukeminen #bookstore{overflow:hidden}
.alue-lukeminen .discussions{overflow: hidden;clear:left;margin-top: 1.5em;margin-bottom:1.5em}
.alue-lukeminen .discussions h2{font-style:italic}
.alue-lukeminen .discussions ul{border-top:1px solid #bbb;border-bottom:1px solid #bbb;margin:0;overflow:hidden;background:#f2f2f2;padding:10px 5px}
.alue-lukeminen #contentarea .discussions li{margin: 5px 0 5px 5px;padding: 0 0 0 20px;width:245px;float:left;height:30px;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.2;
background: transparent url(http://otavafiles.fi/plaza/s/img/puhekupla_ellit.gif) no-repeat 0 3px}
.alue-lukeminen .discussions li a{padding:0;font-weight:bold;color:#000}
.alue-lukeminen .discussions li span{display:block}
    
.alue-lukeminen .item{float:none}
.alue-lukeminen .itemlist .articleimage {float: left;margin-right:10px}
.alue-lukeminen .itemlist h2{padding-top:15px;font-size:250%;line-height:1;margin-bottom:0;padding-top:0}
.alue-lukeminen .itemlist h3{ margin: 0;font-size: 175%;font-family:'Times New Roman',serif}
.alue-lukeminen .itemlist header p{margin-bottom:0}
.alue-lukeminen .itemlist .item header a {color:#0b7e5a}
.alue-lukeminen .item p {white-space: normal;line-height:1.5}
.alue-lukeminen .itemlist .item {padding:1em 0}
.alue-lukeminen .content .article {padding:0 0 1em 0}
.alue-lukeminen #content .article img, .alue-lukeminen #content article img {border:1px solid #769689;border-radius:3px;padding:2px;margin-bottom:15px}
.alue-lukeminen #content .article .vasen{margin-right:15px}
.alue-lukeminen #content .article .oikea{margin-left:15px}
.alue-lukeminen .itemlist footer a{color:#fb2d2d;text-transform:uppercase}
.alue-lukeminen .itemlist footer .comments{background:transparent url(http://otavafiles.fi/plaza/s/img/puhekupla_ellit.gif) no-repeat 18px 0;padding-left:40px}

.alue-lukeminen.alue-blogit #content{padding-top:200px;background:transparent url(http://otavafiles.fi/plaza/s/img/lukeminen/vignette-blogit-default.jpg) no-repeat 0 0}
.alue-lukeminen.etusivu-blogit #content{padding-top:250px;background:transparent url(http://otavafiles.fi/plaza/s/img/lukeminen/vignette-blogit.jpg) no-repeat 0 0}
.alue-lukeminen.alue-sivullinen #content{padding-top:250px;background:transparent url(http://otavafiles.fi/plaza/s/img/lukeminen/vignette-paaskysaari.jpg) no-repeat 0 45px}
.alue-lukeminen.alue-nora-exlibris #content{padding-top:200px;background:transparent url(http://otavafiles.fi/plaza/s/f/editor/images/noraexlibrislogo2.jpg) no-repeat 50% 45px}
.alue-lukeminen.alue-papinniemen-paivakirja #content{padding-top:225px;background:transparent url(http://otavafiles.fi/plaza/s/img2/papinniemi-vinjetti.jpg) no-repeat 50% 0}

.alue-lukeminen #blogname{position: absolute;left:640px;top:70px;font-size:300%;color: #0b7e5a;font-family:'Times New Roman',serif;z-index:2;font-style:italic}
.alue-lukeminen.alue-sivullinen #blogname,.alue-lukeminen.alue-nora-exlibris #blogname,.alue-lukeminen.alue-papinniemen-paivakirja #blogname{display:none}

.alue-lukeminen .visa-winners{ background: transparent url(http://otavafiles.fi/plaza/s/img/lukeminen/voittajat.png) no-repeat top right;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede}
.alue-lukeminen .visa-winners p{ text-align: center;margin:1em 0}
.alue-lukeminen .visa-winners strong{ font-size: 200%;font-family: 'Times New roman', serif;font-style: italic;color:#ccc}

.alue-lukeminen .visa-tops{ overflow: hidden;margin-top:1em}
.alue-lukeminen .visa-top{width:271px;float: left;list-style-position:inside}
.alue-lukeminen #top-month{width: 315;margin-right: 44px}
.alue-lukeminen .visa-top ol{background:#eef6e8}
.alue-lukeminen #top-month ol{width:271px}
.alue-lukeminen .visa-top li{ padding-left: 1em;font-weight:bold}
.alue-lukeminen .visa-top li:nth-child(even){background:#deeed3}

.alue-lukeminen #content .article .cover {width:260px;float:left}
.alue-lukeminen #content .article .cover img{border:none;max-width:222px;height:auto;text-align:center;margin:4px 0 20px 0;
-moz-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.5); box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.5)}
.alue-lukeminen p#articlenavigation{border-top:none}

.alue-lukeminen .book hgroup{width:270px;float:left}
.alue-lukeminen .book hgroup h3{margin-bottom:.2em}
.alue-lukeminen .book hgroup h2{margin:0 0 1em;text-align:left}
.alue-lukeminen .book ul{margin-left:0}
.alue-lukeminen .book ul li{line-height:1.2}
.alue-lukeminen .book .stats {overflow:hidden;width:260px;padding-top:10px;padding-bottom:10px}
.alue-lukeminen .book .tagswor{clear:right}
.alue-lukeminen .book .rating{width:auto}
.alue-lukeminen .reviewpage{width:560px;display:block;margin:0 auto}
.alue-lukeminen .book:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.alue-lukeminen .reviewsubject button{width:170px}
.alue-lukeminen .reviewsubject button,.alue-lukeminen #reviewform .submitreview{background:#0b7e5a url(../img2/bg/bg-btn.png) repeat-y top left;color:#fff;text-transform:uppercase;border:none;padding:.3em 1.5em;border-radius:3px}
.alue-lukeminen .book img{float:left;margin-right:25px}
.alue-lukeminen .book ul{list-style:none}
.alue-lukeminen .reviewbottom{border-top:1px solid #eee;overflow:hidden;clear:left}
.alue-lukeminen .relatedtitles {float:left;width:223px}
.alue-lukeminen .relatedtitles h2{font-size:16px;font-weight:normal;margin-top:.4em;color:#666}
.alue-lukeminen .userreviews{float:right;width:301px;color:#666;border-left:1px solid #eee;padding-left:15px}
.alue-lukeminen .userreviews .rating{overflow:hidden;margin-bottom:3px}
.alue-lukeminen .userreviews h2{font-size:24px;font-weight:normal}
.alue-lukeminen .userreviews h3{font-style:italic;font-family:Times New Roman,serif;font-weight:normal;font-size:20px;margin-bottom:0}
.alue-lukeminen .userreviews p {font-size:12px;line-height:1.3}
.alue-lukeminen .userreviews .author{margin-top:-1.5em}

.alue-lukeminen #reviewform{position:relative;background:transparent url(../img2/bg/bg-form.png) repeat-y 0 50%;padding:10px 0;clear:left}
.alue-lukeminen #reviewform input.blur{color:#666}
.alue-lukeminen #reviewform legend{float:left;font-style:italic;margin-right:10px}
.alue-lukeminen #reviewform #title{width:99%;margin-top:5px}
.alue-lukeminen #reviewform textarea{width:99%;height:200px;display:block;margin-top:5px}
.alue-lukeminen #reviewform #alias{width:66%;margin-top:5px}
.alue-lukeminen #reviewform label{display:none}
.alue-lukeminen #reviewform .ontop{position:absolute;right:0;top:0}
.alue-lukeminen #reviewform .submitreview{padding-left:1em;padding-right:1em;margin-top:5px;width:200px}
.alue-lukeminen #reviewform p { margin-top: 1em;margin-bottom:.5em}
.js .alue-lukeminen .book input.star{visibility:hidden}

.alue-lukeminen .bookembed .stars{width:90px;height:22px;padding:8px 0 6px;float:left}
.alue-lukeminen .bookembed p{font-style:italic;margin-bottom:0}
.alue-lukeminen .bookembed .review{border:1px solid #eee;border-left:0;border-right:0;overflow:hidden;padding: 5px 0;margin-bottom:1em}
.alue-lukeminen .bookembed .times{float:left;list-style:none;margin:0 0 0 1em}
.alue-lukeminen .bookembed .times li{line-height:1;font-size:12px}
.alue-lukeminen .bookembed .action{float:right;padding:6px 0 4px}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
.alue-lukeminen div.rating-cancel,.alue-lukeminen div.star-rating{float:left;width:18px;height:19px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
.alue-lukeminen div.rating-cancel,.alue-lukeminen div.rating-cancel a{background:url(../img2/rating/delete.gif) no-repeat 0 -16px}
.alue-lukeminen div.star-rating,.alue-lukeminen div.star-rating a{background:url(../img2/rating/star.png) no-repeat 0 0px}
.alue-lukeminen div.rating-cancel a,.alue-lukeminen div.star-rating a{display:block;width:18px;height:100%;background-position:0 0px;border:0}
.alue-lukeminen div.star-rating-on a{background-position:0 -19px!important}
.alue-lukeminen div.star-rating-hover a{background-position:0 -38px}
/* Read Only CSS */
.alue-lukeminen div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
.alue-lukeminen div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
.alue-lukeminen #megaplazafooterwrapper #megafooter {width: 1160px}

/*----------------------------
end LUKEMINEN.FI
------------------------------*/

/*-----------------------
4) Ideakeittiö

Ideakeittiö grid http://griddle.it/960-10-20
-------------------------*/

/* Hide the sidebar-ads */
.alue-ideakeittio #sidebar-ads {display: none}

body.alue-ideakeittio {font-family: Arial, sans-serif; background: url("../img/bg/ideakeittio-bg.gif") no-repeat scroll right top #8CC34E}
.alue-ideakeittio #wrapper {width: 980px; margin: 0 auto; background: #F8F8F9; border-width: 0 1px; border-style: solid; border-color: #6E9C28; -moz-border-radius: 0; -webkit-border-radius: 0;border-radius: 0}

/* ellit subnavi from default2.css */
.alue-ideakeittio #subnavigation{padding:6px 0;position:relative;background:#fedeee url('../img/subnavi/navi-bkg-ellit-2009.gif') no-repeat !important;min-height: 67px; _height: 67px; border-top: 1px solid #9A9A9A}
.alue-ideakeittio #subnavigation p#current-area{display:block;position:absolute;left:5px;top:10px;width:140px;height:39px;margin:0;padding:0}
.alue-ideakeittio #subnavigation p#current-area a, .alue-ideakeittio #subnavigation p#current-area a:hover{display:block;position:absolute;float:left;width:140px;height:50px;outline:0 none;text-decoration:none;text-indent:-9999px}
.alue-ideakeittio #subnavigation ul{padding:3px 0 3px 162px; font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif}
.alue-ideakeittio #subnavigation ul li{float:left;line-height:100%;background:url('../img/subnavi/navi-bkg-viiva.gif') 100% 45% no-repeat; padding: 1px 3px 1px 3px}
.alue-ideakeittio #subnavigation ul li a{display:block;margin:0;padding:1px 3px;float:left;text-decoration:none;outline:0 none; color: #111}
.alue-ideakeittio #subnavigation ul li a:hover{padding:1px 3px;color:#000}
.alue-ideakeittio #subnavigation ul li.last{background:transparent}
.alue-ideakeittio #subnavigation ul li a.selected, .alue-ideakeittio #subnavigation ul li a.selected:hover{color:#fff !important;background:#000}

/* styles for old elements */
.alue-ideakeittio .container, .alue-ideakeittio #contentarea, .alue-ideakeittio #contentarea-inside {width: 980px}
.alue-ideakeittio #contentarea-inside {background: #fff url(../img/bg/ideakeittio_content-bg.png) repeat-y -5px 0; position: relative}
.alue-ideakeittio #sidebar-a {width: 176px; margin-right: 10px; margin-top: 70px; position: static}
.alue-ideakeittio #content {width: 764px; font-size: 14px; margin-top: 70px; padding: 0}
.alue-ideakeittio .document {margin-right: 186px; border-right: 1px dotted #ccc; padding-right: 20px !important}
.alue-ideakeittio .document, .alue-ideakeittio #articlenavigation {width: 568px}
.alue-ideakeittio.etusivu-ideakeittio #contentarea-inside, .alue-ideakeittio.recipe #contentarea-inside {background: none}

/* etusivu */
.alue-ideakeittio.etusivu-ideakeittio #content {width: 978px; margin: 33px 0 0}
.alue-ideakeittio.etusivu-ideakeittio #sidebar-a {visibility: hidden; height: 0; margin: 0}

.alue-ideakeittio .s176,.alue-ideakeittio .s274,.alue-ideakeittio .s372,.alue-ideakeittio .s470,.alue-ideakeittio .s666,.alue-ideakeittio .s764,.alue-ideakeittio .s568,.alue-ideakeittio #recipe,.alue-ideakeittio #carousel {width: 176px; float:left; margin: 0 10px 10px; padding: 0}

.alue-ideakeittio .s274 {width: 274px}
.alue-ideakeittio .s372 {width: 372px}
.alue-ideakeittio .s470 {width: 470px}
.alue-ideakeittio .s666 {width: 666px}
.alue-ideakeittio .s764 {width: 764px}
.alue-ideakeittio #carousel, .alue-ideakeittio .s568 {width: 568px}
.alue-ideakeittio #recipe {width: 752px !important}
.alue-ideakeittio .s176.item {width: 162px !important}
.alue-ideakeittio .s274 .item {width: 262px !important}	
.alue-ideakeittio .s372 .item {width: 358px !important}
.alue-ideakeittio .s470 .item {width: 458px !important}
.alue-ideakeittio .s176 .item h2, .alue-ideakeittio #sidebar-a .item h2 {font-size: 14px}

.alue-ideakeittio .item h2 {font-size: 14px; margin: 5px 0; font-weight: bold; color: #333; line-height: 1; float: left}
.alue-ideakeittio .item p {font-size: 14px; margin-bottom: 1em; color: #333; white-space: normal; line-height: 1.5; clear: left}
.alue-ideakeittio .item img {margin: 0}

.alue-ideakeittio a {color: #5BA900; font-weight: bold; text-decoration: none}

.alue-ideakeittio .container .item, .alue-ideakeittio #content .item, .alue-ideakeittio #sidebar-a .item {float: left; background: #fff; min-height: 200px; padding: 5px; border: 1px solid #ccc; margin: 0 0 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); width: auto}

.alue-ideakeittio .container .item .time, .alue-ideakeittio #sidebar-a .item .time {font-size: 11px; color: #666; display: block;clear:left}
.alue-ideakeittio .container .item img, .alue-ideakeittio #sidebar-a .item img {border: 1px solid #ccc}

.alue-ideakeittio #sidebar-a .contact, .alue-ideakeittio #content .container .contact {min-height:0;width:164px}
.alue-ideakeittio #sidebar-a .contact p, .alue-ideakeittio .container .contact p {margin-bottom:0;text-align:center}

.alue-ideakeittio #sidebar-a .uutiskirje .button {display: block; text-align: center}

.alue-ideakeittio #haku {padding: 10px 0; min-height: 0; margin-top: 15px; float: left}
.alue-ideakeittio .header #haku {float:right}
.alue-ideakeittio #haku fieldset {display: block; width: 368px; float: left}
.alue-ideakeittio #haku input#searchfield {font-size: 17px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background: lightyellow;border:1px solid #CFCFBB;width: 268px; color: #85785F; padding: 8px}
.alue-ideakeittio #haku input.hae {margin-left: 10px; height: 38px}
.alue-ideakeittio #haku p {margin: 10px 0}

.alue-ideakeittio.etusivu-ruokaohjeet #content {background: url(../img/bg/basilika_bg.jpg) no-repeat 460px 0}

.alue-ideakeittio #iphone {float: left; padding-right: 20px; overflow: hidden; min-height: 0; height: 170px; border-bottom: 1px solid #666; width: 166px; margin: 10px 0 10px -10px}
.alue-ideakeittio.etusivu-ideakeittio #iphone {margin-right: 10px; height: auto; border-bottom: 0}
.alue-ideakeittio #sidebar-a .item#iphone {padding:5px 0;height:auto;width:174px}
.alue-ideakeittio #sidebar-a .item#iphone img {border:0;margin-left:-2px}
.alue-ideakeittio #nostolistat #iphone {margin: 10px 0 10px 10px; padding: 0 0 0 10px}

.alue-ideakeittio #topcontainer {background: #eee;margin:0 0 15px;padding:15px 0 0;border-bottom: 1px solid #ccc; border-top: 1px solid #ccc}

.alue-ideakeittio #topcontainer #seasonal{background:#000;background-repeat:no-repeat;background-position: top right;height:240px;padding:0;margin-bottom:10px;width:958px; border: 1px solid #ccc; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07)}
.alue-ideakeittio #topcontainer #seasonal div{color:#f4c591;padding:25px;width:440px}
.alue-ideakeittio #topcontainer #seasonal div h2{margin-bottom:5px;line-height:1;font-size:24px}
.alue-ideakeittio #topcontainer #seasonal div p{margin-bottom:1em}
.alue-ideakeittio #topcontainer #seasonal div a{color:#f4c591}

.alue-ideakeittio .header {background: #fff; float: left; border-top: 1px solid #aaa; height: 95px; width: 980px}
.alue-ideakeittio .header h1 {background: url(../img/ideakeittio.jpg) no-repeat center left;text-indent: -9999px; height: 75px}
.alue-ideakeittio .header h1 a {width: 100%; height: 100%; display: block}
.alue-ideakeittio .header #haku p {margin: 0; font-size: 11px}
.alue-ideakeittio .header #userinfo {width: 176px; text-align: right; margin-top: 10px}
.alue-ideakeittio .header #userinfo h2 {font-size: 16px; margin: 0}
.alue-ideakeittio .header #userinfo a {margin-bottom: 5px; display: block; float: right; width: 100%}

/* Keskustelunostot */
.alue-ideakeittio #discussions .ribbon {margin-bottom: 500px}
.alue-ideakeittio #discussions .item {width: 217px; margin: 0 10px 10px; border-color: #E9E9E9; min-height: 200px; padding-left: 50px;-moz-box-shadow: none;-webkit-box-shadow: none; box-shadow: none; background: #fff url(../img/bg/comment.gif) no-repeat left 8px}
.alue-ideakeittio #discussions .item h3 a {font-size: 16px; font-weight: bold}
.alue-ideakeittio #discussions .item p {font-style: italic; color: #666;margin: 0}

/* NAVIGATION */
.alue-ideakeittio #sidenavi {margin: 0 0 10px; position: absolute; top: 175px; font-size: 15px; left: -1px; background: #6BAD1D;width: 980px; padding: 5px 0; border: 1px solid #4C7D0A;background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.03, rgb(101,148,44)), color-stop(0.35, rgb(106,173,29)) ); background-image: -moz-linear-gradient( center bottom, rgb(101,148,44) 3%, rgb(106,173,29) 35% ); background-image: ms-linear-gradient(center bottom, rgb(101,148,44) 3%, rgb(106,173,29) 35%); background-image: linear-gradient(center bottom, rgb(101,148,44) 3%, rgb(106,173,29) 35%); visibility: visible; height: 23px}
.alue-ideakeittio #sidenavi li {float: left; color: #eee; padding: 0 7px; border-right: 1px solid #A6DA60}
.alue-ideakeittio #sidenavi li a {text-decoration: none; color: #fff; font-weight: bold; text-shadow: 1px 1px 1px #444; width: auto; border: 0; padding: 0}
.alue-ideakeittio #sidenavi li a:hover {color: #eee}
.alue-ideakeittio #sidenavi li a.selected,.alue-ideakeittio #sidenavi li a.selected:hover {background: #4D7420; padding: 0 6px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px}
.alue-ideakeittio #sidenavi li ul {position: absolute; bottom: -25px;font-size: 12px; left: 0; background: #fff; width: 980px; padding: 2px 0 3px 0; border-bottom: 1px solid}
.alue-ideakeittio #sidenavi li ul li {border: 0}
.alue-ideakeittio #sidenavi li ul li a {padding: 0; text-shadow: none; color: #5BA900}
.alue-ideakeittio #content .article {margin: 0 0 10px; padding: 10px 0}
.alue-ideakeittio #tips{float:right;width:180px; margin-top: -10px}

.alue-ideakeittio #hakulista {font-size: 12px}
.alue-ideakeittio #hakulista dt {clear: both; margin: 0; padding: 0 0 26px}
.alue-ideakeittio #hakulista dt a {font-size: 14px; font-weight: bold; padding: 0; text-decoration: none}
.alue-ideakeittio #hakulista dt img.ruokathumb {border: 1px solid #D1E6B9; float: left; height: 34px; margin: 0 5px 0 0; width: 34px}
.alue-ideakeittio #hakulista dd {color: #666; float: left; margin: -26px 0 8px !important; padding: 0 0 0 42px}
.alue-ideakeittio #hakulista dd img {border: 0}

.alue-ideakeittio #content #hakutulos {font-size: 12px; width: 568px; margin-right: 10px; float: left}
.alue-ideakeittio #content #hakutulos dt {clear: both; margin: 0; padding: 0; position: relative}
.alue-ideakeittio #content #hakutulos dt a {font-size: 18px}
.alue-ideakeittio #content #hakutulos dt img.ruokathumb {float: left; height: 76px; margin: 0 10px 10px 0; width: 76px; border: 1px solid #CED7B7}
.alue-ideakeittio #content #hakutulos dd {color: #666; float: left; margin: 0; padding: 0}
.alue-ideakeittio #content #hakutulos dd img {border: 0}
.alue-ideakeittio #content #hakutulos dl {width: 546px; float: left}
.alue-ideakeittio #content #hakutulos dt .kotikokkaaja {position: absolute; left: -4px; top: -4px; cursor: help}

.alue-ideakeittio .sivu {clear: both; margin: 0 0 5px}

.alue-ideakeittio #nostolistat {float: left; width: 176px; background: url(../img/bg/lista_tausta.gif) no-repeat left top; padding-left: 10px}
.alue-ideakeittio #nostolistat dd {margin: 0}

.alue-ideakeittio .drilldown {background: url(../img/bg/pisteviiva.gif) repeat-x center bottom transparent; padding-bottom: 10px; margin: 0 0 10px;float: left}
.alue-ideakeittio .drilldown span {padding: 2px 5px; background: #F3FBE1; display: block; margin: 5px 5px 0 0; float: left; border: 1px solid #F2E5CB}
.alue-ideakeittio .tulos {margin: 0 0 5px}
.alue-ideakeittio .tulos strong {font-size: 28px}

/* Yksittäinen ruokaohje */
.alue-ideakeittio.recipe #sidebar-a {float: right; margin: 70px 10px 0}
.alue-ideakeittio #recipe h1 {font-size: 32px; font-weight: bold; color: #444; text-align:center; margin: 10px auto; width: 500px}
.alue-ideakeittio #recipe h2 {font-size: 16px; margin-bottom: 1em}
.alue-ideakeittio #recipe #recipepicture {text-align: center; background: url(../img/bg/unibg.png) repeat left top; -moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.15) inset; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; border: 1px solid #cacaca; margin-bottom: 10px; float: left; width: 746px; padding: 10px 0; position: relative;min-height:20px}
.alue-ideakeittio #recipe #recipepicture img {float: none}
.alue-ideakeittio #recipe #recipepicture .kotikokkaaja {position: absolute; top: -40px; right: -20px; border: 0; cursor: help}

.alue-ideakeittio #recipe #meta {font-size: 13px; line-height: 3em; text-align: center;margin: 10px 0}
.alue-ideakeittio #recipe #meta li {display: inline; margin-right: 5px; background: #6AAC1D; color: #fff; padding: 7px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px}
.alue-ideakeittio #recipe #meta li a {color: #fff !important}
.alue-ideakeittio #recipe #meta li#valmistusaika,
.alue-ideakeittio #recipe #meta li#vaikeustaso {background-repeat: no-repeat; background-position: 5px center;padding-left: 30px}
.alue-ideakeittio #recipe #meta li#valmistusaika {background-image: url(../img/bg/valmistusaika.png)}
.alue-ideakeittio #recipe #meta li#vaikeustaso {background-image: url(../img/bg/vaikeustaso.png)}

.alue-ideakeittio #recipe #functions {background: #eee; text-align: center; width: 400px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #ccc; font-size: 12px; padding: 5px; margin: 15px auto 10px}
.alue-ideakeittio #recipe #functions li {display: inline; margin-left: 5px}
.alue-ideakeittio #recipe #functions li a {color: #7B7B7B; padding:0 0 0 20px; background-repeat: no-repeat; background-position: left; opacity: 0.6}
.alue-ideakeittio #recipe #functions li a:hover {opacity: 1}
.alue-ideakeittio #recipe #functions #laheta a {background-image: url(../img/buttons/laheta.png)}
.alue-ideakeittio #recipe #functions #tulosta a {background-image: url(../img/buttons/tulosta.png)}
.alue-ideakeittio #recipe #functions #tykkaa a {background-image: url(../img/buttons/facebook.png)}

.alue-ideakeittio #recipe .functions {background: #eee; text-align: center; width: 400px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #ccc; font-size: 12px; padding: 5px; margin: 15px auto 10px}
.alue-ideakeittio #recipe .functions li {display: inline; margin-left: 5px}
.alue-ideakeittio #recipe .functions li a {color: #7B7B7B; padding:0 0 0 20px; background-repeat: no-repeat; background-position: left; opacity: 0.6}
.alue-ideakeittio #recipe .functions li a:hover {opacity: 1}
.alue-ideakeittio #recipe .functions #laheta a {background-image: url(../img/buttons/laheta.png)}
.alue-ideakeittio #recipe .functions #tulosta a {background-image: url(../img/buttons/tulosta.png)}
.alue-ideakeittio #recipe .functions #tykkaa a {background-image: url(../img/buttons/facebook.png)}

.alue-ideakeittio #recipe #ainekset, .alue-ideakeittio #recipe #valmistusohje {width: 362px; font-size: 16px}
.alue-ideakeittio #recipe #valmistusohje p {font-size:16px}
.alue-ideakeittio #recipe #ainekset {float: left;margin-left:10px}
.alue-ideakeittio #recipe #valmistusohje {float: right}

.alue-ideakeittio #recipe table {width: 100%}
.alue-ideakeittio #recipe table tr:nth-child(odd) {background:#fafafa}
.alue-ideakeittio #recipe td {border-bottom:1px solid #ddd}
.alue-ideakeittio #recipe td.maara {padding: 0 5px 0 5px; background: url(../img/bg/stripe.gif) repeat; color: #333}
.alue-ideakeittio #recipe td.aine {padding: 0 5px 0 10px}

.alue-ideakeittio #recipe h1 span {display: block; font-size: 13px; font-style: italic; font-weight: normal; text-transform: none; margin: 5px 0 10px}
.alue-ideakeittio #recipe #recipebrand, .alue-ideakeittio #recipe #editrecipe {position: absolute; border: 0 none; width: 65px; right: 10px; top: 0; z-index:-1; -ms-interpolation-mode: bicubic}
.alue-ideakeittio #recipe #editrecipe {width:auto}
.alue-ideakeittio #recipe .editrecipe {text-align:center}

.alue-ideakeittio #recipe .errors {background: #DC4029; border: 2px solid #B50000; padding-top: 10px}
.alue-ideakeittio #recipe .errors p, .alue-ideakeittio #recipe .errors h2 {color: #fff; padding-left: 10px}
.alue-ideakeittio #recipe .errors p {border-bottom: 1px solid #B50000; padding-bottom: 0.5em;margin-bottom: 0.5em}

.alue-ideakeittio dl#yhteistyokumppanit {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background: none repeat scroll 0 0 #FFFFFF;margin: 0 0 10px; width: 154px !important; border: 1px solid #ccc; height: auto;text-align: center;padding: 10px;float:left}
.alue-ideakeittio dl#yhteistyokumppanit dd {display: inline; margin: 0 5px}
.alue-ideakeittio dl#yhteistyokumppanit img {border: 0; -ms-interpolation-mode: bicubic}

.etusivu-ideakeittio dl#yhteistyokumppanit {width: 938px !important; margin-left: 10px}
.etusivu-ideakeittio dl#yhteistyokumppanit dd {margin: 0}
.etusivu-ideakeittio dl#yhteistyokumppanit img {margin-right: 20px; width: 65px}

.alue-ideakeittio #recipe .addrecipe{padding:1em;border:5px solid #D8EBBF}
.alue-ideakeittio #recipe .addrecipe .last{margin:0;padding:0;margin-left:61px}
.alue-ideakeittio #recipe .addrecipe p img{float:left;margin-right:15px;border:0}

.alue-ideakeittio #ikfooter {width: 980px; margin: 0; background: url(../img/so_header-bg.png) repeat; color: #111; border-top: 1px solid #ccc; font-size: 14px; text-align: center;min-height: 0; padding: 10px 0}
.alue-ideakeittio #ikfooter p {margin: 10px 0; color:#666; font-size: 12px}

/* remove at some point */
.alue-ideakeittio #content div#hakutulos dl.sivutus {border: 0; padding: 0; background: none}
.alue-ideakeittio div#hakutulos dl.sivutus dd {position: static; float: left; display: inline; margin: 0 1px !important; border: 1px solid #cccccc; padding: 2px 8px !important}
.alue-ideakeittio div#hakutulos dl.sivutus dd:hover {position: static; float: left; background: #c0fef4; display: inline; margin: 0 1px; border: 1px solid #ccc; padding: 2px 3px}
.alue-ideakeittio div#hakutulos dl.sivutus dd.active {border: 1px solid #f1f1f1;font-weight: bold; color: #000}
.alue-ideakeittio div#hakutulos dl.sivutus dd.active#edellinen, .alue-ideakeittio div#hakutulos dl.sivutus dd.active#seuraava {color: #8f8f8f; font-weight: normal}
.alue-ideakeittio div#hakutulos dl.sivutus dd.active:hover {background: none; border: 1px solid #f1f1f1; padding-left: 6px; padding-right: 6px}
.alue-ideakeittio div#hakutulos dl.sivutus dd#seuraava, .alue-ideakeittio div#hakutulos dl.sivutus dd#edellinen {margin-left: 10px; padding: 2px 5px}
/* remove at some point */

.alue-ideakeittio #content div#hakutulos ul.pagination {margin-bottom: 1.5em; float: left}
.alue-ideakeittio div#hakutulos ul.pagination li {margin: 0 2px !important; display: block; float: left; border: 1px solid #cccccc}
.alue-ideakeittio div#hakutulos ul.pagination li a, .alue-ideakeittio div#hakutulos ul.pagination li strong {padding: 5px 10px; display: block}
.alue-ideakeittio div#hakutulos ul.pagination li a:hover {background: #c0fef4}
.alue-ideakeittio div#hakutulos ul.pagination li#next {margin-left: 10px; padding: 2px 5px}

.alue-ideakeittio #tarkkahaku dd, .alue-ideakeittio #nostolistat_etusivu dd, .alue-ideakeittio #kolmelistaa dd {margin: 0}
.alue-ideakeittio #tarkkahaku label input {margin-right: 5px}
.alue-ideakeittio #tarkkahaku legend {text-transform: uppercase; font-weight: bold; padding: 0 5px 0 0}
.alue-ideakeittio #tarkkahaku .s176 {min-height: 0}
.alue-ideakeittio #tarkkahaku fieldset {border-top: 1px solid #ccc; margin-bottom: 20px; padding-top: 10px}

.alue-ideakeittio .leftcolumn {margin-left: 0}
.alue-ideakeittio .rightcolumn {margin-right: 0}
.alue-ideakeittio .rightcolumn h2, .alue-ideakeittio .leftcolumn h2 {font-size: 14px}

.alue-ideakeittio .button, .alue-ideakeittio .button:visited {font-size: 16px !important;background: #5BA900 !important; display: inline-block; padding: 7px 15px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border: 1px solid rgba(255,255,255,.8);  border-bottom: 1px solid rgba(0,0,0,0.25) !important; position: relative; cursor: pointer}

/* Ideakeittiö .ribbon headers */
.alue-ideakeittio .ribbon {width: 80px; color: #fff; background: #6BAD1D; font-weight: bold; float: left; font-size: 14px; padding: 5px 5px 5px 11px; margin: 0 10px 0 -10px;height: 20px; border: 1px solid #96C526}
.alue-ideakeittio .ribbon a {color: #fff}
.alue-ideakeittio span.corner {z-index: -1; position: relative; left: -20px; bottom: 4px; border-style: solid; border-width: 9px; border-color: transparent #286710 transparent transparent; display: block; width: 0; height: 1px}

.alue-ideakeittio #content .nostoja .item {width: 164px; margin: 0 10px 10px; min-height:225px}
.alue-ideakeittio #content .article img {border: 1px solid #8CC34E}

/* Ideakeittio carousel */
.alue-ideakeittio #carousel {height: 485px; overflow: hidden; position: relative}
.alue-ideakeittio #carousel .item {width: 556px; height: 470px}
.alue-ideakeittio #carousel .item img {margin-bottom: 10px; width: 554px; height: 350px}
.alue-ideakeittio #carousel .item h1, .alue-ideakeittio #carousel .item h2 {font-size: 24px; width: 554px}
.alue-ideakeittio #carousel .item p {margin: 0}
.alue-ideakeittio #carousel .pagination {position: absolute; bottom: 20px; left: 0; text-align: center; width: 568px}
.alue-ideakeittio #carousel .pagination li {display: inline-block; margin: 0 5px}
.alue-ideakeittio #carousel .pagination li a {display: block;background: url(../img2/icons/pagination_balls.png) no-repeat bottom; height: 10px; width: 10px; text-indent:-9999px}
.alue-ideakeittio #carousel .pagination li.current a {background-position: top}
.alue-ideakeittio #carousel .prev, .alue-ideakeittio #carousel .next {position: absolute; top: 200px;z-index: 5; background: url(../img2/icons/carousel_next_prev.png); height: 50px; width: 50px; text-indent: -9999px}
.alue-ideakeittio #carousel .prev {left: 10px; background-position: bottom}
.alue-ideakeittio #carousel .next {right: 10px; background-position: top}
.alue-ideakeittio #carousel a:focus{outline: none}

.alue-ideakeittio #content .related .item {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none}

/* Ideakeittiö kommentit */
.alue-ideakeittio #kommentit {background:#63A924;color:#fff}
.alue-ideakeittio #kommentit dd {border-color: #aaa}
.alue-ideakeittio #kommentit dd a {color: #fff}
.alue-ideakeittio #kommentit form input.kommentit-button {border:3px solid #49850B;background:#74C42D;color:#fff}
.alue-ideakeittio #kommentit p.info a, .alue-ideakeittio #kommentit form.not-registered a {color:#fff}

.alue-ideakeittio #wrapper .container .graphigpromotion {background-color:#fff;background-position:top right;background-repeat:no-repeat}
.alue-ideakeittio .graphigpromotion h2 {font-size: 24px}
.alue-ideakeittio .graphigpromotion p {width: 225px}

/* New recipe */
.alue-ideakeittio.recipe #content {background-image: none}
.alue-ideakeittio .newrecipe #ainekset tr td input {margin: 5px 10px 5px 0; padding: 3px; font-size: 14px}
.alue-ideakeittio .newrecipe #ainekset tr td select {width:50px; vertical-align: top; margin: 5px 0}
.alue-ideakeittio .newrecipe #ainekset {margin-bottom: 50px}
.alue-ideakeittio .newrecipe #ainekset .maara input {width: 40px}
.alue-ideakeittio .newrecipe #ainekset td {position: relative; vertical-align: top}
.alue-ideakeittio .newrecipe #ainekset .aine input {width: 170px; float: left}
.alue-ideakeittio .newrecipe #ainekset .button {font-size: 12px !important; margin: 10px 10px 0 0; padding: 3px 10px}
.alue-ideakeittio .newrecipe #ainekset tr .deleterow {width: 16px; height: 16px; padding: 0; text-indent:-9999px; background: url(../img/bg/removerow.gif) no-repeat top; display: block; float: left; margin-top: 9px}
.alue-ideakeittio .newrecipe #ainekset tr .deleterow:hover {background-position: bottom}
.alue-ideakeittio .newrecipe #ainekset .separator td {padding: 0 5px}
.alue-ideakeittio .newrecipe #ainekset .separator td input {margin: 5px 0; width: 310px}
.alue-ideakeittio .newrecipe textarea {width: 348px; height: 200px; font-size: 14px; padding: 3px}
.alue-ideakeittio .newrecipe h1 input {font-size: 20px; padding: 5px; width: 100%; text-align: center}
.alue-ideakeittio .newrecipe #recipepicture{position:relative}
.alue-ideakeittio .newrecipe #recipepicture div {width: 200px; margin: 0 auto}
.alue-ideakeittio .newrecipe #recipepicture p {position:absolute;right:10px;top:10px;widtH:240px;text-align:left}
.alue-ideakeittio .newrecipe #recipepicture input {margin-top: 10px}
.alue-ideakeittio .newrecipe input.blur, .alue-ideakeittio .newrecipe textarea.blur {color: #888}

.alue-ideakeittio .newrecipe small {color: #888; clear: both; text-align: center; font-size: 11px; display: block}
.alue-ideakeittio .newrecipe small a {color: #888; font-weight: normal; text-decoration: underline}
.alue-ideakeittio .newrecipe .formfunctions {text-align: center; padding-top: 20px; clear: both}
.alue-ideakeittio .newrecipe #deleterecipe {display: block; color: #888; text-decoration: underline; font-weight: normal; margin-top: 10px}

.alue-ideakeittio .newrecipe #recipehelp {width: 580px; background: #F7EFE5; padding: 20px 10px 5px; margin: 5px auto 0; position: relative}
.alue-ideakeittio .newrecipe #recipehelp #closehelpbox {position:absolute; top: 5px; right: 5px; font-size: 12px; color: #888; text-decoration: underline}

.alue-ideakeittio #form-ok {text-align: center; margin: 0 0 10px; background: #6AAC1D; color: #fff; padding: 10px 0}
.alue-ideakeittio #form-ok h2 {font-size: 24px}
.alue-ideakeittio #form-ok p, .alue-ideakeittio #form-ok h2 {margin: 0}

.alue-ideakeittio #kevytrasvat-info {background: #F7EFE5; padding: 10px 10px 5px; position: relative; margin-top: 20px; border-bottom: 1px solid #EBD8BF}
*:first-child+html .alue-ideakeittio #kevytrasvat-info {position: static}
.alue-ideakeittio #kevytrasvat-info:before {content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;border-color:#EBD8BF #fff}

.alue-ideakeittio #carousel .pagination li {zoom: 1;*display: inline}
.alue-ideakeittio .container, .alue-ideakeittio #content {*padding-bottom: 10px !important}

/*----------------------------
end Ideakeittiö
------------------------------*/

/*-----------------------
5) Muropaketti.fi
Muropaketti grid http://griddle.it/980-10-20)
-------------------------*/

/* Wider Plaza header */
.alue-muropaketti #megaplazatopwrapper .top {width: 1170px !important}

/* Body & Fonts */
.alue-muropaketti {background: #CAD4DA}
.alue-muropaketti #wrapper {width: 1170px; margin: 0 auto; border-color: #777; background: #DFE6EF}
.alue-muropaketti,.alue-muropaketti h1,.alue-muropaketti h2,.alue-muropaketti h3,.alue-muropaketti h4,.alue-muropaketti h5,.alue-muropaketti h6,.alue-muropaketti p,.alue-muropaketti ul,.alue-muropaketti ol,.alue-muropaketti dl,.alue-muropaketti input,.alue-muropaketti textarea {font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif !important}

/* Links */
.alue-muropaketti a {color: #2C3137}
.alue-muropaketti a:hover, .alue-muropaketti.dark a:hover {color: #1777BB; text-decoration: none}

/* Styles for old elements */
.alue-muropaketti .container, .alue-muropaketti #contentarea, .alue-muropaketti #contentarea-inside {width: 1000px}
.alue-muropaketti #content {width: 558px; border-width: 0 1px; border-style: solid; border-color: #999; font-size: 14px; margin: 0; padding: 0 20px; background: #efefef; -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.5); -webkit-box-shadow: -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.5); box-shadow: 0 5px 5px rgba(0,0,0,0.5); color: #222}
.alue-muropaketti #contentarea-inside {position: relative}

/* Sidebars */
.alue-muropaketti #sidebar-a, .alue-muropaketti .sidebar-b {width: 180px; margin: 0 10px}
/* Sidebar-a floated left on other pages than frontpage */
.alue-muropaketti #sidebar-a {float: left}

.alue-muropaketti #sidebar-a h2, .alue-muropaketti .sidebar-b h2 {background:#2F7AAE; padding: 5px 10px; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 1.25em; text-shadow: 1px 1px 1px #111}
.alue-muropaketti #sidebar-a h2 a, .alue-muropaketti .sidebar-b h2 a {color: #fff}
.alue-muropaketti #sidebar-a h3, .alue-muropaketti .sidebar-b h3 {font-size: 1em; line-height: inherit}
.alue-muropaketti #sidebar-a li h3, .alue-muropaketti .sidebar-b li h3 {margin-bottom: 0}
.alue-muropaketti #sidebar-a ul, .alue-muropaketti .sidebar-b ul {margin-top: -5px}
.alue-muropaketti #sidebar-a li, .alue-muropaketti .sidebar-b li {background: url(../img/bg/pisteet-vaaka.gif) repeat-x bottom; padding: 8px 5px}
.alue-muropaketti #sidebar-a li:last-child, .alue-muropaketti .sidebar-b li:last-child {background: none}
.alue-muropaketti #sidebar-a li .date, .alue-muropaketti .sidebar-b li .date {font-style: italic; color: #777}

/* sidenavi */
.alue-muropaketti #sidenavi {margin-left: 0}
.alue-muropaketti #sidenavi li {background: none; padding: 0}
.alue-muropaketti #sidenavi li:first-child {display: none}
.alue-muropaketti #sidenavi li a {width: 148px; background: #333 url(../img2/bg/muro_nav_bg.gif) top repeat-x; color: #fff; border-bottom-color: #111; text-shadow: 1px 1px 1px #111; padding: 8px 10px}
.alue-muropaketti #sidenavi li a:hover {background: #333}
.alue-muropaketti #sidenavi li a.selected {background: #222}
.alue-muropaketti #sidenavi li a.inpath {background: #666}

/* muro logo */
.alue-muropaketti #logo {background: url(../img2/bg/muro_logo.png) no-repeat; width: 410px; height: 95px; position: absolute; top: -15px; left: -20px;z-index:3}
.alue-muropaketti #logo a {display: block; width: 100%; height: 100%; text-indent:-9999px}
/* taskumuro logo */
.alue-taskumuro #logo {background: url(../img2/bg/taskumuro_logo.png) no-repeat}

/* subnavigation */
.alue-muropaketti #subnavigation {width:1170px; float: left; margin-bottom: 10px; padding-top: 85px; background: #333 url(../img2/bg/muro_subnavi_bg.png) left top; border-right: #1d1d1d; position: relative; z-index: 2}
.alue-muropaketti #subnavigation ul {background: #3e6a92; background: url("../img2/bg/muro_nav_bg.gif") repeat-x scroll center top #333333; border-width: 1px; border-style: solid; border-color: #666666 #222222 #222222; float: left; width: 1190px; margin-left:-10px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
.alue-muropaketti #subnavigation ul li {float: left; font-size: 14px; position: relative; z-index: 10000}
.alue-muropaketti #subnavigation ul li a {color:#fff; padding: 12px 10px; border-left: 1px solid rgba(0, 0, 0, 0.4); border-right: 1px solid rgba(255, 255, 255, 0.2); display: block; text-shadow: 1px 1px 1px #111;     -moz-transition: background 0.3s ease-out;-o-transition: background 0.2s ease-out;-webkit-transition: background 0.2s ease-out;-ms-transition: background 0.2s ease-out;transition: background 0.2s ease-out}
.alue-muropaketti #subnavigation ul li a:hover, .alue-muropaketti #subnavigation ul li a.selected {background: #1777BB; text-decoration: none}
.alue-muropaketti #subnavigation ul li:nth-child(1) a {border-left: 0}

.alue-muropaketti #subnavigation ul li ul {display: none; width: 180px; position: absolute; top: 100%; left: 10px; z-index: 10000; -moz-box-shadow: 1px 5px 5px #111; -webkit-box-shadow: 1px 5px 5px #111; box-shadow: 1px 5px 5px #111}
.alue-muropaketti #subnavigation ul li:hover ul {display: block}
.alue-muropaketti #subnavigation ul li ul li {float: none; font-size: 12px}
.alue-muropaketti #subnavigation ul li ul li a {padding: 5px; background: #333 !important}
.alue-muropaketti #subnavigation ul li ul li a:hover {background:#2F7AAE !important}

.alue-muropaketti #subnavigation ul li:nth-child(1) a {padding-right: 26px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAIElEQVQYlWP4TwRggAGiFOFTjKEIm2KcipAVE1Q01AEAOa9jnRBk8/EAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: 82px 20px}
.alue-muropaketti.alue-taskumuro #subnavigation ul li:nth-child(1) a {padding-right: 12px; background-image: none}

/* Special navigation links*/
.alue-muropaketti #subnavigation ul li.muro_social {float: right}
.alue-muropaketti #subnavigation ul li.muro_social a {background-image: url(../img2/bg/muro_social.gif);padding: 14px 10px 14px 37px; background-repeat: no-repeat; font-size: 12px; border: 0}
.alue-muropaketti #subnavigation #muro_tube a {background-position: 5px 12px}
.alue-muropaketti #subnavigation #muro_fb a {background-position: 5px -100px}
.alue-muropaketti #subnavigation #muro_rss a {background-position: 5px -44px}

/* Murohaku */
.alue-muropaketti ul li#murohaku {float: right; margin-right: 80px}
.alue-muropaketti #murohaku input {margin: 8px; border: 1px solid #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; background: #ddd; width: 140px}
.alue-muropaketti #murohaku input[type=search].blur{color:#222}
.alue-muropaketti #murohaku input[type=search]::-webkit-input-placeholder{color:#222}
.alue-muropaketti #murohaku input[type=search]:-moz-placeholder{color:#222}

.alue-muropaketti #searchresults h1 {font-size: 1.5em}
.alue-muropaketti #searchresults h2 {font-size: 1.2em; margin: 0; padding-top: 0.5em; background: url(../img/bg/pisteet-vaaka.gif) repeat-x top}
.alue-muropaketti #searchresults p {color: #aaa; margin: 0 0 0.5em}
.alue-muropaketti #searchresults form {float: left; margin-right: 10px}
.alue-muropaketti #searchresults form input {float: left; padding: 4px; margin-right: 5px}

/* Pager */
#content ul.pager a {color: #888}
#content ul.pager a:hover {color: #2C3137}
#content ul.pager li.current a, #content ul.pager li strong {font-weight:bold; color: #1A8EBD}

/* Muropaketti kommentit color settings */
.alue-muropaketti #kommentit{color: #333; width: 500px; background: #fafafa; border: 1px solid #ccc; padding: 28px}
.alue-muropaketti #kommentit dd {border: 0; background: url(../img/bg/pisteet-vaaka.gif) repeat-x bottom}
.alue-muropaketti #kommentit dt {float: left; margin-right: 10px}
.alue-muropaketti #kommentit dd a {text-decoration: underline}
.alue-muropaketti #kommentit form input.kommentit-button{border:3px solid #49850B;background:#69BF10;color:#fff}
.alue-muropaketti #kommentit p.info a, .alue-dome #kommentit form.not-registered a{color:#fff}
.alue-muropaketti #kommentit textarea {width: 495px}

.alue-muropaketti .item, .alue-muropaketti .article, .alue-muropaketti .blogpost {border-bottom: 0}
.alue-muropaketti .article img, .alue-muropaketti .blogpost img {border: 1px solid #aaa}

.alue-muropaketti .article a, .alue-muropaketti .blogpost a {text-decoration: underline}

.alue-muropaketti .articleheading, .alue-muropaketti #carousel > h2, .alue-muropaketti #searchresults h1 {margin: 0 0 20px -20px; padding: 10px 20px 10px 20px; width: 558px; border-width: 1px 0 1px; border-style: solid; border-color: #ccc transparent #bbb; text-shadow: 1px 1px 0 #eee; float: left; color: #333; background-color: #cfcfcf; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.2, #cfcfcf),color-stop(0.6, #dfdfdf)); background-image: -moz-linear-gradient(center bottom,#cfcfcf 20%,#dfdfdf 60%); background-image: -o-linear-gradient(bottom,#cfcfcf 20%,#dfdfdf 60%)}
.alue-muropaketti .articleheading a {color: #333; text-decoration: none}

/*.alue-muropaketti #wrapper .article h2,*/
.alue-muropaketti #wrapper .articleheading h2 {font-family: 'Ubuntu', Helvetica, arial, serif !important; font-size: 20px; margin: 0}
.alue-muropaketti .articleheading h2 {float: left; width: 430px; line-height:1.2}
.alue-muropaketti .article p.date, .alue-muropaketti .articleheading p {margin: 0; font-size: 12px; position: absolute; right: -10px; top: 6px}
.alue-muropaketti .article p {margin: 0 0 10px}

/* ADS
------*/
/* Subnavimainos */
.alue-muropaketti #subnavimainos {position: absolute; right: 10px; top: 10px}
/* Keskimainos */
.alue-muropaketti .keskimainos {width: 560px}
/* Ylämainos */
.alue-muropaketti #topadvertisements {margin-bottom: 20px}

/* Carousel */
.alue-muropaketti #carousel {width: 989px; float: left; position: relative; z-index: 0; background: #F8F8F8; border-width: 0 1px 1px 0; border-style: solid; border-color: #bbb; border-bottom-right-radius: 5px; margin-bottom: 10px}
.alue-muropaketti #carousel > h2 {font-family: 'Ubuntu', Helvetica, arial, serif !important; width: 950px; font-size: 18px; border-width: 1px 0; padding: 5px 20px 5px 20px; margin: 0 0 15px;float:none !important}
.alue-muropaketti #carousel ul {width: 990px}
.alue-muropaketti #carousel ul li {width:180px; margin: 0 9px 15px; float: left}
.alue-muropaketti #carousel ul li h2 {font-size: 16px; line-height: 1; margin: 5px 0; font-family: 'Ubuntu', Helvetica, arial, serif}
.alue-muropaketti #carousel ul li p {font-size: 12px; font-weight: normal; margin: 0; font-style: italic; color: #777}
.alue-muropaketti #carousel ul li img {border: 1px solid #aaa; display: block}
.alue-muropaketti #carousel .prev,.alue-muropaketti #carousel .next {position: absolute; bottom: 110px; z-index: 5; background: url(../img2/icons/carousel_next_prev_muro.png); height: 30px; width: 30px; text-indent: -9999px; outline: none}
.alue-muropaketti #carousel .prev {left: -5px; background-position: bottom}
.alue-muropaketti #carousel .next {right: -5px; background-position: top}
.alue-muropaketti #carousel a img {-webkit-transition: opacity 0.2s ease-in;-moz-transition: opacity 0.2s ease-in;-o-transition: opacity 0.2s ease-in;-ms-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in}
.alue-muropaketti #carousel a:hover img,.alue-muropaketti #carousel .prev:hover,.alue-muropaketti #carousel .next:hover {opacity: 0.7}
.alue-muropaketti #carousel_holder {visibility: hidden; left: -9999px; position: relative; overflow: hidden; height: auto !important; max-height: 230px}

/* nostoboksit */
.alue-muropaketti .nostoboksi,.alue-muropaketti #sidenavi {width: 168px;float: left;background: #efefef; padding: 5px; border: 1px solid #bbb; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; overflow: hidden}
.etusivu-muropaketti .nostoboksi {width: 368px}
.alue-muropaketti .nostoboksi h2 a {display: block; height: 100%}

/* taskumuro nostoboksi */
.alue-muropaketti #taskumuro h2,
.alue-muropaketti #muropaketti h2 {background-image: url(../img2/bg/taskumuro_logo_small.png); background-repeat: no-repeat; background-position: 10px center; height: 50px; text-indent:-9999px}
.alue-muropaketti #taskumuro img,
.alue-muropaketti #muropaketti img,
.alue-muropaketti #toimituksenblogi img,
.alue-muropaketti #edome img {width:158px;height:auto}
.etusivu-muropaketti #taskumuro img,
.etusivu-muropaketti #muropaketti img,
.etusivu-muropaketti #toimituksenblogi img,
.etusivu-muropaketti #edome img  {float: right; margin-left: 10px}
.etusivu-muropaketti #taskumuro li,
.etusivu-muropaketti #muropaketti li,
.etusivu-muropaketti #toimituksenblogi li,
.etusivu-muropaketti #edome li {float: left; width: 358px}

.alue-muropaketti #taskumuro li:first-child h3,
.alue-muropaketti #muropaketti li:first-child h3,
.alue-muropaketti #toimituksenblogi li:first-child h3,
.alue-muropaketti #edome li:first-child h3 {font-size: 1.25em}

/* muropaketti nostoboksi */
.alue-muropaketti #muropaketti h2 {background-image: url(../img2/bg/muro_logo_small.png)}

/* mainosboksit */
.alue-muropaketti #sidebar-ads {margin-top: 135px}
.alue-muropaketti .nostoboksi.mainosbanneri {text-align: center}

/* Uranus & Jimms */
.alue-muropaketti #jimms h2, .alue-muropaketti #uranus-feed h2 {background: transparent url(../img2/bg/ilmoitus_bg.gif) no-repeat left top; padding: 20px 0 0}
.alue-muropaketti #jimms h2 a, .alue-muropaketti #uranus-feed h2 a {height: 50px; margin: 0; display: block; text-indent:-9999px; padding: 5px 10px}
.alue-muropaketti #uranus-content a, .alue-muropaketti #jimms a {font-weight: normal}

/*Uranus*/
.alue-muropaketti #uranus-feed h2 a {background: #315dbd url(../img/uranus/uranus.gif) center top no-repeat}
.alue-muropaketti #uranus-feed {background-color:#315dbd}
.alue-muropaketti #uranus-content a {color: #fff}
.alue-muropaketti #uranus-content .companyw {color:#33b5e0;display: block}
.alue-muropaketti #uranus-content li.uranus-last{text-transform:uppercase}

/* jimms */
.alue-muropaketti #jimms h2 a {background: #222 url(../img2/bg/muro_jimms.gif) center top no-repeat}
.alue-muropaketti #jimms {background-color: #333}
.alue-muropaketti #jimms a {color: #ccc}
.alue-muropaketti #jimms span {display: block; font-size: 18px; color: #fff}

/*TM*/
.alue-muropaketti #tmnostoboksi{background:#1E1E1E;}
#tmnostoboksi h2{background: transparent url("../img2/bg/tmnostoboksi.png") no-repeat -10px top;height: 58px;text-indent: -9999px;}
#tmnostoboksi h3 a {color: #eee;font-weight: bold;}

/* väri selector */
.alue-muropaketti #varit {color: #eee; line-height: 1.2; padding-top: 3px; position: absolute; right: -10px; top: 92px; width: 50px; height: 35px; background: url(../img2/bg/themetoggle2.png) no-repeat; cursor:pointer;padding-left: 32px; font-weight: 100}
.alue-muropaketti.dark #varit {background: url(../img2/bg/themetoggle.png) no-repeat}
.alue-muropaketti #varit:hover {background: url(../img2/bg/themetoggle.png) no-repeat}
.alue-muropaketti.dark #varit:hover {background: url(../img2/bg/themetoggle2.png) no-repeat}

/* Changes on frontpage */
.alue-muropaketti.etusivu-muropaketti #content {border-left-width: 0}
.etusivu-muropaketti #uranus-feed h2, .etusivu-muropaketti #jimms h2 {background-position: left top}
.etusivu-muropaketti #sidenavi {display: none}
/* Wider sidebars on frontpage & floated right*/
.etusivu-muropaketti #sidebar-a, .etusivu-muropaketti .sidebar-b {width: 380px !important}
.etusivu-muropaketti #sidebar-a, .alue-muropaketti .sidebar-b {float: left !important}

/* archive */
.alue-muropaketti .archive {width: 370px; float: left; margin-top: 10px}
.alue-muropaketti .archive h1 {font-size: 24px}
.alue-muropaketti .archive .doclist {font-size: 12px; color: #555}
.alue-muropaketti .archive .doclist a.doctitle {display: block; font-size: 14px; font-weight: bold; color: #111}
.alue-muropaketti .archiveside {width: 170px; margin-left: 10px; float: right; background: url(../img/bg/pisteet-pysty3.gif) repeat-y; font-size: 12px}
.alue-muropaketti .archiveside dd {background: url(../img/bg/pisteet-vaaka.gif) repeat-x bottom; padding: 5px 0 5px 10px; margin: 0}
.alue-muropaketti .archiveside dt {margin: 15px 0 0; border-bottom: 1px solid #aaa; font-size: 14px; font-weight: 100; position: relative; padding: 0 0 0 10px}
.alue-muropaketti .archiveside dt span {position: absolute; right: 0; bottom: 2px; font-size: 10px}
.alue-muropaketti .archiveside,.alue-muropaketti .archiveside a,.alue-muropaketti .archive .doclist a {color: #555; font-weight: 100}

/* Kyselyt & äänestykset */
.alue-muropaketti .document form ul, #kuukaudenkysely form dl {margin: 10px 0; list-style: none}
.alue-muropaketti .document form li, #kuukaudenkysely form dd {margin: 5px 0}
.alue-muropaketti .document form li input, #kuukaudenkysely form dd input {vertical-align: top; margin-right: 5px}
.alue-muropaketti .document .tulokset table{margin:0 0 1.5em 0;background:none; width: 100%}
.alue-muropaketti .document .tulokset table th{background:none;padding:0.5em 0; font-weight: bold}
.alue-muropaketti .document .tulokset table td{padding:0.5em 0.5em 0;border-color: #aaa}
.alue-muropaketti .document .tulokset table td img{border-color: #aaa}
#kuukaudenkysely form dl {margin: 5px}

.alue-muropaketti .kainalo {width: 525px}

/* Hide plaza search */
.alue-muropaketti #topsearch, .alue-muropaketti #current-area {display: none}
/* kommentit exception*/
.alue-muropaketti #kommentit #palsta1 {width: 270px}

/* dark styles */
.alue-muropaketti.dark a {color: #E8E8E8}
.alue-muropaketti.dark #content, .alue-muropaketti.dark #carousel {background: #20262e; color: #eee; border-color: #222}
.alue-muropaketti.dark #wrapper {background: #47515E; border-color: #222}
.alue-muropaketti.dark .nostoboksi, .alue-muropaketti.dark #sidenavi {background: #20262e;border: 1px solid #000; color: #fff}
.alue-muropaketti.dark {background: #161616}
.alue-muropaketti.dark #sidebar-a li a, .alue-muropaketti.dark .sidebar-b li a {font-weight: 100}
.alue-muropaketti.dark .articleheading, .alue-muropaketti.dark #carousel > h2, .alue-muropaketti.dark #searchresults h1 {border-color: #4B5560 #111 #222; text-shadow: 1px 1px 0 #111; float: left; color: #fff; background-color: #3A3A3A; background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.2, #2B3139),color-stop(0.6, #3C454F)); background-image: -moz-linear-gradient(center bottom , #2B3139 20%, #3C454F 60%); background-image: -o-linear-gradient(bottom,#2B3139 20%,#3C454F 60%); background-image: linear-gradient(bottom,#2B3139 20%,#3C454F 60%)}
.alue-muropaketti.dark .articleheading a {color: #fff}
.alue-muropaketti.dark #kommentit {background: transparent; border: 0; color: #eee}
.alue-muropaketti.dark .archiveside,.alue-muropaketti.dark .archiveside a,.alue-muropaketti.dark .archive .doclist, .alue-muropaketti.dark .archive .doclist a {color: #aaa}
.alue-muropaketti.dark .archive .doclist a.doctitle {color: #E6E6E6}
.alue-muropaketti.dark p#articlenavigation span {color: #aaa}
.alue-muropaketti.dark .document .tulokset table td {background: #222}
.alue-muropaketti.dark .article p.date, .alue-muropaketti.dark .articleheading p {color: #eee}
.alue-muropaketti.dark #content ul.pager a:hover {color: #eee}
.alue-muropaketti.dark #carousel ul li img {border-color: #111}
.alue-muropaketti.dark .kainalo {background: #15181E}

/* Ilmoitus -ilmoitus */
.alue-muropaketti.advertorial .articleheading .date {background: url(../img2/muro_ilmoitus.png) no-repeat top right; padding: 20px 5px 0 20px; margin-top: -12px; margin-right: -5px}

/*-----------------------
end Muropaketti.fi
-------------------------*/