/* yol-lisäcss toimii lisänä blueprint-rungolle.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* =BODY kroppa
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
body { margin-top: 0; font-family: Calibri, Arial, sans-serif;}


/* =CONTAINER kääre leiskalle
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.container { border-top: 9px solid #333; }


/* =HEADER otsake logoineen
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#header { margin-top: 9px; margin-bottom: 0; background-color: #fff; height: 160px;}
#header h1 img { margin-top: 18px;}

/* =NAVIGATION päänavigointi sanahakukenttineen
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#navigation { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: relative; background: #333;}
ul#navbar { margin: 0; padding: 0; background: #333; list-style: none;}
ul#navbar li { float: left; margin: 0; padding: 0; font-size: 1em; text-transform: uppercase; font-weight: normal; background: #333;}
ul#navbar li a:link,
ul#navbar li a:visited { margin: 0; padding: 5px 8px; color: #fff; background: #333; font-weight: normal; text-decoration: none; border: none; display: block;}
ul#navbar li.current a { margin: 0; padding: 5px 8px; color: #fff; background: #3BB8CF; font-weight: normal; text-decoration: none; display: block;}
ul#navbar li a:hover { margin: 0; padding: 5px 8px; color: #eee; background: #3BB8CF; font-weight: normal; text-decoration: underline; display: block;}
#searchform { float: right; line-height: 1em;}
#searchform fieldset { border: none; margin: 0; padding: 2px 0;} /* 0 */
#searchform input #q { width: 120px;}

/* =LINK linkit
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

a:link,
a:visited { color: #515348; background: #fff; text-decoration: none;}
a:hover, a:active { color: #3BB8CF; background: #fff; text-decoration: underline;}

#sidebar a:link,
#sidebar a:visited { text-decoration: none;}
#sidebar a:hover,
#sidebar a:active { text-decoration: underline;}

#content h2 a:link, #content h2 a:visited,
#content h3 a:link, #content h3 a:visited,
#frontpage a:link, #frontpage a:visited { text-decoration: none;}
#content h2 a:hover, #content h2 a:active,
#content h3 a:hover, #content h3 a:active,
#frontpage a:hover, #frontpage a:active { text-decoration: underline;}

#footer a:link,
#footer a:visited {color: #999;}
#footer a:hover,
#footer a:active {color: #3BB8CF;}

#cpreview a { background: #fff6bf;}


/* =OTSIKOT yleisimmät otsikkomuotoilut
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
h4 { font-size: 1em; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #ccc; color: #515348; padding-left: 2px; }
.nostolle { margin-bottom: 0;} /* käytä .nosto-laatikon yläpuolella! */
h2.paaotsikko { margin-bottom: 0;} /* artikkeleiden pääotsikot ja metatiedot yhteen */
#sidebar h6 { font-weight: normal;}
h6.kategoriaotsikko { font-weight: normal; margin-bottom: 6px; text-transform: uppercase;} /* sidebar:n h6:set sekä kategoriaotsikot normaalivahvuuteen */
.ylamarg { margin-top: 18px;}


