body {
 background: #f3f3f3;
 color: #333;
 margin:0 0 30em 0;
}
a { color: #33f; }
a:visited { color: #35f; }
a:hover  { color: #fff; }
h3, h4 { margin:1em 0 .2em; 0; }
p {margin:0.5em 0em;}
ul {margin:0em;}
div.ul { padding: 1em; margin:0; border: 0; box-shadow: 0; }
i { color: #cc3; }

div#main {
 margin: 1em 8em 1em 1em;
}
div#tlkku {
 background: #fff;
 border: 1px outset #888;
 border-radius: 8px;
 box-shadow: 0px 0px 5px #009;
 font-family: sans-serif;
 margin: 0em auto;
 max-width: 800px; 
 padding: 1em 1em .5em;
}
div#mid {
 background: #ddd;
 border: 1px outset #888;
 border-radius: 8px;
 box-shadow: 0px 0px 5px #777;
 font-family: sans-serif;
 padding: 1em;
 margin: 1em auto;
 max-width: 800px;
}
div#tner {
 background: #9898a0;
 border: 2px outset #888;
 border-radius: 4px;
 box-shadow: 0px 0px 50px #669;
 font-family: sans-serif;
 color: #eef;
 margin: 1em auto;
 padding: 0 1em;
 max-width: 800px;
 overflow:hidden;
}
div#sshot {
 background: #9898a0;
 border: 2px outset #888;
 border-radius: 4px;
 box-shadow: 0px 0px 50px #669;
 font-family: sans-serif;
 color: #eef;
 margin: 1em auto;
 padding: 0 1em;
 max-width: 800px;
 overflow:hidden;
}
div#sshot img {
 max-width:100%;
}
div.box {
 padding: 0em .5em;
 margin: 0 0 0 -.4em;
 background: #9f9fa6;
 background: -webkit-linear-gradient(left, #9f9fa6 0%,#9898a0 100%);
 background: linear-gradient(to right, #9f9fa6 0%,#9898a0 100%);
 
 border: 0px;
 border-radius: .5em;
 box-shadow: -1px 0px 2px #aaa; 
}
div#menu
{
 margin: 0;
 position: fixed;
 right: 1em;
 top: 1em;
 padding: 0.5em;
 
}
#menu ul 
{
  padding: 0;
}
#menu li
{
  list-style-type: none; 
  margin: 0;
  padding:0;
}
#menu li:before {
 content: "» ";
}
h3, h3 a { color: #114;} 
h1, h1 a { color: #000;} 
h2, h2 a { color: #333; } 
h4, h4 a { color: #113; }
b { color: #fff; }
li { color: eef; }
.s { color: #7f7;   list-style-type: square; border-bottom: 1px ridge #aaa; }
.det { color: #ffa; font-size:90%; margin-left: 6.5em; }
.lic { font-style: italic; font-size:80%; }