/* early 2000s catalog: gray page, white sheet, small verdana, tables */

html { font-size: 12px; }
body {
  margin: 0;
  background: #d4d4d4;
  color: #000;
  font: 12px/1.45 Verdana, Arial, Helvetica, sans-serif;
}

a:link { color: #00c; }
a:visited { color: #609; }
a:hover { color: #c00; }

.shell {
  width: 820px;
  margin: 10px auto 20px;
  background: #fff;
  border: 1px solid #999;
}

.hdr {
  background: #345;
  color: #fff;
  padding: 8px 10px 6px;
  border-bottom: 3px solid #c90;
}
.hdr a.logo {
  color: #fff;
  font: bold 20px/1.1 "Trebuchet MS", Verdana, sans-serif;
  text-decoration: none;
}
.hdr a.logo:visited { color: #fff; }
.hdr a.logo b { color: #fd6; font-weight: bold; }
.hdr .tag {
  display: block;
  margin-top: 2px;
  color: #cde;
  font-size: 11px;
}
.nav {
  margin-top: 7px;
  font-size: 11px;
}
.nav a {
  color: #fff;
  margin-right: 12px;
}
.nav a:visited { color: #eef; }
.nav a.here {
  color: #fd6;
  font-weight: bold;
  text-decoration: none;
}

.main { padding: 12px 14px 20px; }

h1 {
  margin: 0 0 8px;
  font: bold 18px/1.2 "Trebuchet MS", Verdana, sans-serif;
  color: #224;
}
h2 {
  margin: 16px 0 6px;
  font: bold 13px/1.3 Verdana, sans-serif;
  color: #fff;
  background: #7a8ab0;
  border: 1px solid #668;
  padding: 4px 6px;
}

.lede { max-width: 40em; }
.lede p { margin: 0 0 8px; }

.note {
  background: #ffc;
  border: 1px solid #cc9;
  padding: 8px 10px;
  margin: 0 0 14px;
}

table.list {
  width: 100%;
  border-collapse: collapse;
  margin-top: 4px;
}
table.list th {
  text-align: left;
  background: #e4e4ee;
  border: 1px solid #bbb;
  padding: 4px 6px;
  font-size: 11px;
}
table.list td {
  border: 1px solid #ddd;
  padding: 4px 6px;
  vertical-align: top;
}
table.list tr:nth-child(even) td { background: #f6f6f6; }
table.list a.title { font-weight: bold; }

.meta { color: #555; font-size: 11px; margin: 0 0 10px; }

table.talk {
  width: 100%;
  border-collapse: collapse;
}
table.talk th {
  width: 130px;
  text-align: right;
  vertical-align: top;
  padding: 5px 10px 5px 0;
  color: #224;
  font-size: 11px;
  border-bottom: 1px dotted #ccc;
  white-space: nowrap;
}
table.talk td {
  vertical-align: top;
  padding: 5px 0;
  border-bottom: 1px dotted #ccc;
}

.foot {
  width: 820px;
  margin: 0 auto 24px;
  color: #666;
  font-size: 11px;
}

@media (max-width: 840px) {
  .shell, .foot { width: auto; margin-left: 8px; margin-right: 8px; }
  table.talk th { width: 90px; white-space: normal; }
}