/*               

KASVIT - PLANTS  - main page

*/

#left {float:left; width:270px;}
#left .gutter  {padding:12px 0 0 12px;}
#left img {float:left; margin:0 8px 0 0; border:none; background:none;}
#left a:hover img {border-bottom:solid 4px #BF5EA3;}
#left h4 {padding:20px 0  0 0; }
#left h5 {margin:26px 0 8px 0;}


#right {margin-left:280px; padding:12px 0 4px 0; width:520px;}
#right p {padding:0 10px 0 0}
#right .gutter {padding:0 6px 8px 12px; border-left:solid 1px #A67D62;}
#right .gutter {padding:12px 6px 8px 12px; border-left:solid 0px #A67D62; background:#ece8e1;}
#right .slideshow {margin:0 0 12px 0; padding:0;}

body#plants h3 {padding:0 0 12px 0; text-align:left;}


/* Left div in species listing page
- - - */

#browse {
  float:left;
  width:250px;
  border:solid 0px;
  margin:17px 0 0 0;
}

#browse h3{padding:0; margin:0 0 0 -3px;}
#browse h5 {padding:28px 0 0.4em 0;}
#browse #h5_tunnista {padding-bottom:0;}
#browse p {color:#222; margin:8px 0 0 0;} 


#browse p img {
  float:left; 
  background:none; 
  border:none; 
  margin-right:4px;
}

/* Results listing
List=Right div where results are generated as ul-list
_ _ _  */

#list {
  margin:0 0 0 260px;
  padding:12px 0 0 0;
  width:540px;
}

#list ul {padding:0px 0 0 0;}

#list li {
  margin:0px 2px 2px 0;
  list-style:none;
  background:#f4f6f1;
  background:#ece8e1 url(/suomi/layout/teksti_bg.gif) no-repeat top right;
  float:left;
  width:176px;/*396*/
  border:solid 1px #C6DCA7;
  text-align:center;
  overflow:auto;
  line-height:100%;
  height:210px;
}


/* 
HUOMIO LISAA MIN-HEIGHTIIN IE FIXI JA POISTA TAA SITTE 
*/

#list h3 a, #list h3  {font-size:12px; line-height:110%; padding:8px 3px 4px 3px; font-weight:bold;}
#list h4 a, #list h4 {font-size:10px; padding:2px 0 8px 0; color:#3280da; font-family:verdana;}
#list p a,#list p   {font-size:10px; padding:2px 2px 0 2px; margin:0;}
#list li a:hover {color:#a67d62; text-decoration:underline;}
#list li img {
  border:solid 1px #ddd; 
  padding:2px; 
  float:none; 
  margin:8px 0 0 0;
}

/* This makes the difference between normal listing 
and search-result listing with expcert-text
- - - */

ul#search_results li {width:534px; height:auto;} 
ul#search_results .float_l {width:120px; border-right:solid 2px #C6DCA7; margin-right:12px;}
ul#search_results li h3, ul#search_results li h4, ul#search_results li p.small {
  text-align:left;
margin:0 12px 0 0;
}
ul#search_results li h3 { margin-top:12px;}
ul#search_results strong {font-weight:normal; border-bottom:solid 2px #dbbde0; padding:0 0 2px 0;}


/* Aricle pages start
- - - */

/* Left div for images */
#kuvat {
  float:left;
  width:327px;
  display:block;
  text-align:left;
  margin-left:3px;
  clear:left;
}


img {padding:2px; margin-bottom:2px; border:solid 1px #ddd;}
a:hover img {background:#8E602E; padding:2px;}

.smd_slimbox_next, .smd_slimbox_prev  {display:block; font-size:90%;}
#mainkuva {margin-bottom:2px;}

#hires_linkbox {border:solid 0px #ddd; width:324px; margin:0px auto 8px auto; background:#eee;}
#hires_linkbox h5 {color:#f3f3f3; font-size:0.9em; font-family: georgia, serif;  background:#60324e; padding:2px 0 2px 4px; text-align:left;}
#hires_linkbox img {padding:2px; margin-top:5px; border:none;}


/* Right div for text 
- - - */
#teksti {
  margin:2px 0 0 338px;
  clear:right;
  background:#ece8e1 url(/suomi/layout/teksti_bg.gif) no-repeat top right;
}

#teksti h3 {padding:16px 0 0 12px;}
#teksti h4 {padding:12px 0 18px 12px; font-size:1.4em;}
#teksti ul {padding:0 10px 0 12px;}

#teksti li {
  padding:0px 0 0em 18px;
  margin:0 0 1em 0;
  background:url("/suomi/layout/listitem.gif") no-repeat 0 4px;
}

#teksti p {padding:0 10px 1em 12px; margin-bottom:0;}

#teksti h5 {
  font-family:verdana, helvetica, sans-serif;
  font-size:1em;
  font-weight:bold;
  padding:0.5em 0 0.2em 12px;
}
p.related_articles {
  line-height:160%; 
  padding-bottom:0; 
  padding-top:0; 
  font-size:90%;
}

p.related_articles a {text-decoration:none;}

/* Translationslnk artcl bot */
.article_lang  {padding:8px 0 8px 0;}

#teksti .langlist li {background:none; margin:0; padding:0 0.5em 0 0; font-size:90%; display:inline;}