* { margin:0; padding:0; }
img { border:0; }
a { text-decoration:none; }

body { text-align:center; margin:30px; background:#fff; color:#222; }

#title { margin:20px; }
#title h1 { font:20pt Georgia; color:#000; }
#title h2 { font:14pt Georgia; color:#222; }
#title h3 { font:10pt Georgia; color:#888;}

#content {
  width:410px;
  margin: 0 auto;
  text-align:left;
  font:10pt Georgia;
  word-spacing:2px;
  color:#222;
  background:#f3f3f3;
  padding:12px;
}
#content a { color:#888; }
#content a:hover { color:#000; text-decoration:underline; }
#content p { text-indent:1em; margin-bottom:12px;}
#content i { font-size: 9pt; }
#content div { margin:4px 12px; }

a.download {
  padding-left:20px; line-height:20px;
  background:url(download.png) no-repeat top left;
}

#comments {
  width:414px;
  margin: 20px auto;
  text-align:left;
  font:10pt Georgia;
  word-spacing:2px;
  color:#444;
  background:#f3f3f3;
  padding:10px;
}
#comments .title {
  font:14pt Georgia;
  color:#444;
  border-bottom:1px solid #CCC;
  padding: 0 4px;
  margin-bottom:6px;
}
#comments #commentarea {
  border-bottom:1px solid #CCC;
}
#comments .commentbox {
  font:10pt Trebuchet MS, Verdana, Arial, sans-serif;
  color:#666;
  border:1px solid #D6D6D6;
  border-left:none;
  border-right:none;
  padding: 0 3px;
  margin: 0px 4px 6px 4px;
}
#comments .hidden {display:none;}
#comments .light { background:#F8F8F8; }
#comments .dark { background:#EEEEEE; }
#comments .author { color:#222; float:left; font-size:1.2em; }
#comments .author a { color:#222; text-decoration:underline; }
#comments .time { color:#888; float:right; font-size:0.8em; }
#comments .text { clear:both; padding:0 4px 2px 4px; font-family:Georgia; overflow:auto; _width:388px; }
#comments label { display:block; margin:3px 0;}
#comments em { font-size:0.8em; color:#888;}
#comments pre { display:inline; }
#comments label input, #comments label textarea {
  background:#F8F8F8;
  font:10pt Trebuchet MS, Verdana, Arial, sans-serif;
  color:#666;
  border:1px solid #DEDEDE;
  padding: 0 2px;
}
#comments #author { width:130px; }
#comments #password { margin: 0 4px; }
#comments #password input { width:130px; }
#comments #web { width:180px; }
#comments label textarea {
  clear:both;
  width:405px;
  height:65px;
  border-left:none;
  border-right:none;
  padding: 0 3px;
}
#comments .button { font:12pt Georgia; padding:2px 4px; letter-spacing:1pt;}
#comments .right { text-align:right; }
#comments code { background:#FFF; border-top:1px solid #CCC; border-left:10px solid #CCC; padding:2px 8px; display:block; overflow:auto; margin-top:4px;}
#comments a.img img {  border:1px solid #CCC; margin:2px;}
#comments img.full {position:absolute; left:0; top:0; display:none; border:1px solid #CCC;}
#comments a.img:hover img.full {display:block;}
#comments #help {float:right; width:20px; height:20px; background:url(help.png) no-repeat top left; position:relative;}
#comments #help span {display:none;}
#comments #help:hover span { display:block; position:absolute; right:4px; bottom:4px; width:90px; background:#FFF; border:1px solid #CCC; padding:6px; }