body {
  margin: 0;
  padding: 0;
  background-color: #F0F1F2;
  color: #333;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 76%;
  line-height: 1.3em;
  text-align: center; 
 }

/* Yleinen layout
-------------------------- */

#wrapper {
  background: #fff url(http://www.valt.helsinki.fi/blogs/skins/hy_dotlines.gif) repeat-y scroll 0% 0%;
  width: 744px;
  margin: 0 auto;
  padding: 0;
  text-align: left; 
  vertical-align: middle;	
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
 }
* html #wrapper {  /* This is the Tan box-model hack */
  width: 746px; 
  w\idth: 744px;
 }
* html #content {  /* This is the IE float 3px text jog fix hack :) */
  height: 1px;
 }
#navi {
  width: 212px;
  padding: 0;
  margin: 0;
  float: left;
 }
#links {
  width: 167px;
  padding: 0;
  margin: 0;
  float: right;
 }
#content {
  margin: 0 175px 0 220px; /* lisätty 8px sivuille #content .inwrap :sta */
  padding: 0;
 }
#postpage #links {
  display: none;
 }
#postpage #content {
  margin: 0 11px 0 220px; /* lisätty 8px sivuille #content .inwrap :sta */
 }
#postpage #wrapper {
  background: #fff url(http://www.valt.helsinki.fi/blogs/skins/hy_dotline.gif) repeat-y scroll 0% 0%;
 }
#navi .inwrap {
  padding: 0 9px 0 11px;
 }
#content .inwrap {
  padding: 0; /* 8px sivuilla on lisätty #content:n sivumarginaaleihin */
 }
#links .inwrap {
  padding: 0 11px 0 9px;
 }
#footer {
  clear: both;
  text-align: right;
  margin: 0;
  padding: 24px 36px;
  background: white url(http://www.valt.helsinki.fi/blogs/skins/hy_slider.gif) repeat-x scroll 0% 10px;
 }


/* Valmis ylätunniste
-------------------------- */

#header {
  width: 744px;
  background: #fff url(http://www.valt.helsinki.fi/blogs/skins/hy_headerbg.gif) no-repeat scroll 0% 0%;
 }
h1 {
  margin: 0;
  padding: 35px 11px 1em 11px;
  font-size: 1.67em;
  font-weight: bold;
  background: #fff url(http://www.valt.helsinki.fi/blogs/skins/hy_slider.gif) repeat-x scroll 0% 0%;
 }
h1#sitename {
  padding-top: 169px;
  background: none;
 }
h1 a:link, h1 a:visited {
  color: #333;
  text-decoration: none;
 }
#header p {
  display: none;
 }

/* Kustomoitu ylätunniste
-------------------------- */

#top {
  background-image: url(http://www.valt.helsinki.fi/blogs/skins/hy_topbar_fi.gif);
  height: 19px;
  width: 744px;
  position: relative;
 }
#top a em, #banner a em {
  visibility: hidden;
 }
#top a {
  position: absolute;
  height: 19px;
  top: 0px; 
  text-decoration: none;
 }
#banner {
  background-image: url(http://www.valt.helsinki.fi/blogs/skins/hy_banner_valt_fi.gif);
  height: 115px;
  width: 744px;
  position: relative;
 }
#banner h1 {
  margin: 0;
  padding: 0;
  background: none;
 }
#banner a {
  position: absolute;
  height: 115px;
  top: 0px; 
  text-decoration: none;
 }

a#hyhome { left: 0; width: 154px; }
a#langfi { left: 522px; width: 58px; }
a#langsv { left: 596px; width: 66px; }
a#langen { left: 678px; width: 64px; }

a#hy  { left: 0; width: 287px; }
a#org { left: 289px; width: 444px; }

/* Sisältökenttä 
--------------------------- */

.post {
  padding-bottom: 0.5em;
 }
.continue {
  display: block;
  margin-top: 0.5em;
 }
.postfooter {
  text-align: right;
 }
p.postsubhead {
  margin: 0;
  padding-bottom: 1em;
 }
.datesep {
  display: none;
 }
li.comment {
  margin-bottom: 1em;
 }
#keywords, #comments, #feeds {
  margin-top: 1.5em;
  border-top: 1px solid #999;
 }
p#botnavi {
  margin-top: 1.5em;
  clear: both;
 }


/* Päänavigaatiopalkit
--------------------------- */


/* Valtsikaväreissä: */


#navi1 ul, #navi1 li {
  margin: 0;
  padding: 0;
  list-style: none;
 }
#navi1 li {
  min-height: 23px;
 }
* html #navi1 li {
  height: 23px;
 }
#navi1 li li {
  min-height: 1em;
  line-height: 1.2em;
 }
* html #navi1 li li {
  height: 1em;
 }
#navi1 ul li a {
  display: block;
  color: #fff;
  font-weight: bold;
  background-color: #E5053A;
  text-decoration: none;
  margin: 0;
  height: 21px;
  line-height: 21px;
  padding: 0 6px;
 }
#navi1 ul li a:hover {
  background-color: #F9194E;
 }
#navi1 ul ul a:hover {
  background: none;
}


/* HY-väreissä: */

