/* 
LuontoPortti-verkkolehti css v.2.2.1

2.2 left/right swapped in archives
  2.2.1 a strong
2.1 newsimages added

kerma #f6f7ec
ruskea #6b3f16
vaaleanruskea #a78864
vaalea #f6f6f6
vihrea #color="#84ba41"
oranssi #b95410
--------------------------------*/
/* TYPO
-------*/
/*
Otsikot
10 = 0,8 
9 = 0,75
h1 hidden 
h2 36 px museo sifr kerma
h3 22 px bold oranssi b95410
h4 20 px regular ruskea kasvin nimi viikon kasvi
h5 14 px bold oranssi b95410
*/

a {color:#437cb1;}
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: underline;}

#subNav li, #subNav p, #subNav h5 {padding-right:5px;}
#subNav li.active a, #subNav li.active a:hover {color:#b95410; background:none; padding-left:0; cursor:default; text-decoration:none;}
#sideContent li.active a, #sideContent p .active  {color:#b95410;}

ul.category_list li.active {padding-left:10px;}

body {color:#333; font-family:"Trebuchet MS", helvetica, arial, sans-serif; font-size: 75%;}

html>body {font-size: 12px;}

p {
font-size: 1em; /* 12px */ 
line-height: 1.5em; /* 18px */ 
margin: 0 0 1.5em 0; 
padding:0;
}

ul {margin-bottom:1.5em;}

li  {
font-size: 1em; /* 12px */
line-height: 1.5em; /* 18px */
}

#content li, #vastausDiv li {
list-style:disc outside; color:#6b3f16;
margin-left:40px;
margin-right:40px;
}

h2 {
font-size: 3em; /* 36px */
line-height: 1em; /* 36px */
margin-top: 0.5em;
margin-bottom: 0em;
color:#f6f7ec;
}

h3 {
font-size: 1.8333em; /* 22px */
line-height: 1.6364em; /* 36px */
margin-top: 0.8182em;
margin-bottom: 0em;
color:#b95410;
padding:0;
}

/* artikkeleissa nostetaan title*/
h3.mainTitle  {margin-top:0;}

/* vain latina on italic */
h4 {
font-size: 1.1667em; /* 14px */
line-height: 1.2857em; /* 18px */
margin-top:0; /* orig. 1.2857em, alas nolla */
margin-bottom:0.857em; /*0*/
color:#7a5949;
padding:0;
font-style:italic;
font-weight:bold;
}

h5 {
font-size: 1.1667em; /* 14px */
line-height: 1.2857em; /* 18px */
margin-top:1.714em;
margin-bottom:0.857em;
color:#b95410;
padding:0;
}

/*kun subhead suoraan artikkeliotsikon alla*/
h5.starter {margin-top:0; margin-bottom:1.2857em;}

/* artikkelisivulla eka otsikko vasen palsta*/
h5.articleInfo  {margin-top:0.875em;}

p.bottomZero {margin-bottom:0;}

#footer {
font-size:0.8em;
text-align:center;
color:#666;
}

#title_box p, #title_box h2 {color:#f6f7ec;}

