body {
  background: #000;
  color: #bbb;
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 13px;
}

a { color: #ccc; }
a:hover { color: #fff; }

.site-header {
  background: #0a0a0a;
  border: 1px solid #222;
  font-size: 15px;
  padding: 8px;
  color: #eee;
}

.navbar {
  background: #050505;
  border: 1px solid #1a1a1a;
  font-size: 12px;
}

.navbar a { color: #bbb; margin-right: 2px; }

#search {
  background: #000;
  border: 1px solid #333;
  color: #ddd;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  padding: 2px 5px;
  width: 180px;
}

.cat-header {
  background: #0d0d0d;
  border: 1px solid #222;
  color: #ddd;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 5px 8px;
}

.col-labels td {
  background: #080808;
  border-bottom: 1px solid #1a1a1a;
  color: #555;
  font-size: 11px;
}

.odd td  { background: #080808; border: 1px solid #111; }
.even td { background: #050505; border: 1px solid #111; }

tr.project:hover td { background: #101010; }

.icon { color: #444; font-family: monospace; }

b { color: #fff; }

.tags { color: #555; font-size: 11px; }

.live {
  color: #000;
  background: #444;
  font-size: 10px;
  font-weight: bold;
  padding: 1px 4px;
}

.footer {
  border-top: 1px solid #1a1a1a;
  color: #333;
  font-size: 11px;
  text-align: center;
}

#no-results {
  display: none;
  color: #333;
  text-align: center;
  padding: 16px;
  font-family: monospace;
}