/* OSY 2005
   Linda Piirto
   Veli-Pekka Heino */

body
{ margin: 0;
  padding: 0;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 99%;
  color: #000000;
  background-image: url(http://www.helsinki.fi/jarj/osy/kuvat/tausta.jpg);
  background-repeat: repeat-y;
}

/* KENTÄT */

#wrapper
{ position: absolute;
  width: 1000px;
}

#header
{ float: left;
  clear: none;
  width: 385px;
  height: 121px;
  padding: 0;
}

#content
{ float: left;
  width: 385px;
  padding: 0 0 10px 70px;
}

#content .inwrap
{ padding: 0 0 0 3px;
}

#content .sisapiiri
{ float: right;
  width: 380px;
  margin: 15px 0 0 0;
  padding: 0;
  border: solid 1px;
}

#sidecontent
{ float: right;
  width: 520px;
  height: 460px;
  background-image: url(http://www.valt.helsinki.fi/blogs/osy/sivukuva-vappumarssi.jpg);
  background-position: 100% 0%;
  background-repeat: no-repeat;
}

#navi .inwrap
{ margin: 121px 0 0 0;
  float: left;
  padding: 0;
}

#footer
{ float: right;
  width: 465px;
  padding-right: 45px;
}

#footer .inwrap
{ float: right;
  vertical-align: top;
  padding: 0 15px 0 0;
}


/* PERUSFONTIT */

p
{ font-size: 0.9em;
  line-height: 1.3em;
  margin-top: 0;
  margin-bottom: 1em;
}

#content p
{ font-size: 0.7em;
  line-height: 1.4em;
  margin-top: 0;
  margin-bottom: 1em;
}

#content .sisapiiri p
{ float: left:
  font-size: 0.7em;
  line-height: 1.4em;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-top: 5px;
  text-align: left;
}

#footer p
{ float: right;
  width: 400px;
  font-size: 0.7em;
  line-height: 1.4em;
  text-align: right;
  margin-top: 10px;
  margin-right: 15px;
}

a
{ font-weight: bold;
  text-decoration: none;
  line-height: 1.3em;
  margin-top: 0;
  margin-bottom: 1em;
  color: #750020;
}

a:hover
{ text-decoration: underline;
}

.postheader a
{ color: #FFFFFF;
}

#navi a
{ font-size: 0.7em;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.8em; 
  color: #750020;
  margin: 0;
  padding: 0;
}

#navi a:hover
{ text-decoration: underline;
}

dl
{ font-size: 0.8em;
  font-weight: bold;
  line-height: 1.3em;
  margin-top: 0;
  margin-bottom: 1em;
}

dt               /* Merkintöjen otsikot kategorialistoissa */
{ font-size: 0.95em;
  font-weight: bold;
  line-height: 1.3em;
  margin-top: 0;
  margin-bottom: 1em;
}

ul
{ float: left;
  margin: 0 0 1em 0;
  padding: 0 0 0 20px;
  list-style: outside;
}

li
{ font-size: 0.7em;


  padding: 0 0 3px 0;
  font-weight: normal;
  list-style-image: url(http://www.helsinki.fi/jarj/osy/kuvat/kolmio.gif);
  list-style-type: square;
  width: 377px;
}

li a
{ font-weight: bold;
}

h2                  /* Sivujen pääotsikot */
{ float: right;
  font-size: 0.7em;
  font-weight: bold;
  color: #FFFFFF; 
  background: #EF0C26;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 377px;
}

h3                  /* Linkkiluettelon pää */
{ font-size: 0.7em;
  margin: 10px 0 5px 0;
  padding: 0;
}

h4                  /* Sisäpiirin otsikot */
{ float: left;
  font-size: 0.7em;
  font-weight: bold;
  width: 375px;
  margin: 0;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #FFFFFF; 
  background: #EF0C26;
}

h5                  /* Väliotsikot */
{ float: left;
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1em;
  width: 377px;
  padding: 0;
  margin: 0 0 1em 0;
}

/* KUVAT */

#content .sisapiiri img
{ float: right;
  clear: right;
  border: solid 1px #750020;
  margin-top: -25px;
  margin-left: 5px;
  margin-bottom: 5px;
  margin-right: 7px;
  padding: 3px;
  background: #FFFFFF;
}

/* LISÄYKSIÄ */

.postfooter {
  display: none;
}

/* EDARI 2005 */

tr
{ font-size: 0.8em;
  font-weight: bold;
  text-align: center;
  color: #750020;
  border: 1px solid black;
}

tr img
{ padding: 5px 0 5px 0