/* One stylesheet, shared by every page in this site. */
body {
  background-color: #ffffff;
  color: #ff0000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
a { color: #0000ee; }
a:visited { color: #551a8b; }
.wrap {
  position: relative;
  box-sizing: border-box;
  padding: 20px;
  max-width: 600px;
  margin: 0 auto;
}
.free { max-width: 100%; }
.free img { display: block; width: 100%; height: auto; }
.nav { margin: 0 0 18px; }
.nav-bottom { margin: 26px 0 0; }
.nav hr { border: 0; border-top: 1px solid #ff000044; }
.nav-box { border: 1px solid #ff000044; padding: 8px 12px; }
.nav-box hr { display: none; }
.nav-stack a, .nav-stack b { display: block; }
h1 { font-size: 36px; font-family: Georgia, serif; }
h2 { font-size: 27px; font-family: Georgia, serif; }
h3 { font-size: 21px; font-family: Georgia, serif; }
p { font-size: 18px; margin: 1em 0; }
h1.huge { font-size: 58px; line-height: 1.05; font-family: Georgia, serif; }
p.small, small { font-size: 14px; }
ul { font-size: 18px; }
ol { font-size: 18px; }
blockquote { font-size: 18px; margin: 1em 0 1em 40px; }
blockquote::before { content: none; }
blockquote::after { content: none; }
form.formblock { margin: 18px 0; }
form.formblock p { margin: 0 0 10px; }
form.formblock label { font-weight: bold; }
form.formblock input, form.formblock textarea, form.formblock select {
  font-family: inherit; font-size: 0.9em; max-width: 100%;
  border-radius: 0;
}
form.formblock input[type=text], form.formblock textarea, form.formblock select {
  width: 100%; box-sizing: border-box;
}
form.formblock input[type=text], form.formblock textarea {
  padding: 3px 4px; background: #ffffff;
  border: 2px solid; border-color: #7a7a7a #dcdcdc #dcdcdc #7a7a7a;
}
form.formblock input[type=submit] {
  padding: 4px 16px; background: #e4e4e4; cursor: pointer;
  border: 2px solid; border-color: #ffffff #808080 #808080 #ffffff;
}
form.formblock input[type=submit]:active {
  border-color: #808080 #ffffff #ffffff #808080;
}
img { max-width: 100%; height: auto; }
img.pixel { image-rendering: pixelated; image-rendering: crisp-edges; }
table { max-width: 100%; }
.ad { margin: 16px 0; }
.video iframe { max-width: 100%; border: 0; }
.embed { margin: 18px 0; }
.embed iframe { display: block; width: 100%; max-width: 100%; border: 0; }
.embed-9x16 { max-width: 420px; margin-left: auto; margin-right: auto; }
.embed-code { text-align: left; }
@supports (aspect-ratio: 1) {
  .video iframe { width: 100%; max-width: 560px; height: auto; aspect-ratio: 16 / 9; }
  .embed-16x9 iframe, .embed-4x3 iframe,
  .embed-1x1 iframe, .embed-9x16 iframe { height: auto; }
  .embed-16x9 iframe { aspect-ratio: 16 / 9; }
  .embed-4x3 iframe { aspect-ratio: 4 / 3; }
  .embed-1x1 iframe { aspect-ratio: 1 / 1; }
  .embed-9x16 iframe { aspect-ratio: 9 / 16; }
}
table.cols { border-collapse: collapse; }
table.sized { table-layout: fixed; }
@media (max-width: 640px) {
  .wrap { padding: 16px; }
  h1.huge {
    font-size: min(58px, 12vw);
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
  }
  table.cols, table.cols tbody, table.cols tr, table.cols td { display: block; width: 100% !important; }
  table.cols td { padding: 0 0 14px !important; }
  .wrap { min-height: 0 !important; }
  .free { position: static !important; left: auto !important; top: auto !important;
          width: auto !important; margin: 0 0 14px; }
  img.solo { float: none !important; display: block; margin: 0 auto 14px;
             max-width: 100% !important; }
  table[width] { width: 100% !important; }
  table.sized { table-layout: auto; }
  table.stack, table.stack tbody, table.stack tr, table.stack td { display: block; width: 100% !important; }
  table.stack { border: 0 !important; }
  table.stack td { border: 0 !important; padding: 2px 0 !important; }
  table.stack th { display: none !important; }
  table.stack td:first-child { font-weight: bold; }
  table.stack tr { border: 1px solid #999999; padding: 8px; margin: 0 0 8px; }
}