/* The frame of the guild pages (src/pages.ts): banner, motto strip, guild nav
   bar, footer, and the classed guild tables, in the site's colours.

   Guild pages render in quirks mode (no doctype, like the original CGI), are
   also shown by the game's IE7-mode web browser, and carry raw-HTML credos
   that restyle the page. So: literal colours (no CSS variables), no grid or
   flex, and nothing here styles BODY, TD or A on their own -- only the frame's
   own classed elements. The page colours live in guild-skin.css, which is
   left off when a credo brings its own. */

.gsite { max-width: 960px; margin: 0 auto; }

/* ---------------------------------------------------------------- banner */

.gbanner { line-height: 0; background: #1b1850; }
.gbanner a { display: block; }
.gbanner img { display: block; width: 100%; height: auto; border: 0; }

.gstrip {
  padding: 5px 12px;
  background: #4a2f6e;
  background: linear-gradient(#5b3c86, #4a2f6e);
  border-top: 1px solid #8a6cb8;
  border-bottom: 2px solid #000;
  color: #e9e1ff;
  font: 11px Verdana, Tahoma, sans-serif;
  text-align: center;
  line-height: 1.5;
}
.gstrip-l {
  float: left;
  color: #ffd98a;
  font-weight: bold;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.gstrip-m { font: italic 13px Georgia, "Times New Roman", serif; color: #fff4d6; }

/* ------------------------------------------------------------ guild nav */

.gnav {
  padding: 4px 8px;
  background: #e4dcf5;
  border-bottom: 1px solid #a99ccc;
  font: 12px Verdana, Tahoma, sans-serif;
  line-height: 1.6;
}
.gnav a, .gnav a:visited {
  display: inline-block;
  padding: 2px 10px;
  color: #2b2350;
  font-weight: bold;
  text-decoration: none;
}
.gnav a:hover { background: #d3c8ee; color: #000; }
.gnav a.on { background: #fff; color: #000; border-left: 3px solid #b8862e; padding-left: 7px; }
.gnav-site { float: right; }
.gnav-site a, .gnav-site a:visited { font-weight: normal; padding: 2px 6px; }

/* --------------------------------------------------------------- content */

.gmain { padding: 14px 18px 18px; }
.gtitle { margin: 0 0 10px; font: bold 24px Georgia, "Times New Roman", serif; }
.gscroll { overflow-x: auto; }

/* The bordered guild tables: flat lavender rules instead of the bevelled
   default. Cell and row colours stay bgcolor attributes, as the original. */
table.g { border-collapse: collapse; border: 1px solid #6c5a9a; }
table.g td { border: 1px solid #a99ccc; }

/* About Guilds: the original's leather page, as a panel. */
.leather {
  padding: 12px 18px;
  border: 1px solid #000;
  background: #3a2a1a url(/guild-img/leather.jpg);
  color: #f3ead4;
}
.leather a, .leather a:visited { color: #ffd98a; }
.leather code { color: #fff4d6; }
.leather b { color: #ffd98a; }

/* ---------------------------------------------------------------- footer */

.gfoot {
  padding: 10px 16px;
  background: #1b1850;
  border-top: 2px solid #000;
  color: #c9c2e6;
  font: 11px/1.5 Verdana, Tahoma, sans-serif;
  text-align: center;
}
.gfoot p { margin: 2px 0; font: inherit; }

/* -------------------------------------------------------- narrow screens */

@media (max-width: 640px) {
  .gstrip-l { float: none; display: block; }
  .gnav-site { float: none; display: block; border-top: 1px dotted #a99ccc; }
  .gmain { padding: 12px 10px 16px; }
}