body {
  font-family: Arial, San-Serif;
  font-size: 12px;
  width: 960px;
  margin: 0 auto;
  background: #f5f5f5;
}

article, aside, nav, section {
  display: block;
  background: #fff;
  padding: 0 1em .5em;
  clear: both;
}

figcaption {
  text-decoration: underline;
}
figure ul {
  list-style:none outside none;
}
img {
  border: 0;
}
h1 {
  color:#058;
}
h2 {
  color:#059;
}
h3 {
  color:#060;
}
h1, h2, h3 {
  border-bottom:1px solid #f5f5f5;
}
#htop {
  display:block;
  margin-top:1em;
}
.header {
  font-family:trebuchet MS,sans-serif;
  font-size:40px;
  font-weight:bold;
  margin:0;
  color:#000;
}
.header a {
  text-decoration:none;
  color:#000;
}
.header a:hover {
  color:#999;
}
.stbar {
  background:none repeat scroll 0 0 #F5F5F5;
  margin:-5px 0 5px;
  padding:0 3px 3px;
}
.q-input {
  float:right;
}
.q-input input[type~=text] {
  width:200px;
}
.fright {
  float:right;
  margin:0 0 5px 5px;
}
.clear {
  clear:both;
}
/* index page */
/* site pages */
.bw3 {
  color:#333;
}
.bw6 {
  color:#666;
}
.bw9 {
  color:#999;
}
.rtime {
  color:#888;
}
.text-link {
  text-decoration:none;
  color:inherit;
}
.ws-links a {
  margin:0 5px;
  display:inline-block;
}
a.site-link, .ws-links a {
  color:#999;
  text-decoration:none;
}
a.site-link:hover, .ws-links a:hover {
  color:#000;
  text-decoration:underline;
}
.metric {
  font-weight: bold;
}
.numval {
  font-family: "Courier New", Courier, monospace;
}
#site-index {
  text-align:center;
}
#site-index a,#site-index span {
  font-size:1.2em;
  padding:0 2px;
}
#htop, .header-wrap {clear:both;}