body {
	background: rgb(20,20,20);
	color: rgb(235,235,235);
	font-family: 'ovoregular',"MS Gothic",sans-serif,monospace;
	font-size: 12pt;
	line-height: 1.451;
	margin: 0 auto;
	padding:0;
	max-width: 8in; 
}

b {
	color: #ffffff;
}

a {
	color: rgb(255,183,76);
}

a:hover {
	background: rgb(255,183,76);
	color: #141414;
	/*color: #8811ff;*/
}

.flag {
	background: rgba(0,0,0,0.5);
	font-weight: bold;
	border: 1pt solid;
	padding: 2pt 8pt;
	text-decoration: none;
	border-radius: 2pt;
}

small {
	line-height: 1;
	font-weight: bold;
}

li {
	margin-bottom: 9pt;
}

ul {
	padding-left: 0;
	list-style-type: none;
}

h1 {
	font-weight: normal;
	font-size: 40pt;
	letter-spacing: -1pt;
}

h2 {
	font-size: 18pt;
	letter-spacing: 1pt;
	margin: 9pt 0;
}

h2, .knockout {
	background: rgb(235,235,235);
	color: rgb(20,20,20);
	display: inline-block;
	text-transform: uppercase;
	padding: 0 3pt;
}


img {
	max-width: 100%;
}

section {
	margin: 0;
	padding: 0.25in;
	margin: 0.125in 0;
	min-height: 3in;
}

header,
footer {
	text-align: center;
}

footer {
	font-size: 10pt;
}

.avvy {
	width: 0.5in;
	border-radius: 0.25in;
}


/* SECTIONS */

header {
	font-family: 'ovoregular', serif;
	background-color: #9dabc0;
	background-image: url(img/section-header.jpg);
	background-size: cover;
	background-position: top;
	padding: 0.75in 0;
}

/*header h1 {
	color: rgb(255,230,80);
	text-shadow: -2pt 0 rgba(240,120,30,0.3),
		2pt 0 rgb(170,30,200),
		4pt 0 rgb(80,20,100);
}*/

header p {
	font-size: 16pt;
	letter-spacing: 1pt;
}

#tnt {
	/*background-color: #000;*/
	/*background-image: url(img/.jpg);*/
	background-size: cover;
	background-position: bottom;
}

#elementals {
	text-align: right;
	background-color: #000;
	background-image: url(img/section-elementals.jpg);
	background-size: cover;
	background-position: center;
}

#starship {
	text-align: right;
	background-color: #000;
	background-image: url(img/section-starship.jpg);
	background-size: cover;
	background-position: bottom;
}

#iching {
	text-align: left;
	background-color: #3311cc;
	background-image: url(img/section-iching.jpg);
	background-size: cover;
	background-position: center;
}

#unknown {
	text-align: right;
	background-color: #991199;
	background-image: url(img/section-unknown.jpg);
	background-size: cover;
	background-position: center;
}

#interregnum {
	text-align: left;
	background-color: #000;
	background-image: url(img/section-interregnum.jpg);
	background-size: cover;
	background-position: bottom;
}

#dreams {
	text-align: right;
	background-color: #000;
	background-image: url(img/section-dreams.jpg);
	background-size: cover;
	background-position: bottom;
}

#sand {
	text-align: left;
	background-color: #000;
	background-image: url(img/section-sand.jpg);
	background-size: cover;
	background-position: bottom;
}

#gatehouse {
	text-align: right;
	background-color: #535b4a;
	background-image: url(img/section-gatehouse.jpg);
	background-size: cover;
	background-position: bottom;
}