strong {font-weight:bold; color:#7a5949;}
a strong {font-weight:bold; color:#437cb1;}
.kuvateksti {font-size:0.8em; color:#444; margin:0 0 1.9em 0; padding-top:0; text-align:left;}
div #articleContent .kuvateksti {font-size:0.8em; color:#222; margin:-1.5em 0 1.9em 0; padding-top:0; text-align:left;}

#sitemap {margin-bottom:0; font-weight:bold;} 
#sitemap ul {margin-left:5px; margin-bottom:0; font-weight:normal;} 
#sitemap ul li {list-style:disc inside; color:#84ba41;}

#searchInfo {border:solid #84ba41; border-width:1px 0 1px 1px; overflow:auto;}
#searchInfo span {font-weight:bold; color:#6b3f16;}
body#news.searchresults #subNav p {padding:1.5em 10px 0 10px;}
body#news.searchresults #subNav {padding-bottom:0.75em;}


/* LAYOUT AND OVERRIDES
------------------------*/
html {background:#6b3f16;}

body {background:#f6f6f6 url(/layout/images/sky2.jpg) repeat-x center top; background-attachment: fixed;}

#header {
width:960px; 
height:108px; 
margin:0 auto; 
background:#ccc; 
border-bottom:solid 1px #ddd;
position:relative;
}/*border-bottom:solid 10px #b95410;*/

h1 {
display:block;
width:250px; 
height:108px; 
float:left; 
line-height:0;
font-size:0;
}

#optionav {
position:absolute;
top:0;
left:0;
width:710px;
height:81px;
margin-left:250px;
background:#efefef url(/layout/images/optionav_bg.jpg) no-repeat top left;
}

#isbn {position:absolute; top:18px; right:20px; font-size:0.9em; color:#777;}

ul#languages {
font:bold 10px/27px verdana,sans-serif; 
text-align:right; 
margin-right:45px;
}
ul#languages li {
display:inline;
}

ul#languages li a {
border-left:solid 1px #ccc; 
padding-left:3px; 
display:inline; 
color:#5c95ca;
}

input#search_input {
width:160px;
background:url(/layout/images/search_bg.gif) top left no-repeat;
color:#444;
letter-spacing:0.05em;
height:20px;
position:absolute;
top:36px;
left:480px;
border:none;
padding:7px 7px 0px 27px;
font-size:0.9em;
}

input#search_go {
text-indent:-9999px;
background:url(/layout/images/search_btn.gif) top left no-repeat;
width:28px;
height:27px;
border:none;
cursor:pointer;
font-size: 0px;
color:#bfc1b9;
position:absolute;
top:36px;
left:672px;
}


input#search_go:hover {
text-indent:-9999px;
background:url(/layout/images/search_btn.gif) 0 -27px no-repeat;
}


#navbar {
position:absolute;
top:81px;
left:0;
width:710px;
height:27px;
margin-left:250px;
background:#7aad3c url(/layout/images/navi_bg.gif) top right repeat-x;
line-height:0;
font-size:0;
}

#a_rss_feed {
display:block; 
width:140px; 
height:45px; 
text-indent:-9999px; 
background:url(/layout/images/rss_feed_fi.gif) top left no-repeat;
}

#a_rss_feed:hover {
background:url(/layout/images/rss_feed_fi.gif) 0 -45px no-repeat;
}

/* master wrap alkaen navin alta 
sis. laatikot controlled by 960
--------------------------------*/
#master_wrap {
background:#f6f6f6 url(/layout/images/master_wrap_bg.gif) repeat-x top left; /*grid.gif*/
overflow:hidden;
padding-bottom:1em;
-moz-border-radius-bottomright:9px;
-moz-border-radius-bottomleft:9px; 
-webkit-border-bottom-left-radius:9px;
-webkit-border-bottom-right-radius:9px;
} 

#footer {
width:100%; 
height:126px; 
margin:0 auto 0; 
background:transparent url(/layout/images/footer_bg_4.png) repeat-x center 0;
}

#footer div {
width:960px; 
margin:0 auto;
color:#f6f7ec;
padding-top:126px;
padding-bottom:18px;
}
    
#footer div a {
color:#f6f7ec; 
border:none;
}

#footer div a:hover {background:none;}

/* forms 
kysy luonnosta, kommentointi, kontakti 
+ huomioi sivukohtaiset muutokset */

legend, #askFormDiv h5 {
font-size: 1.1667em;
line-height: 1.2857em;
font-weight:bold;
padding:0.75em 10px 1.285em 10px;
color:#b95410;
clear:both;
text-align:left;
}

#askFormDiv h5 {padding-bottom:0;}

label {
color:#b95410; 
font-size:1em; 
line-height:1.5em; 
text-align:right; 
float:left; 
width:154px; 
padding:0 10px 0 0;
}

input {height:1em;} 

