/* ============================================================ */
/*  LT XAVIER STONE OFFICIAL HOMEPAGE - STYLE SHEET             */
/*  Built by me.  Do not copy.  Copyright protected.            */
/*  Last edited by X. STONE                                     */
/* ============================================================ */

html, body { margin:0; padding:0; }

body {
  background-color:#3c4326;
  background-image:url("camo.svg");
  background-repeat:repeat;
  background-size:300px 300px;
  background-attachment:fixed;
  font-family:"Times New Roman", Times, serif;
  font-size:15px;
  color:#dcdcc2;
  text-align:center;
}

a { color:#ffd24a; text-decoration:underline; }
a:visited { color:#c9a227; }
a:hover { color:#ff4b3a; background-color:#1a1d10; }

img { border:0; }

/* ---------- outer shell ---------- */
.shell {
  width:800px;
  margin:12px auto 30px auto;
  background:#0a0b06;
  border-left:3px solid #6f7a44;
  border-top:3px solid #6f7a44;
  border-right:3px solid #20240f;
  border-bottom:3px solid #20240f;
  box-shadow:8px 8px 0 rgba(0,0,0,.55);
  text-align:left;
}
.pad { padding:0 14px 14px 14px; }

/* ---------- banner ---------- */
.banner {
  background:#000;
  border-bottom:4px double #c9a227;
  padding:10px 0 6px 0;
  text-align:center;
  position:relative;
}
.banner table { margin:0 auto; }
.wordart {
  font-family:Impact, "Arial Black", Charcoal, sans-serif;
  font-size:47px;
  letter-spacing:2px;
  line-height:1.02;
  background:linear-gradient(#fffbe0 0%, #f6e27a 22%, #c9a227 48%, #7a5c0c 52%, #e8d07a 74%, #fff6c9 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-stroke:1px #4a3a06;
  text-shadow:3px 3px 0 rgba(0,0,0,.9);
  margin:0;
}
.wordart small { font-size:15px; letter-spacing:3px; display:block; white-space:nowrap; }
.tagline {
  font-family:Georgia,"Times New Roman",serif;
  color:#9aa66a; font-size:13px; letter-spacing:3px; margin-top:4px;
}
.stamp {
  display:inline-block; transform:rotate(-9deg);
  border:3px solid #b3271b; color:#b3271b;
  font-family:"Courier New",monospace; font-weight:bold; font-size:10px;
  padding:4px 6px; line-height:1.2; text-align:center; opacity:.82;
}

/* ---------- marquee bar ---------- */
.tickerbar {
  background:#1d2110; border-top:1px solid #6f7a44; border-bottom:1px solid #6f7a44;
  color:#ffd24a; font-family:"Courier New",monospace; font-size:13px; padding:3px 0;
}

/* ---------- layout table ---------- */
.layout { width:100%; border-collapse:collapse; }
.layout > tbody > tr > td { vertical-align:top; }
.sidebar { width:186px; background:#12140a; border-right:2px ridge #6f7a44; padding:10px 8px; }
.main { padding:12px 16px 20px 16px; }

/* ---------- nav buttons ---------- */
.navttl {
  background:#4a5320; color:#000; font-family:"Arial Black",Arial,sans-serif; font-size:12px;
  text-align:center; letter-spacing:1px; padding:3px 0; border:2px outset #8d9a58; margin-bottom:6px;
}
a.btn {
  display:block; text-decoration:none; margin:0 0 4px 0; padding:5px 6px;
  background:#2c3218; color:#ffd24a; border:2px outset #7c8a4a;
  font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; letter-spacing:.4px;
}
a.btn:hover { background:#5a1d16; color:#fff; border-style:inset; }
a.btn.here { background:#6b7a35; color:#000; border-style:inset; }

/* ---------- headings ---------- */
h1.pg {
  font-family:"Arial Black",Arial,sans-serif; font-size:23px; color:#ffd24a; margin:0 0 2px 0;
  text-shadow:2px 2px 0 #000; letter-spacing:.5px;
}
h2.sec {
  font-family:"Arial Black",Arial,sans-serif; font-size:16px; color:#c8d68a; margin:20px 0 6px 0;
  border-bottom:1px dashed #6f7a44; padding-bottom:3px;
}
h3.sub { font-family:Arial,sans-serif; font-size:14px; color:#ffd24a; margin:14px 0 4px 0; }

p { line-height:1.55; margin:9px 0; }

/* ---------- dividers ---------- */
.rule { height:9px; margin:14px 0; background:
  repeating-linear-gradient(90deg,#b3271b 0 22px,#e8e8e0 22px 44px,#2a3a86 44px 66px);
  border-top:1px solid #000; border-bottom:1px solid #000; }
.rule2 { text-align:center; color:#6f7a44; letter-spacing:6px; font-size:13px; margin:14px 0; }

/* ---------- boxes ---------- */
.box { border:2px groove #6f7a44; background:#121509; padding:10px 12px; margin:12px 0; }
.box.warn { border-color:#b3271b; background:#1b0d0a; }
.boxttl {
  font-family:"Arial Black",Arial,sans-serif; font-size:13px; color:#ffd24a;
  margin:-10px -12px 8px -12px; padding:4px 10px; background:#2c3218; border-bottom:1px solid #6f7a44;
}
.box.warn .boxttl { background:#4a120c; color:#ffb3aa; border-bottom-color:#b3271b; }

.note {
  font-family:"Comic Sans MS","Comic Sans",cursive; font-size:14px; color:#fff8c9;
  background:#1a1d10; border:2px dashed #c9a227; padding:10px 12px; margin:12px 0; line-height:1.5;
}
.note b { color:#ffd24a; }

/* ---------- redaction ---------- */
.rd { background:#000; color:#000; padding:0 4px; border:1px solid #000; }
.rd::selection { background:#ffd24a; color:#000; }
.rd::-moz-selection { background:#ffd24a; color:#000; }
.bar { display:inline-block; background:#000; height:.95em; vertical-align:-.12em; border:1px solid #333; }

/* ---------- blink / new ---------- */
@keyframes bl { 0%,49%{opacity:1} 50%,100%{opacity:0} }
.blink { animation:bl 1s steps(1,end) infinite; }
.newbadge {
  font-family:"Arial Black",sans-serif; font-size:10px; color:#fff; background:#b3271b;
  padding:1px 4px; border:1px solid #ff8f80; animation:bl 1.1s steps(1,end) infinite; letter-spacing:1px;
}
@keyframes hue { 0%{color:#ff4b3a} 33%{color:#ffd24a} 66%{color:#7ee081} 100%{color:#ff4b3a} }
.rainbow { animation:hue 1.6s linear infinite; font-weight:bold; }

/* ---------- under construction ---------- */
.constr {
  margin:12px 0; border:2px solid #000; text-align:center;
  font-family:"Arial Black",sans-serif; font-size:12px; color:#000; padding:5px 0; letter-spacing:1px;
  background:repeating-linear-gradient(45deg,#f2c200 0 14px,#111 14px 28px);
  text-shadow:0 0 4px #f2c200,0 0 4px #f2c200,0 0 4px #f2c200;
}

/* ---------- tables ---------- */
table.data { width:100%; border-collapse:collapse; font-size:13px; margin:10px 0; }
table.data th {
  background:#4a5320; color:#000; font-family:Arial,sans-serif; font-size:12px;
  text-align:left; padding:4px 6px; border:1px solid #000;
}
table.data td { border:1px solid #3d4426; padding:4px 6px; vertical-align:top; }
table.data tr:nth-child(even) td { background:#14170b; }

/* ---------- counter ---------- */
.counter { display:inline-block; background:#000; border:2px inset #888; padding:3px 4px; }
.counter span {
  display:inline-block; background:#0b0b0b; color:#39ff5e; font-family:"Courier New",monospace;
  font-size:19px; font-weight:bold; width:15px; text-align:center; margin:0 1px;
  text-shadow:0 0 6px #39ff5e; border:1px solid #222;
}

/* ---------- book cover ---------- */
.coverwrap { display:inline-block; }
.cover {
  position:relative; display:block; background:#000; overflow:hidden;
  border:1px solid #000; box-shadow:6px 6px 0 rgba(0,0,0,.6), 0 0 0 1px #c9a227;
  width:22em; font-size:14px; line-height:1;
}
.cover img { display:block; width:100%; filter:contrast(1.14) brightness(.92); }
.cover .vignette {
  position:absolute; left:0; right:0; top:0; bottom:0;
  background:linear-gradient(180deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.28) 13%,
    rgba(0,0,0,0) 30%,rgba(0,0,0,0) 42%,rgba(0,0,0,.90) 76%,#000 100%);
}
.cover .toplbl {
  position:absolute; top:3.2%; left:0; right:0; text-align:center; color:#efefe6;
  font-family:Arial,Helvetica,sans-serif; font-size:.6em; letter-spacing:.3em;
  text-shadow:0 1px 3px #000;
}
.cover .toplbl .bar {
  display:inline-block; width:7em; height:.9em; background:#000;
  border:1px solid #7d7d70; vertical-align:-.08em;
}
.cover .ttl {
  position:absolute; left:0; right:0; bottom:26%; text-align:center; color:#fff;
  font-family:Impact,"Arial Black",sans-serif; font-size:5.4em; letter-spacing:-.01em;
  line-height:.9; text-shadow:0 .03em .12em rgba(0,0,0,.95);
}
.cover .sub {
  position:absolute; left:8%; right:8%; bottom:15.5%; text-align:center; color:#d4d4c6;
  font-family:Georgia,"Times New Roman",serif; font-size:.62em; letter-spacing:.22em;
  line-height:1.6; text-shadow:0 1px 3px #000;
}
.cover .byline {
  position:absolute; left:8%; right:8%; bottom:5%; text-align:center; color:#f2f2e6;
  font-family:Arial,Helvetica,sans-serif; font-size:.7em; font-weight:bold; letter-spacing:.14em;
  padding-top:.7em; border-top:1px solid rgba(242,242,230,.5);
}
.cover.big { font-size:22px; width:15em; }
.cover.sm  { font-size:9px;  width:22em; }
.burst {
  position:absolute; right:4%; top:12%; width:6.2em; height:6.2em; color:#000;
  background:#f2c200; border-radius:50%; display:flex; align-items:center; justify-content:center;
  text-align:center; font-family:"Arial Black",sans-serif; font-size:.72em; line-height:1.15;
  transform:rotate(-14deg); box-shadow:0 0 0 .18em #000;
}

/* ---------- photos ---------- */
.photo { border:6px solid #1c1f10; outline:1px solid #6f7a44; max-width:100%; }
.caption { font-size:12px; color:#b6bd90; font-style:italic; line-height:1.5; }

/* ---------- guestbook ---------- */
.gentry { border:1px solid #3d4426; background:#101308; padding:8px 10px; margin:9px 0; font-size:13px; }
.gentry .who { color:#ffd24a; font-weight:bold; font-family:Arial,sans-serif; font-size:12px; }
.gentry .when { color:#7d8757; font-size:11px; font-family:"Courier New",monospace; }
.gentry .reply {
  margin:7px 0 0 18px; padding:6px 8px; border-left:3px solid #b3271b; background:#180d0a;
  color:#e8c9a0; font-size:12px;
}

/* ---------- forms ---------- */
input[type=text], input[type=email], select, textarea {
  background:#0d1006; color:#e8e8c8; border:2px inset #6f7a44;
  font-family:"Courier New",monospace; font-size:13px; padding:3px 4px;
}
input[type=submit], button.go {
  background:#4a5320; color:#000; border:3px outset #8d9a58; font-family:"Arial Black",sans-serif;
  font-size:13px; padding:5px 14px; cursor:pointer;
}
input[type=submit]:active, button.go:active { border-style:inset; }
label { font-size:13px; }

/* ---------- footer ---------- */
.footer {
  background:#000; border-top:4px double #c9a227; padding:12px 14px; text-align:center;
  font-size:12px; color:#8d9a58; line-height:1.7;
}
.footer a { color:#c9a227; }
.tiny { font-size:10px; color:#5f6840; line-height:1.5; }

.webring { border:1px solid #6f7a44; background:#12140a; padding:6px 8px; font-size:11px; color:#9aa66a; }

/* ---------- misc ---------- */
.sig { font-family:"Brush Script MT","Segoe Script",cursive; font-size:30px; color:#e8e8e0; }
.mono { font-family:"Courier New",monospace; }
.hits { font-size:11px; color:#7d8757; font-family:"Courier New",monospace; }
.center { text-align:center; }
.right { text-align:right; }
.quote { border-left:4px solid #c9a227; padding:2px 0 2px 12px; margin:10px 0; color:#e6e6cc; font-style:italic; }
.price { font-family:"Arial Black",sans-serif; color:#7ee081; font-size:17px; }
.strike { text-decoration:line-through; color:#8d9a58; }
ul.mil { list-style:none; padding-left:4px; }
ul.mil li { padding:3px 0 3px 20px; background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path d='M6 0l1.8 4H12L8.6 6.4 9.9 12 6 8.9 2.1 12l1.3-5.6L0 4h4.2z' fill='%23c9a227'/></svg>") no-repeat 0 6px; line-height:1.5; }
.trail { position:fixed; pointer-events:none; z-index:9999; color:#c9a227; font-size:13px; }