BODY {
  background: #e0e0d0;
  color: black;
  line-height: 120%;
  font-family: sans-serif;
  padding: 5pt 15pt 30pt 15pt;
}

BODY.news {
  background: #c0c0d0; /* #DDD */
}

H1, H2, H3 { font-family: serif; }
H1 { color: #06A; line-height: 120%; text-align: center; }
H2, H3 { color: #037; }
H3 { margin-bottom: 0pt; }
H3 + P { margin-top: 5pt; }

A:link { color: #00C; }
A:visited { color: #006; }
A:active { color: #C00; }
A:link img, A:visited img { border-style: none; }
DIV.logo { text-align: center; overflow: hidden; }

DIV.news {
  overflow: hidden;
  height: 800px;
  width: 40%;
  float: right;
  background: #c0c0d0; /* #DDD */
  margin: 2pt 2pt 2pt 2pt;
  padding: 2pt 2pt 2pt 2pt;
  border-style: solid;
  border-width: 2pt;
}

DIV.entry-content h2 {
  color:#000;
  background-color:inherit;
  font-size:120%;
  font-weight:bold;
  margin:0 0 0.5em 0;
  padding:0.5em 0 0 0;
  border-bottom:1px solid #8cacbb;
  clear:left;
}

DIV.entry-content h2 a { 
  text-decoration:none !important;
}


/*
DIV.news > UL {
  display: block;
  padding: 0pt 0pt 0pt 0pt;
  margin: 0pt 0pt 0pt 0pt;
}

DIV.news > UL > LI {
  display: block;
  border-style: solid;
  margin: 0pt 0pt 0pt 0pt;
  padding: 10pt 10pt 10pt 10pt;
  border-width: 1pt 0pt 0pt 0pt;
}

DIV.news > UL > LI:after {
  content: "(lisää)";
}

DIV.news > UL > LI:hover:after {
  content: "";
}

DIV.news > UL > LI > P {
  padding: 0pt 0pt 3pt 0pt;
  margin: 3pt 0pt 3pt 0pt;
  visibility: hidden;
  max-height: 0pt;
}

DIV.news > UL > LI:hover > P {
  min-height: 100%;
  max-height: 100%;
  height: 100%;
  visibility: visible;
}

DIV.news > UL > LI > SPAN.title {
  display: block;
  text-align: left;
  font-weight: bold;
  font-size: 120%;
  padding: 0pt 0pt 0pt 0pt;
}

DIV.news > UL > LI > SPAN.who {
  display: block;
  font-size: 80%;
  float: right;
  text-align: right;
  padding: 0pt 0pt 0pt 20pt;
}
*/

DIV.links {
  display: table;
  margin: 10pt 0pt 10pt 10pt;
  border-collapse: collapse;
}

DIV.links > DIV.linkrow {
  display: table-row;
  padding: 0pt 0pt 0pt 0pt;
  border-style: solid;
  border-width: 0pt 0pt 0pt 1pt;
}

DIV.links > DIV.linkrow > SPAN.link,
DIV.links > DIV.linkrow > SPAN.links {
  display: table-cell;
  border-style: solid;
  border-width: 0pt 1pt 0pt 1pt;
  margin: 0pt 0pt 0pt 0pt;
  padding: 2pt 8pt 2pt 8pt;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

DIV.links > DIV.linkrow > SPAN.links {
  background: #c0c0d0;
  border-width: 1pt 1pt 1pt 1pt;
}

DIV.links > DIV.linkrow > SPAN.link > A,
DIV.links > DIV.linkrow > SPAN.links > A {
  margin: 0pt 0pt 0pt 0pt;
  padding: 0pt 0pt 0pt 0pt;
  text-decoration: none
}

DIV.links > DIV.linkrow > SPAN.link:hover,
DIV.links > DIV.linkrow > SPAN.links:hover {
  background: #00f;
}

DIV.links > DIV.linkrow > SPAN.link:hover > A,
DIV.links > DIV.linkrow > SPAN.links:hover > A {
  color: white;
}

DIV.links A:visited, DIV.links A:active, DIV.links A:link {
  color: #00C;
}

DIV.validator {
  float: right;
  margin: -10pt -3pt 0pt 0pt;
  padding: 0pt;
}

ADDRESS {
  border-style: solid;
  border-width: 2pt 0pt 0pt 0pt;
  margin: 10pt 0pt 0pt 0pt;
  padding: 10pt 0pt 0pt 0pt;
  line-height: 0pt;
}

SUP {
  font-size: 40%;
  line-height: 50%;
}