input, textarea {
color:#333; 
width:250px; 
margin-bottom:1.2857em; 
border:solid 1px #bebebe;
}

.zemSubmit, .button {
width:250px; 
float:right; 
height:29px; 
background:#f6f7ec; 
color:#83ba40; 
font-weight:bold; 
margin:0 12px 1em; 
cursor:pointer;
}

.zemSubmit:hover, .button:hover {background:#83ba40; color:#f6f7ec; }

.zemThanks {border:solid 1px #bebebe; padding:0.5em; background:#fefefe; margin-top:1em; margin-bottom:0.5em;}

.disabled, .disabled:hover {background:#f6f7ec; color:#bbb; cursor:default; display:none;}

#askFormDiv p {
text-align:left; 
padding:0.5em 10px 0 10px; 
margin-bottom:0;
clear:both;
}

#comments form {
border:solid 1px #bebebe; 
padding:0 10px;
margin-top:1.5em;
}

#txpCommentInputForm {margin-top:1.5em;}

.comments-wrapper ul {clear:both; color:#6b3f16}
.comments-wrapper li {list-style:disc; list-style-position:inside;}
#cpreview .comment {
clear:both;
background:#fefefe; 
border-top:dashed 1px #dedede; 
border-bottom:dashed 1px #dedede; 
border-right:dashed 1px #dedede;
}

ul.comments_error {border:dashed 1px #6b3f16; padding:10px;}
ul.zemError {padding:0px; margin:0 10px 1.5em 10px; text-align:left;}

#cpreview p.huomio {color:#b95410;  margin-top:0.5em;}

input#grabthisTop {width:90%; margin:0 9px 0 0; line-height:1.5em; font-size:0.9em; padding:4px;}

input#grabthis {margin:0 9px 20px 20px; width:490px; line-height:1.5em; font-size:0.9em; padding:4px;}

#txpCommentInputForm span {float:right; margin-right:24px; clear:both; margin-bottom:1em;}
span#counter {float:none; margin-right:0;}


/* General settings for most pages */

#paginationControl p {
width:40%; 
float:right;
text-align:right;
color:#bebebe;
}

#paginationControl ul {
width:50%; 
float:left;
}

#paginationControl li {
text-align:center;
display:block; 
float:left; 
border:solid 1px #ddd; 
margin:0 0 1em 0; 
width:1.5em; 
height:18px; 
text-align:center;
background:none; 
color:#333; 
}

#paginationControl li a {
background:#f6f6f6;
display:block;
height:18px;
padding:0 0.2em;
} 

#paginationControl li a:hover {
background:#437cb1;  
color:#f6f7ec; 
text-decoration:none;
}

#paginationControl .here {background:#84ba41;}

/* article split pagination */

#sivutusWrap {
width:100%; 
border-bottom:solid 1px #ddd; 
margin-top:0.5em;
height:3em;
}

#sivutus {
float:right;
}

a.pagerControl {
font-weight:bold; 
display:block; 
height:1em; 
float:left; 
border:solid 1px #ddd; 
margin:0 1px; 
line-height:1em; 
padding:0.3em 0.5em;
text-align:center;
}

a:hover.pagerControl {
background:#437cb1;  
color:#f6f7ec; 
text-decoration:none;
}

.activePage {
background:#84ba41; 
color:#333; 
cursor:default;
}

/* Thumbnailkuvat, etusivulla ja artikkeleissa tekstissa */

img.smallLeft {
float:left; 
background:#f6f6f6; 
padding:4px; 
border:1px solid #d4e6f3; 
margin-right:10px;
margin-top:4px;
}

a:hover img.smallLeft, body#article #content a:hover img {background:#d4e6f3;}

.ImgCaptionBox p {margin-bottom:0.5em;}

/* infosivut, uutisivut*/
#subNav {
padding-top:6px; 
padding-bottom:0em; 
border-bottom:solid 9px #83ba40; 
background:url(/layout/images/gray_line.gif) repeat-y top right;
}