/* =SEARCH-RESULT hakutulokset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.search-result-detail { border-bottom: 1px solid #ccc; margin-top: 17px;}


/* =ARTICLE artikkeli
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#content .articlemeta { color: #999;} /* article info: published, author */
#content .articleimage { padding: 0; margin: 0;}
#content p.imagetext { font-style: italic; color: #999;} /* descriptive text for image */
#content p.ingress { font-weight: bold; font-size: 1.2em;} /* teaser */
#content p.article-comment {} /* markup includes .comments-inv */
#content .comment-inv {}
.category-listing { border-bottom: 1px solid #ccc; margin-top: 17px;} /* kategorialistaus */

.unbulleted-listing { list-style: none; margin-left: 0;}



/* =COMMENTS ol-listat artikkelikommenteille, kommenttilomakkeille
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#content #txpCommentInputForm { margin: 36px 0;}
#content p.articlecomments {}
#content ol {}
#content ol li p.commentermeta {}
#content commentform {}


/* =COMMENTS-lomake
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.commentpost { border-bottom: 1px solid #ccc; margin-top: 17px;}
.commentpost p.commenter {} /* check also comments_preview -form */
.commentpost p.commenter .numpermlink a { text-decoration: none;}
.commentpost p.commenter strong { font-weight: bold;}
.commentpost p.commenter em { font-style: italic;}


/* =COMMENTS_PREVIEW-lomake kommenttien esikatselu
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#cpreview,
.zemError,
.alert { margin-top: 18px; background: #fff6bf;}


/* =KUVAT artikkeleissa, kolumneissa ja etusivulla. Huom! kts. myös screen.css!
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.articleimage-left { float: left; margin: 0 10px 0 0; padding: 0;} /* kuvien float, ei alamargin eikä kuvatekstiä - mm. etusivun nostossa */
.articleimage-left img { margin: 0;}
.articleimage-right {float: right; margin: 0 0 0 10px; padding: 0;} /* kuvien float oikealle, ei alamargin eikä kuvatekstiä */
.articleimage-right img { margin: 0;}
.articleimage-right-200 {float: right; margin: 0 0 0 10px; padding: 0; width: 215px;} /* 200px artikkelikuvien float oikealle, kuvatekstillä  */
.articleimage-right-200 img { margin: 0;}
.articleimage-right-btmmarg {float: right; margin: 0 0 18px 10px; padding: 0;} /* kolumnikuvien float oikealle ja alamarginaali, ei kuvatekstiä */
.margin-zero { margin: 0;}

/* =ARKISTO plugin RSS LIVE ARCHIVE: http://www.wilshireone.com/textpattern-plugins/rss-live-archive
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#rssLiveArchive { margin: 10px 0 0;}
#rssLiveArchive ul { padding: 0; list-style-type: none;}
#rssLiveArchive ul li { text-align: left; padding: 1px 8px;}
#rssLiveArchive-year { float: left; width: 100px; margin: 0; padding: 0;}
#rssLiveArchive-year li { position: relative; font-weight: bold;}
#rssLiveArchive-month { float: left; width: 100px; margin: 0; font-weight: bold;}
#rssLiveArchive-month li { position: relative;}
#rssLiveArchive-post { float: left; width: 300px; margin: 0;}
#rssLiveArchive-post li { position: relative; background: url("../img/nuoli3x6musta.gif") no-repeat 0 6px; padding-left: 8px; line-height: 18px;}
#rssLiveArchive ul li span { position: absolute; right: 8px; font-weight: normal; color: #333;}
#rssLiveArchive .selected { background: #eee; padding-top: 0; padding-bottom: 0;}

/* Vaihtoehtoinen listaus skriptirajoitteisille */
dl.archive-listing { margin-bottom: 18px;}
dt.archive-posted { margin-top: 18px; font-weight: bold; line-height: 18px;}
dd.archive-bulleted { background: url("../img/nuoli3x6musta.gif") no-repeat 0 6px; padding-left: 8px; line-height: 18px;}

/* =SPESIAALIT muutamat ekstrat lopuksi
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
q:lang(fi) { quotes: "\201D" "\201D" "\0022" "\0022";}
q:lang(en) { quotes: "\0022" "\0022" "\0027" "\0027";}
q:before { content: open-quote;}
q:after { content: close-quote;}

.vinkki { text-align: center; background: #ffffb3;}


/* =MICROFORMATS
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.vcard { margin-bottom: 18px;}
.fn { font-weight: bold;}


/* =TABBER-uutisboxi
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide { display:none;}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { }
.tabberlive { margin-top: 0;}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 1px solid #ccc; text-transform: uppercase;}
ul.tabbernav li { list-style: none; margin: 0; display: inline;}
ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #ccc; border-bottom: 1px solid #eee; background: #eee; text-decoration: none;}
ul.tabbernav li a:link,
ul.tabbernav li a:visited { color: #515348;}
ul.tabbernav li a:hover { color: #fff; background: #3BB8CF;  border: 1px solid #aaa;} /* color: #3BB8CF; background: #eee;  border: 1px solid #aaa; */
ul.tabbernav li.tabberactive a:link { color: #333; background: #fff;  border: 1px solid #aaa; border-bottom: 1px solid #fff;}
ul.tabbernav li.tabberactive a:hover { color: #eee; background: #3BB8CF;  border: 1px solid #aaa; border-bottom: 1px solid #3BB8CF;}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding: 5px;
 border: 1px solid #ccc;
 border-top: none;
 height: 200px; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */
 overflow: auto; /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 { display:none;}
.tabberlive .tabbertab h3 { display:none;}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 { }
.tabberlive#tab2 { }
.tabberlive#tab2 .tabbertab { height:200px; overflow:auto;}