body {background-color:#ddd;font-family:'Lucida Grande',Verdana}
img {border:0px none}
#logo {padding-top:10px;padding-left:2%;padding-bottom:1em;position:absolute;display:block;width:100%;height:50px;}
#doku {width:58%;margin-left:2%;padding-left:10px;padding-right:10px;background-color:#fff;border:1px dotted #999;position:absolute;top:50px;}
#doku p {margin-left:20px;}
#doku pre {margin-left:4em;}
#doku h2 {margin-top:2em;}
#doku h3 {margin-left:20px;margin-right:20px;margin-top:2em;padding:4px;border:1px dotted;background-color:#ddd;} 
#doku h4 {border-top:1px dotted #888;margin-left:20px;margin-right:20px;}

#playground{position:absolute;display:block;top:50px;right:0px;width:33%;height:100%;border:0px dotted #999;padding:10px;padding-top:0px;background-color:#ddd;margin:20px;margin-top:0px;margin-right:2%;}
#playground h2 {text-align:right;margin-top:10px;margin-bottom:1em;magrin-right:20px;}
#playground li {border:1px dotted #777;width:60%}
#clikme {display:block;background-color:#bbb;width:320px;margin-bottom:10px;border:1px solid #999;}
#divlist {margin-bottom:20px;width:75%}
#divlist div {border:1px dotted #666;padding:2px;margin:2px;position:relative;left:10px;width:94%}
#members div {display:block;position:relative;width:100px;float:left;background-color:#ddd;border:1px solid #999;padding:2px;}
#members div div {background-color:#fff;font-size:9px;}


code.example {white-space:pre;}