/* General page header settings, 
kysy luonnosta, yhteistyo
Sfirit on innerboxeissa. 
padding otsikkoon, ei auta. 
lisalaatikko auttaa. 
Boxin width sivukohtaisesti.
*/

#titlebox {
height:16.5em; 
background:#83ba40 url(/layout/images/cooperation_header_bg_2.gif) no-repeat top left;
position:relative;
margin-bottom:1.5em;
overflow:hidden;
-moz-border-radius-bottomright:9px;
-webkit-border-bottom-right-radius:9px;
}

body#plant #titlebox {-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;}


#titlebox img {
position:absolute;
top:6px;
left:0;
}

#titlebox .innerbox p {
padding-left:4px; 
margin-top:1em;
color:#f6f7ec; 
}


/* Sfir otsikot */
#titlebox h2 {
background:#83ba40;
margin-top:18px;
}

/* Home
--------------------------------*/
#news_ticker {
margin-top:18px; 
height:261px;
background:transparent url(/layout/images/latest_art_3_fi.gif) no-repeat bottom  left;
position:relative;
}

#news_ticker div#slider {
height:261px;
width:522px;/*580*/
margin-left:199px;/*170*/
background:#6b3f10;
overflow:hidden;
text-align:center;
color:#f6f7ec;
}
#news_ticker div#slider img {border-bottom:solid 1px #a78864}

#news_ticker h3, #news_ticker h3 a {color:#f6f7ec; font-size:1em;}
#news_ticker h3 a:hover {text-decoration:none;}

/* R2C1 */
body#home h5, body#home p {padding:0;}
body#home p {margin-bottom:0;}
body#home .wrap {width:380px;}
body#home .date {float:left; width:60px; font-weight:bold; color:#7a5949;} 
body#home .text {margin-left:70px;} 

/* R2C2 */
body#home #species_of {margin-top:24px;}
body#home #species_of h5.species_title {margin-top:0;} /* ylempi otsikko pois rekisterista */
body#home div#ask_about {background:url(/layout/images/ask_bg.gif) top right no-repeat; margin-bottom:1.5em;}
p.extra_baseline {margin-top:1.5em;}


/* Archive 
----------*/

body#archive #titlebox {
background:#84ba41 url(/layout/images/cornerBr.gif) no-repeat bottom right;
height:72px; 
position:relative;
overflow:hidden;
margin-top:18px;
margin-bottom:0;
}

body#archive #titlebox .innerbox {
width:190px; 
position:absolute;
top:18px;
left:10px;
}

body#archive ul.biglist li {
text-align:center; 
margin:1.5em 0 0 0; 
border-bottom:7px solid #dcdcdc; 
padding-bottom:2px;
}

body#archive .wrap {overflow:hidden; border-bottom:solid 1px #d1e2bf; padding-bottom:7px;}
body#archive .biglist h3 {text-align:left; margin-top:0;}
body#archive .biglist p {text-align:left;}

body#archive .biglist img {
padding:0.667em; 
margin:0 0 1em 0;
border:0.0833em solid #d4e6f3;
background:#fff; 
}

body#archive  ul#smallerList li {border-bottom:solid 1px #84ba41;}
body#archive #sideContent .wrap {margin-bottom:0.25em; padding-bottom:0.5em; border-bottom:0.75em solid #84ba41;}
body#archive #sideContent h5 {margin-right:10px;}
body#archive #sideContent p {margin:0 10px 0em 0px;}
body#archive #sideContent p.title {margin:0; font-weight:bold;}
body#archive .category_list li {font-weight:bold;}


#aikalista {
margin-top:1.5em; 
background:#f6f6f6 url(/layout/images/ask_bg.gif) top right  no-repeat; 
}

body#archive #aikalista ol {
list-style-position:inside; 
padding:1px 10px 1.5em 10px;
list-style-type:decimal;
}

/* News, editorials, searchResults
------------*/