/* 

#navi1 ul, #navi1 li {
  margin: 0;
  padding: 0;
  list-style: none;
 }
#navi1 li {
  height: 23px;
 }
#navi1 ul li a {
  display: block;
  color: #fff;
  font-weight: bold;
  background-color: #0E1B64;
  text-decoration: none;
  margin: 0;
  height: 21px;
  line-height: 21px;
  padding: 0 6px;
 }
#navi1 ul li a:hover {
  background-color: #4B5697;
 }



*/ 




/* Kuvat
------------------------------------- */

img {
  margin: 0;
  padding: 0;
  border: none;
 }
.imgnone, .imgleft, .imgright {
  border: none;
  margin: 0;
  padding: 0;
 }
.imgnone {
  width: 100%;
  overflow: hidden;
  padding-bottom: 1em;
 }
.imgleft {
  padding-right: 8px;
 }
.imgright {
  padding-left: 8px;
 }
.caption {
  text-align: center;
  font-size: 0.87em;
 }


/* Perusfonttimääritykset
--------------------------------- */

h2, #navi h3, #links h3 {
  font-size: 1.1em;
  color: #666;
  font-weight: bold;
  margin: 0 0 1em 0;


  padding: 1em 0 0 0;
  border-bottom: 1px solid #999;
 }
h2 a:link, h2 a:visited {
  color: #666;
  text-decoration: none;
 }
h3 {
  font-size: 1em;
  font-weight:  bold;
  margin: 1.5em 0 1em 0;
 }

h4, h5, h6 {
  font-size: 1em;
  font-weight:  normal;
  margin: 1.5em 0 1em 0;
  text-transform: uppercase;
 }

p, ul, ol, address, dl {
  margin-top: 0;
  margin-bottom: 1em;
 }

address {
  margin-left: 5px;
  margin-right: 5px;
 }
pre, code {
  font-size: 1.1em;
  font-family: Courier New, Courier, Monospace;
 }

address {
  font-style: normal;
 }

/* Linkit
------------------------- */

#navi1 ul ul a {
  font-weight: normal;
  background-color: #fff;
  padding: 0;
  display: inline;
  line-height: 1em;
  text-decoration: underline;
}

a:link, #navi1 ul ul a:link {
  color: #339;
 }
a:visited, #navi1 ul ul a:visited {
  color: #669;
 }
a:hover {
  color: #669;
 }
a:active, #navi1 ul ul a:active {
  color: #669;
 }


/* Listat
-------------------  */

ul {
  list-style: none;
  padding: 0;
  margin-left: 0;
 }
#navi1 ul ul {
  list-style: none;
  padding: 1ex;
  margin-left: 0;
}
ul li, #navi ul ul li {
  display: block;
  margin: 0 0 0.1em 0;
  padding: 0 0 0 10px;
  background: white url(http://www.valt.helsinki.fi/blogs/skins/hy_bullet.gif) no-repeat scroll 0% 0%
 }

#content ul li {
  padding: 0 0 0 16px;
  margin: 0 0 0.3em 0;
 }
ol li {
  margin-bottom: 0.3em;
 }
.tight li {
 }
dt {
  display: block;
  margin: 0;
  padding: 0 0 0 16px;
  background: white url(http://www.valt.helsinki.fi/blogs/skins/hy_bullet.gif) no-repeat scroll 0% 0%
 }
dd {
  padding: 0 0 0 16px;
  margin: 0 0 1em 0;
 }  


/* Kustomoidun alautunnisteen hakulomake
-------------------------------------------*/

form {
  margin: 0;
  padding: 0;
 }
input, textarea {
  display: block;
  font-size: 1em;
  font-family: Arial, Helvetica, Sans-Serif;
  color: #333;
 }
textarea {
  width: 349px;
 }
input.text {
  width: 154px;
  font-size: 1em;
  display: inline;
 }
input.button {
  color: #fff;
  background-color: #999;
  font-weight: bold;
  height: 1.5em;
  border: 1px solid #999;
  display: inline; 
 }


/* Erikoistyylejä valtsikan ja ajankohtaispalstan etusivulle
------------------------------------------------------------- */

.articleintro {
  min-height: 110px;
  margin: 1em 0;
   }
* html .articleintro {
  height: 110px;
  }
.articleintro h3 {
  margin-top: 0;
  margin-left: 98px;
  }
.articleintro p {
  margin-left: 98px;
  }
#indexpage .imgleft img {
  width: 90px;
  }

#keywords {
  display: none;
}


/* Kikkoja, jotka kompensoivat IE:n surkeutta
---------------------------------------------*/

/* seuraava on IE italic bug
http://www.positioniseverything.net/guests/italicbug-ie.html /

/* \*/

/* * html #content p {
    overflow: hidden;
    o\verflow: visible;
    width: 100%;
    w\idth: auto;
    he\ight: 1%; */
}/* */


ul li { list-style: none; }

* html p, * html ul, * html ol, * html li {
  overflow: visible;
  height: 1%;
}  /* IE ja italics, ks. http://www.positioniseverything.net/explorer/italicbug-ie.html */



div[class=postbody] {
  overflow: auto;
}

* html .postbody {
  height: 1%;
}

/* Etusivun poikkeukset
-------------------------- */

.blogpost h2 {
   border: none;
   font-size: 1em;
}

.blogpost h2 a {
   color: #333;