/* themarsmirrors.store
   Zero design. Document structure only. Four colours.
   Body: Palatino. Headings and addresses: Courier New. */

html { background: #ffffff; }

body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  color: #000000;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, "URW Palladio L", serif;
  font-size: 16px;
  line-height: 1.5;
}

a { color: #0000ff; text-decoration: underline; }
a:visited { color: #0000ff; }
a:active { color: #0000ff; }
img { border: 0; display: block; }

/* ------------------------------------------------------------------
   Imitation frameset. Left column is fixed, right column scrolls with
   the document. No real frames are used anywhere.
   ------------------------------------------------------------------ */

.sheet { display: block; }

.navcol {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 200px;
  box-sizing: border-box;
  overflow-y: auto;
  padding: 14px 8px 30px 14px;
  border-right: 1px solid #000000;
}

.mark { margin: 0 0 16px 0; }
.mark a { display: block; text-decoration: none; }
.mark img { width: 56px; height: 56px; margin: 0 0 5px 0; }
.mark .wordmark {
  display: block;
  font-family: "Courier New", Courier, monospace;
  font-size: 13px;
  font-weight: 700;
  color: #0000ff;
  text-decoration: underline;
  word-break: break-all;
  line-height: 1.25;
}

.navgroup {
  margin: 15px 0 2px 0;
  font-style: italic;
  font-size: 15px;
  color: #000000;
}

.navcol ul {
  margin: 0;
  padding: 0 0 0 10px;
  list-style: none;
}
.navcol li {
  margin: 0 0 3px 0;
  font-size: 13px;
  line-height: 1.3;
}
.navcol li.here > a { color: #000000; text-decoration: none; font-weight: 700; }

.navnote {
  margin: 22px 0 0 0;
  font-size: 12px;
  font-style: italic;
  line-height: 1.4;
}

/* content column */
.doc {
  margin-left: 200px;
  padding: 16px 26px 44px 26px;
  max-width: 800px;
  box-sizing: border-box;
}

.trail { font-size: 13px; margin: 0 0 12px 0; }

/* ------------------------------------------------------------------
   Headings. Monospace, bold, grey. This is the whole signature.
   ------------------------------------------------------------------ */

h1 {
  font-family: "Courier New", Courier, monospace;
  font-size: 20px;
  font-weight: 700;
  color: #8c8c8c;
  text-align: center;
  line-height: 1.35;
  margin: 4px 0 20px 0;
}

h2, h3 {
  font-family: "Courier New", Courier, monospace;
  font-size: 16px;
  font-weight: 700;
  color: #666666;
  line-height: 1.35;
  margin: 22px 0 7px 0;
}
h3 { margin-top: 17px; }

p { margin: 0 0 11px 0; }
ul, ol { margin: 0 0 12px 0; padding-left: 28px; }
li { margin: 0 0 5px 0; }
ul.linklist { list-style: square; }
ul.linklist .note { color: #000000; }

dl { margin: 0 0 12px 0; }
dt {
  font-family: "Courier New", Courier, monospace;
  font-weight: 700;
  color: #666666;
  margin: 12px 0 0 0;
}
dd { margin: 2px 0 0 24px; }

code, kbd, samp {
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
}

.caution { color: #ff0000; }

/* ------------------------------------------------------------------
   The double bordered box. Outer rule, gap, inner rule, then content.
   ------------------------------------------------------------------ */

.panel {
  border: 1px solid #000000;
  padding: 4px;
  margin: 18px 0;
}
.panel-inner {
  border: 1px solid #000000;
  padding: 11px 13px 2px 13px;
}
.panel-inner > h2:first-child,
.panel-inner > h3:first-child { margin-top: 0; }

/* attribution strip used at the head of every case page */
.attrib { margin: 0 0 4px 0; }
.attrib dt { margin-top: 8px; }
.attrib dt:first-child { margin-top: 0; }

/* ------------------------------------------------------------------
   Tables
   ------------------------------------------------------------------ */

.scroll { overflow-x: auto; }

table {
  border-collapse: collapse;
  width: 100%;
  margin: 0 0 14px 0;
  font-size: 15px;
}
th, td {
  border: 1px solid #000000;
  padding: 4px 8px;
  text-align: left;
  vertical-align: top;
}
th {
  font-family: "Courier New", Courier, monospace;
  font-weight: 700;
  color: #666666;
  font-size: 14px;
}

/* ------------------------------------------------------------------
   Addresses
   ------------------------------------------------------------------ */

.addrlist { margin: 12px 0 14px 0; }
.addrline { margin: 0 0 9px 0; line-height: 1.7; }
.onion {
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
  word-break: break-all;
}
button.copy {
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  color: #000000;
  background: #ffffff;
  border: 1px solid #000000;
  border-radius: 0;
  padding: 1px 6px;
  margin-left: 5px;
  cursor: pointer;
  vertical-align: baseline;
}

/* ------------------------------------------------------------------
   Colophon
   ------------------------------------------------------------------ */

.colophon {
  margin: 32px 0 0 0;
  border-top: 1px solid #000000;
  padding: 11px 0 0 0;
  font-size: 14px;
}
.colophon .stamp { color: #666666; }

@media (max-width: 780px) {
  .navcol {
    position: static;
    width: auto;
    border-right: 0;
    border-bottom: 1px solid #000000;
    padding: 14px 14px 18px 14px;
  }
  .doc { margin-left: 0; padding: 16px 14px 40px 14px; }
  h1 { font-size: 18px; }
  table { font-size: 14px; }
}

/* the addresses repeated at the top of every page, in the double bordered box
   the rest of the site uses, so it reads as part of the document */
.topaddr{border:1px solid #000;padding:6px;margin:0 0 18px}
.topaddr h2{border:0;margin:0;padding:8px 10px 4px;font-size:16px}
.topaddr .addrlist{border:1px solid #000;padding:8px 10px;margin:0}
.topaddr-note{margin:8px 10px 6px;font-size:13px}