body#news #titlebox {
height:126px; 
background:#83ba40 url(/layout/images/cooperation_header_bg_2.gif) no-repeat top left;
position:relative;
overflow:hidden;
margin-bottom:0;
}

body#news #titlebox .innerbox {
width:190px; 
position:absolute;
top:18px;
left:560px;
}

body#news #titlebox img {position:absolute; top:0; left:0;}

/* R2C1 */

body#news #content {
background:url(/layout/images/gray_line.gif) repeat-y top right; 
border-bottom:solid 1px #ddd;
margin-bottom:18px;
}

body#news #content p, body#news  #content h3, body#news  #content h4, body#news  #content h5, body#news  #content ul {
padding-left:0px; padding-right:20px;
}

body#news .newsListItem {
border-bottom:solid 1px #cecece; 
list-style:none;
margin:0;
}

body#news .newsListItem p.readMore {
margin-top:-1em; 
margin-bottom:0.5em;
}

.date {color:#7a5949; font-weight:normal;}

body#news #articleImage {
padding:0.667em; 
border:0.0833em solid #d4e6f3;
background:#fff; 
}

body#news .ImgCaptionBox {margin-bottom:1.5em;}

/* kokopalstakuva uutisessa */

.newsImage {background:#f6f6f6; 
padding:4px; 
border:1px solid #d4e6f3; 
margin-right:10px;
margin-top:4px;
}



/* Cooperation mainpage
------*/
body#cooperation #titlebox .innerbox, body#cooperation2 #titlebox .innerbox {
width:380px; 
position:absolute;
top:18px;
left:400px;
}

/* R2C2 */

#logos li {background:#7aad3c; display:inline;}
#logos li a{display:block; height:108px; float:left; width:220px; background:#7aad3c; margin:0 20px 1.5em 0; padding:0;}
#logos li a:hover {background:#7cabd6;}
#logos li img {border:solid 1px #bebebe;}

/* Cooperation company page
-----*/

/* matalampi, liian saa aina pois sano... */
body#cooperation2 #titlebox {
height:126px; 
background:#83ba40 url(/layout/images/cooperation_header_bg_2.gif) no-repeat top left;
position:relative;
overflow:hidden;
}

/* R2C1-C2
--------------------------------*/
body#cooperation2 #content{background:url(/layout/images/gray_line.gif) repeat-y top right; border-bottom:solid 1px #ddd;}
body#cooperation2 h3 {margin-top:0;}
body#cooperation2 #content p {margin-right:10px;}
body#cooperation2 h5.others {border-top:9px solid #7cabd6; padding-top:9px; margin-right:10px;}
body#cooperation2 img.logo {margin-top:0.55em;}
body#cooperation2 #articleImage {padding:0.667em; border:0.0833em solid #d4e6f3; background:#fff;}

/* Ask about nature frontpage
-----*/

body#ask #titlebox .innerbox {
width:460px; 
position:absolute;
top:18px;
left:320px;
}

body#ask #titlebox img {position:absolute; top:1px; left:30px;}

/* R2C1 */

#recent_ask {text-align:left;}
#recent_ask h3 {padding-right:0;}
#recent_ask h5 {padding-right:0; margin-top:0.75em; margin-bottom:0.4em;} /*margin-top:1.2857em;*/
#recent_ask p {padding-right:0;}


/* R2C2 */

#askFormDiv {
background:#83ba40 url(/layout/images/corner_tl.gif) no-repeat top left; 
text-align:center;
}

#askFormDiv form {
background:#f6f7ec; 
width:440px; 
margin:0.75em auto 0 auto; 
margin-bottom:9px;
}

/* Ask about nature answer R2 C1-C2
-------*/

#recent_ask img {padding:4px; border:1px solid #d4e6f3;}
#recent_ask #zoomIcon {float:left; border:none;}
#vastausDiv p, #vastausDiv h3 {padding-right:0;}
#vastausDiv h3 {margin-top:0;}

