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://kaljaasi.it.helsinki.fi/lokari/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-color: #fff;
 }
#header h1 {
  margin: 0;
  padding: 35px 11px 1em 11px;
  background: #fff url(http://www.valt.helsinki.fi/blogs/skins/hy_slider.gif) repeat-x scroll 0% 0%;
  font-size: 1.67em;
  font-weight: bold;
 }
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_vol_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: 1em ; */
 }
.continue {
  display: block;
  margin-top: 0.5em;
 }
.postfooter {
  text-align: right;
 }
p.postsubhead {
  margin: 0;
 }
.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 {
  height: 23px;
 }
#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;
 }

/*

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;
 }
.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 0 0;
 }

h4 {
  font-size: 1em;
  font-weight:  normal;
  margin: 1.5em 0 0 0;
  color: #666;
 }
p, ul, ol, address, dl {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0;
 }
table, td, th {
  font-size: 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
------------------------- */

a:link {
  color: #339;
 }
a:visited {
  color: #669;
 }
a:hover {
  color: #669;
  back-ground-color: #fff;
 }
a:active {
  color: #669;
 }


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

ul {
  list-style: none;
  padding: 0;
  margin-left: 0;
 }
ul li, ul li:hover {
  display: block;
  margin: 0 0 0.4em 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;
 }
ol li {
  margin-bottom: 0.4em;
 }
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 ankohtaispalstan etusivulle
------------------------------------------------------------- */

.articleintro {
  min-height: 110px;
  margin: 1em 0;
   }
* html .articleintro {
  height: 110px;
  }
.articleintro h3 {
  margin-top: 0;
  }
#indexpage .imgleft {
  min-width: 90px;
  }
* html #indexpage .imgleft {
  width: 90px;
  }
#postpage .postbody {
  min-height: 190px;
  }
* html #postpage .postbody {
  height: 190px;
  }