#main h1, #main h2, #main h3, #main h4 {
  clear: both;
  margin-top: 10px;
  margin-bottom: 10px;
}
#main h1 {
  font-size: 200%;
}
#main h2 {
  font-size: 150%;
}
#main h3 {
  font-size: 120%;
}
#main h4 {
  font-size: 100%;
}
#main p {
  margin-top: 10px;
  margin-bottom: 10px;
}
#main ul, #main ol {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0.5em;
}
#main li {
  margin-bottom: 2ex;
  margin-left: 2em;
}
#main s {
  color: #888;
}
#main form {
  margin-top: 10px;
  margin-bottom: 10px;
}
#main table {
  border-collapse: collapse;
  border-right: 1px solid #888;
  border-bottom: 1px solid #888;
  margin-top: 10px;
  margin-bottom: 10px;
}
#main table tr {
  margin: 0;
}
#main table th, #main table td {
  margin: 0;
  padding: 5px;
  border-left: 1px solid #888;
  border-top: 1px solid #888;
  vertical-align: top;
}
#main table th {
  background-color: #DDD;
  text-align: left;
}
#main table td {
  background-color: #FFF;
  text-align: left;
}
#main table a {
  text-decoration: none;
}
#main form label {
  display: block;
}
#main form .error {
  display: block;
  color: #B22;
  font-size: 85%;
}
#main form .help {
  display: block;
  color: #777;
  font-size: 85%;
}
.swatch {
  float: right;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 0 0 10px;
  border: 1px solid black;
}
.swatch-left {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 10px 0 0;
  border: 1px solid black;
}
.light {
  background-color: #FFFF66;
}
.pale {
  background-color: #FFCC33;
}
.amber {
  background-color: #CC9933;
}
.brown {
  background-color: #663300;
}
.black {
  background-color: #111100;
}
.red {
  background-color: #B34;
}
.white {
  background-color: #FD9;
}
.blush {
  background-color: #FBB;
}
.dessert-red {
  background-color: #B34;
}
.dessert-white {
  background-color: #FD9;
}
.beerquote {
}
.beerquote .quote {
  font-style: italic;
}
.beerquote .source {
  padding-left: 4em;
}