#vastausDiv div.author {
color:#a78864;
border-bottom:solid 1px;
border-top:solid 1px;
padding-top:0.5em;
padding-bottom:0;
}

#vastausDiv div.author p {margin-bottom:0.5em;}

/* Ask about nature archive R2 C1-C3
------*/

.authorLpage {
color:#a78864;
margin-right:20px;
padding:0.75em 10px;
background:#f3f3f3;
}
.authorLpage p {margin-bottom:0;}

body#ask #listContent {
background:url(/layout/images/gray_line.gif) repeat-y top right; 
border-bottom:solid 1px #ddd;
margin-bottom:18px;
}

body#ask #listContent p, body#ask  #listConten h3, body#ask  #listConten h4, body#ask  #listConten h5, body#ask  #listConten ul {
padding-left:0px; padding-right:20px;
}

body#ask #listContent h3 {margin:0 0 9px 0;}

body#ask #subNav h5 {margin-top:0.4em;}

body#ask .newsListItem {
border-bottom:solid 1px #cecece; 
list-style:none;
margin:0;
}

#askArrow a {
display:block; 
margin-top:1em; 
height:4.5em; background:url(/layout/images/ask_arrow2.png) no-repeat top left; 
padding-top:1.5em; 
padding-left:7em; 
font-weight:bold;
}

#askArrow a:hover  {background:url(/layout/images/ask_arrow2.png) no-repeat 0 -72px;}


/* Species frontpage  R1 C1
------*/

body#species #titlebox {
height:351px;
background:#83ba40 url(/layout/images/cooperation_header_bg_2.gif) no-repeat top left;
position:relative;
margin-bottom:1.5em;
overflow:hidden;
}


body#species #titlebox .innerbox {
width:210px; 
position:absolute;
top:18px;
left:10px;
}

body#species #titlebox img {
position:absolute;
top:18px;
left:240px;
}

body#species #titlebox .innerbox p {
padding-left:4px; 
color:#f6f7ec; 
}

/* Species frontpage  R2 C1 - C2
-----*/
#alandLink h3, #suomiLink h3 {
font-size:1.3em; 
text-align:center; 
margin-top:0;
padding:0;
}

#alandLink a, #suomiLink a {
display:block; 
background:#f3f3f3; 
width:378px; 
height:4em; 
padding-top:1.5em; 
border:solid 1px #bebebe; 
border-bottom:solid 9px #7aad3c;
}

#alandLink a:hover, #suomiLink a:hover {
text-decoration:none;
border-bottom-color:#7cabd6;
} 


/* kokeelinen*/
#alandLink, #suomiLink {width:380px;} 
#alandLink h3, #suomiLink h3 {
font-size:1.3em; 
text-align:left; 
margin-top:0;
padding:0;
}

#alandLink a, #suomiLink a {
display:block; 
background:url(/layout/images/ask_arrow2.png) no-repeat 0 0; 
width:380px; 
height:52px; 
padding-top:20px; 
padding-left:80px;
border:solid 0px #bebebe; 
border-bottom:solid 0px #7aad3c;
}

#alandLink a:hover, #suomiLink a:hover {
text-decoration:none;
background:url(/layout/images/ask_arrow2.png) no-repeat 0 -72px; 
} 


/* Plant presentation R1 C1
huom - erilainen sivu kuin muut 
kayttaa floattia kymppipalstan sisalla
left | content
------*/

body#plant #left {
width:240px;
float:left;
margin-top:36px;
}

body#plant #titlebox {
overflow:hidden;
height:90px;
background:#84ba41 url(/layout/images/left_bg.png) no-repeat top left;
margin-bottom:0;
}

body#plant .innerbox {padding-left:10px;}
body#plant #titlebox h2 {margin-top:18px;}

body#plant #titlebox .innerbox p {
margin-top:0;
padding-left:4px; 
color:#f6f7ec; 
}


