@font-face {
    font-family: "Valkyrie";
    src: url("/fonts/valkyrie-t4.woff") format('woff');
}

@font-face {
    font-family: "Valkyrie";
    src: url("/fonts/valkyrie-t3-bold.woff") format('woff');
    font-weight: bold;
}

@font-face {
    font-family: "Valkyrie";
    src: url("/fonts/valkyrie-t4-italic.woff") format('woff');
    font-style: italic;
}

@font-face {
    font-family: "Valkyrie Caps";
    src: url("/fonts/valkyrie-c4.woff") format('woff');
}

@font-face {
    font-family: "Valkyrie Caps";
    src: url("/fonts/valkyrie-c3-bold.woff") format('woff');
    font-weight: bold;
}

body {
	background: #D6D6D6;
	text-align: center;
	font-family: "Valkyrie", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 125%;
	line-height: 1.4em;
	text-rendering: optimizeLegibility;
}

.caps {
 font-family: "Valkyrie Caps";
}

.scaps {
 font-family: "Valkyrie Caps";
 text-transform: lowercase;
 font-feature-settings: "c2sc";
 /* Valkyrie’s c2sc variant miniaturizes the figures
  and punctuation marks to match the small caps. */
}

div {
	margin: auto;
	width: 99%;
	max-width: 80em;
}

table {
	margin: 12px;
	background: #EAEAEA;
	border: 2px solid #CCC;
}

th {
	background: #F1F1F1;
	padding: 12px;
	font-family: "Valkyrie Caps";
}

td {
	max-width: 60em;
	background: #F6F6F6;
	padding: 12px;
}

ul, ol {
	text-align: left;
}

h1, h2, h3 {
	margin: 0 0 0.4em 0;
	line-height: 1em;
}

.title {
 font-family: "Valkyrie";
}

.spoilers {
 margin: 0.5em 0 0;
 font-family: "Valkyrie Caps";
 text-transform: lowercase;
 font-feature-settings: "c2sc";
 color: #999;
}


img {
	border: 0;
}

a:link { color: #00B; text-decoration: none; }
a:visited { color: #606; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { color: #D00; }

tr .stats {
	text-align: right;
	line-height: 1em;
}

.stats th, .map th, .synopsis th {
	text-align: right;
	line-height: 1em;
 font-family: "Valkyrie Caps";
 font-feature-settings: "c2sc";
	font-size: 90%;
}

.stats td, .synopsis td {
	text-align: left;
}

th span {
	position: relative;
	top: -1px;
}

.stats td p, .stats td ul, .synopsis td p, .synopsis td ul {
	text-align: left;
	padding-left: 3%;
	padding-right: 3%;
	max-width: 38em;
}

.synopsis td ul {
  padding-left: 2em;
}

.synopsis, .synopsis th {
	vertical-align: top;
	padding-top: 2em;
}

.tint {
    color: #999;
}

aside {
    color: #333;
    font-size: 90%;
    line-height: 1.4em;
}

.in-block {
	display: inline-block;
}

.v-middle {
  max-width: 36em;
}

.v-middle img, .v-middle span {
	vertical-align: middle;
	margin: 0.2em 0em;
}

.log {
	width: 30%;
}

.log-20 {
	width: 20%;
}
 
.log p, .log-20 p, .narrow-log p {
	font-size: 70%;	
	text-align: left;
	margin: 0.4em;
	line-height: 1.1;
}

.Felt {
	color: #2ED73A;
	white-space: nowrap; /*to prevent line wrapping at Lord English's pool ball image */
}

.Scratch {
	background: #062B00;
	border: 2px solid #CCC;
	color: #FFF;
	text-shadow: 0px 1px 0px black, 0px 1px 1px black;
}

.Scratch td {
	background: #0A4700;
}

.Scratch a { color: #3DB; }
.Scratch a:visited { color: #7C0; }
.Scratch a:active { color: #D00; }

.narrow-fenestrated-wall {
	font-size: 90%;
	color: #2ED73A;
}

.Sbahj {
	background: #F400EC;
	border: 2px solid #CCC;
	color: #000;
	font-family: "Comic Sans MS", "ChalkboardSE-Regular", sans-serif;
}

.Sbahj td {
	background: #14FF23;
}

.Sbahj a { color: #00F; }

.Cascade {
	background: #222;
	border: 2px solid #444;
	color: #EEE;
	text-shadow: 0px 1px 0px black, 0px 1px 1px black;
}

.Cascade a { color: #8EF; }
.Cascade a:visited { color: #D9F; }
.Cascade a:active { color: #D00; }

.Cascade-mid { background: #333; }
.Cascade-left { background: #841010; }
.Cascade-midleft { background: #542626; }
.Cascade-midright { background: #262D5C; }
.Cascade-log { background: #10239B; }
.Cascade-log p {
	font-size: 75%;	
	text-align: left;
	margin: 0.4em;
	line-height: 1.1;
}

.DOTA {
	background: #222;
	border: 5px solid #000;
	color: #FFF;
	margin: auto;
}

.DOTA td { background: #111; }

.DOTA a { color: #4AF; }
.DOTA a:visited { color: #E2E; }
.DOTA a:active { color: #F47; }

.Zillyhoo {
	background-image: url('zilly-blue.gif');
	border: 5px solid #FD0;
	color: #f9fd6b;
}

.Zillyhoo a { color: #F01; }
.Zillyhoo a:visited { color: #FA0; }

.Z-mid { background: #F6F; }
.Z-side { background: transparent; }

.Z-side p {
	font-size: 75%;	
	text-align: left;
	margin: 0.4em;
	line-height: 1.1;
}

.Z-side img {
	vertical-align: middle;
	height: 16px;
}

.x2 {
	width: 100%;
	height: 100%;
	margin: 0;
	border: none;
	background: #F0F0F0;
}

.HOMOSUCK {
	background: #087700;
	border: 2px solid #CCC;
	color: #4E5;
	text-shadow: 0px 1px 0px black, 0px 1px 1px black;
}

.HOMOSUCK td {
	background: #043D00;
}

.HOMOSUCK th {
	background: #043300;
}

.HOMOSUCK a { color: #0BB; }
.HOMOSUCK a:visited { color: #6A0; }
.HOMOSUCK a:active { color: #D00; }

.GAMEOVER-BORDER {
	margin: 12px;
	width: auto;
	border: 2px solid #CCC;
}

.GAMEOVER {
 margin: 0;
 border-collapse: collapse;
}

.GAMEOVER td {
 border: 2px solid #F0F0F0;
}

.GAMEOVER .GAMEOVER-GREEN {
 background: #043D00;
 color: #4E5;
 border: 2px solid #087700;
	text-shadow: 0px 1px 0px black, 0px 1px 1px black;
}

.left { text-align: left; }
.right { text-align: right; }

.password {
  font-family: Courier, monospace;
  font-weight: bold;
  letter-spacing: 0.04em;
}

.shes8ack {
	background: #FBFBFB;
	border: 5px solid #F6F6F6;
	color: #000;
	margin: auto;
}

.shes8ack td {
  background: #FFF;
  color: #005c99;
}

.shes8ack a { color: #00D5F2; }
.shes8ack a:visited { color: #929292; }
.shes8ack a:active { color: #4AC925; }