html { height: 100%;} 

body { height: 100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#f0f0f0;
background:#000000; }

p.hidden { display: none; }

h1 { letter-spacing: .5em; margin: 1em; }
h2 { text-transform: lowercase; text-align: center; letter-spacing: .5em; margin-top: 2em; }

p { font-family:Verdana, Arial, Helvetica, sans-serif;
        color:#e0e0e0;
    text-align: justify;
    margin: 1em; line-height: 1.5em; }
    
p.kesk { text-align: center; }

hr { clear: left; }

div.geekcode { text-align: center; margin-top: 1em; margin-bottom: 1em; white-space: pre; background: transparent; clear: both; font-family: "Courier New", Courier, Fixedsys, monospace; }

div.sisus2 { margin: 1em; border: solid white 1px; width: 60em; top: 1em; left: 1em; padding-bottom: 1em; vertical-align: middle; }

div.sisus { margin: 1em; border: solid white 1px; width: 60em; top: 1em; padding-bottom: 1em; vertical-align: middle; }


div.twitter { width: 34em; float: left; position: relative; left: 0; margin-top: 2em; background: transparent; }

div.tviitti { vertical-align: middle; min-height: 4em; }

div.lista { width: 24em; float: left; position: relative; left: 0; top: -2em; background: transparent; }

div.ylasisus { margin: 1em; border: solid white 1px; width: 60em; }

a { color: #d0d0d0; background: transparent; text-decoration: none; }
a:hover { color: #ffffff; background: #000000; text-decoration: underline; }
img.link { color: #d0d0d0; background: #000000; border: 1px solid #d0d0d0; }
img.link:hover { color: #ffffff; background: #000000; border: 1px solid #ffffff; }

div.ind { width: 60em; text-align: center; }

img { border-width: 0px; margin-left: 44px; margin-right: 44px;  }

img.twitter { margin: 0 1em .5em 0; vertical-align: middle; float:left; }

img.ikoni { margin: 0; }

div { margin: 0; color: #f0f0f0; background: #000000; }

div.navipalkki { vertical-align: top; width: 10em; position: absolute; top: 1em; left: 65em; }

div#navi { text-align: right; width: 10em; border: 1px solid white; height: 4em; position: fixed; left: 65em; top: 1em; }

div#navi div { text-align    : center;
  list-style    : none;
  margin        : 0; 
  padding       : 0;
  color         : #d0d0d0;
  background    : #000000 none;
  line-height   : 2em;
  vertical-align: middle;
width: 10em
}

div#navi div a {
  display        : block;
  text-decoration: none;
  height         : 2em;
  color          : #d0d0d0;
  background     : #000000 none;
  margin         : 0;
  padding        : 0;
  width: 10em
}

div#navi div a:hover {
  text-decoration: underline;
  color          : #000;
  background     : #fff none; width: 10em; font-weight: bold; 
}