.speciesAGogo {background:#f1f5eb; margin-top:9px; text-align:right;}
.speciesAGogo h5 {margin:0; padding-top:1.2857em; padding-right:10px;}
.speciesAGogo p {padding-bottom:0.5em; margin-bottom:0; padding-right:10px; padding-left:10px;}

/* R1 C2 */

body#plant #content {
margin-left:240px; 
text-align:center; 
background:#fdfdfd url(/layout/images/plant_image_bg.png) no-repeat top left;
padding-bottom:0.5em;
}


body#plant #content h5, body#plant #content ul, body#plant #content ol, body#plant #content p, body#plant #content h3, body#plant #content h4 {text-align:left; padding-left:20px; padding-right:20px;}

body#plant #articleImage {margin:9px auto 0 auto;}

/* Article R1 C1
------*/

body#article #breadcrumb p {
border-bottom:solid 1px #b95410;
padding:1em 0 0.5em 0;
}

body#article #sidebar {
background:url(/layout/images/gray_line_dark.gif) repeat-y top right; 
border-bottom:solid 1em #84ba41;
margin-top:18px;
}

body#article #sidebar p, body#article #sidebar li {padding-right:5px;}

body#article #sidebar p, body#article #sidebar li {padding-right:5px;}
body#article #sidebar li {list-style:disc inside; color:#437cb1;}
body#article #sidebar li span {color:#333;}

/* R1 C2 */

/* grid 7n id = content: paakuva ja otsikko. 
kuvan alta alkaa taustavarinene wrap = articleContent
*/

body#article #content {margin-top:18px;}

body#article #content img {
padding:4px; 
border:1px solid #d4e6f3; 
background:#fff;
}

/*paxumpi porder*/

body#article img#articleImage {
padding:0.667em; 
border:0.0833em solid #d4e6f3;
background:#fff; 
}

/* R2 C2 */

#articleContent {background:#fdfdfd; border-bottom:solid 1em #ddd; padding-top:1.5em;}

#articleContent p, #articleContent h4, #articleContent h5, #articleContent h6, #articleContent ul {
padding-right:20px; 
padding-left:20px; 
text-align:left;
}

.thumbBox {
margin:0.2em 10px 0 20px; 
height:auto; 
width:270px; 
float:left; 
border-bottom:solid 1.5em #84ba41; 
padding-bottom:0.75em; 
padding-top:0em;
}

.thumbBox img {float:left; margin-right:10px;}

#content .thumbBox p{
text-align:left; 
font-size:0.8em; 
line-height:1.75em;
margin-left:0; padding-left:0;
}

#articleContent blockquote {
margin:0 auto; background:url(/layout/images/ask_bg.gif) top right  no-repeat; 
margin-top:-1.5em;
}

#articleContent blockquote.text {
margin-top:1.5em;
}

#articleContent blockquote p{text-align:right; color:#84ba41; line-height:2.76em; font-weight:bold;  font-style:italic; padding-top:6em; margin-left:210px; width:40%; padding-right:0;}

body#article #sidebar li a {font-weight:bold;}


body#article #tekstiGalleria {margin:0 20px 1.5em 20px;}
body#article #tekstiGalleria img {margin:0 1px 0  0; padding:3px;}



/* Commenting */

/* wrapper for whole comment b  lock */
#comments {margin:1em 0;}

/* wrapper for single comment */
.comment {background:#efefef; padding:1.5em 10px 0.1em 20px; border-left:10px solid #84ba41; margin-top:1.5em;}


body#article div#comments fieldset {border:solid 1px #ddd; padding:10px;}
body#article div#comments input,  body#article div#comments textarea {width:300px;}
body#article  div#comments #txpCommentPreview {margin-right:26px;}
body#article div#comments label {width:180px;}
body#article div#comments .button {width:100px; margin-right:0;}

body#news .comment {width:470px;}
body#news div#comments form {width:488px;}
body#news div#comments input, body#news textarea {width:310px;}
body#news div#comments .button{width:100px; margin-left:0;}
body#news div#cpreview .comment{width:90%;}


body#article div#comments textarea, body#news textarea {height:200px;} 


div#comments li {margin-left:20px;}

/* info R1 C1
-----*/

#title_img, #title_box {
height:198px; 
margin-top:18px; 
background:#333;
}

