body {font-family:arial, sans-serif;background-color:#fff;margin:0px;font-size:95%}
h1,h2,h3,h4,h5,h6 {font-family:tahoma,sans-serif;}
img {margin-top:5px;margin-bottom:2px}
li {margin-bottom:0.2em;margin-left:1.8em;}

#haku {position:absolute;left:535px;top:25px;}

.container {width: 50em;background-color:#fff;color:#000;padding-left:1em;}
.bar {width:100%;;background-color:#369;color:#fff;padding:1px;border-top:1px solid #69c;border-right: 1px solid #036;border-bottom: 1px solid #036;border-left: 1px solid #69c;background-image:url('img/barbg.jpg')}
.copy {font-size:smaller;margin-left:0.3em;}
.osoite {color:#f60;font-size:85%}
.floatleft {float:left;margin-right:0.5em;}
.floatright {float:right;}
.new {background:#f60;color:#fff;font-weight:bold;}
.randomfact {color:#777;font-size:80%;}

.bar a:link, .bar a:visited {color:#fff;text-decoration:none;padding-left:0.3em;padding-right:0.3em;font-weight:bold;}
.bar a:hover, .bar a:active {color:#9cf;text-decoration:none;padding-left:0.3em;padding-right:0.3em;font-weight:bold;}

a:link {text-decoration:underline;color:#25c;}
a:visited {text-decoration:underline;color:#129}
a:hover {text-decoration:none;color:#58c}
a:active {text-decoration:none;color:#58c}