#map_canvas {border:solid 1px #b95410;}


/* R1 C2 */
#title_box {
background:#83ba40  url(/layout/images/titlebox_bg_tr.gif) no-repeat top right;
}

body#info .innerbox {
margin:0 auto; width:210px; 
float:right;
}


/* R2 C1 */
body#info #content {
background:url(/layout/images/gray_line.gif) repeat-y top right;
border-bottom:solid 1px #ddd;
margin-bottom:18px;
}


body#info #content p, body#info #content h3, body#info #content h4, body#info #content h5, body#info #content ul {
padding-left:0px; padding-right:20px;
}

body#info div#content fieldset {border:solid 1px #ddd; padding:10px; width:500px; margin-bottom:1.5em;}
body#info div#content input,  body#info div#content textarea {width:300px;}
body#info div#content #txpCommentPreview {margin-right:26px;}
body#info div#content label {width:180px;}
body#info div#content textarea {height:200px;} 
body#info div#content .button {width:100px; margin-right:0;}

.card {width:260px; height:99px; background:#83ba40; float:left;}
.cardRight {width:260px; height:99px; background:#83ba40; margin-left:280px; margin-bottom:18px;}
.card img,  .cardRight img {margin-left:7px; margin-right:10px; float:left;}
.card p,  .cardRight p {padding-top:1em; color:#f6f7ec;} 
.person {font-weight:bold;}


/* Language specific navigation starts. 
Navigation bar technique from www.mattvarone.com
*/

/* HORIZONTAL NAVIGATION BAR */

ul#navi {
width:446px;
list-style:none;
height:27px
}

ul#navi li {
display:inline
}

ul#navi li a {
height:27px;
float:left;
text-indent:-9999px;
text-decoration:none
}

ul#navi  li a span {
float:left;
display:block
}

ul#navi li#navi-1 a {
width:64px;
background:url(/layout/images/navisprite_fi.gif) no-repeat 0px 0
}

ul#navi li#navi-1 a:active,
ul#navi li#navi-1 a:hover {
background-position:0px -27px
}
ul#navi li#navi-1 a.current {
background-position:0px -54px
}

ul#navi li#navi-2 a {
width:56px;
background:url(/layout/images/navisprite_fi.gif) no-repeat -64px 0
}

ul#navi li#navi-2 a:active,
ul#navi li#navi-2 a:hover {
background-position:-64px -27px
}
ul#navi li#navi-2 a.current {
background-position:-64px -54px
}

ul#navi li#navi-3 a {
width:85px;
background:url(/layout/images/navisprite_fi.gif) no-repeat -120px 0
}

ul#navi li#navi-3 a:active,
ul#navi li#navi-3 a:hover {
background-position:-120px -27px
}
ul#navi li#navi-3 a.current {
background-position:-120px -54px
}

ul#navi li#navi-4 a {
width:111px;
background:url(/layout/images/navisprite_fi.gif) no-repeat -205px 0
}

ul#navi li#navi-4 a:active,
ul#navi li#navi-4 a:hover {
background-position:-205px -27px
}
ul#navi li#navi-4 a.current {
background-position:-205px -54px
}

ul#navi li#navi-5 a {
width:92px;
background:url(/layout/images/navisprite_fi.gif) no-repeat -316px 0
}

ul#navi li#navi-5 a:active,
ul#navi li#navi-5 a:hover {
background-position:-316px -27px
}
ul#navi li#navi-5 a.current {
background-position:-316px -54px
}

ul#navi li#navi-6 a {
width:38px;
background:url(/layout/images/navisprite_fi.gif) no-repeat -408px 0
}

ul#navi li#navi-6 a:active,
ul#navi li#navi-6 a:hover {
background-position:-408px -27px
}
ul#navi li#navi-6 a.current {
background-position:-408px -54px
}