/*
Theme Name: First Erasure
Theme URI: 
Description: 
Version: 1.0
Author: Matt Larner
Author URI: http://mrlarner.com/
Tags: 
*/


html {
	overflow: none;
}
body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0px;
	overflow: none;
}

#wallpaper {
	margin: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

h1, p, h2 {
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 18px;
	display: inline;
	font-style: italic;
	text-transform: uppercase;
}

h1 {
	display: block;
	margin-bottom: 80px;
}

div {
	margin-bottom: 50px;
}
	
p {
	color: #fff;
	clear: both;
	xdisplay: block;
	xbackground: #000;
	background: transparent url('images/20percent.png') center center;
	font-weight: lighter;
	line-height: 45px;
	padding: 5px 0px;
	text-align: justify;
	word-spacing: 3px;
	letter-spacing: 1px;
	xmargin-left: 15px;
	text-shadow: #000 0px 2px;
}

p:before {
	content: "¶ ";
}

h2:before {
	content: "§ ";
}

p#intro {
	background: transparent url('images/20percent.png') center center;
	color: #fff;
}

p a {
	color: #fff;

	text-decoration: none;
}

p a:hover {
	color: #000;
	background: #fff;
	text-shadow: none;
}

p strong {
	font-weight: bold;
	padding-right: 5px;
}

span.red {
	color: #fb5151;
}

span.green {
	color: #00ff84;
}

span.blue {
	color: #01a2ff;
}

span.alpha {
	color: #fff;
	opacity: 0.2;
}

h1,h2 {
	font-weight: bold;
	padding: 5px 5px;
}

h1 {
	padding: 0;
}

h1 a, h2{
	color: #fff;
	background: transparent url('images/20percent.png') center center;
	text-decoration: none;
	xtext-decoration: underline;
}

h1 a:hover {
	text-decoration: none;
}

#story {
	position: absolute;
	margin: 170px 0 0 50px;
	padding-bottom: 150px;
	width: 80%;
}

p#footer {
	color: #999;
	opacity: 0.2;
}

p#footer:hover {
	opacity: 0.8;
}

ol#footnotes {
	margin: 0; padding: 0;
	margin-top: 10px;
	display: none;
}

ol#footnotes li {
	font-family: Georgia;
	font-style: italic;
	text-transform: lowercase;
	font-size: 10px;
	margin: 0;
	padding: 0;
	list-style: decimal inside;
	line-height: 24px;
	width: 40%;
	padding-right: 5%;
	float: left;
	text-align: justify;
}

p.chapter-1 a:hover {
	background: #fb5151;
}

p.chapter-2 a:hover {
	background: #5151fb;
}

p.appendix-0 a:hover {
	background: #51fb61;
}

p.appendix-1 a:hover {
	background: #51fbd9;
}

*::-moz-selection {
	background: transparent;
	opacity: 1;
	text-shadow:none !important;
}

h1::-moz-selection, h1 *::-moz-selection,
h2::-moz-selection, h2 *::-moz-selection {
	background: #000;
}

a.r:hover, 
p.r::-moz-selection, p.r *::-moz-selection {
	background: #fb5151 !important;
	color: #000;
}

a.o:hover, 
p.o::-moz-selection, p.o *::-moz-selection{
	background: #faa550 !important;
	color: #000;
}

a.y:hover, 
p.y::-moz-selection, p.y *::-moz-selection{
	background: #faef50 !important;
	color: #000;
}

a.g:hover, 
p.g::-moz-selection, p.g *::-moz-selection {
	background: #72fa50 !important;
	color: #000;
}

a.b:hover, 
p.b::-moz-selection, p.b *::-moz-selection {
	background: #50c1fa !important;
	color: #000;
}

a.i:hover, 
p.i::-moz-selection, p.i *::-moz-selection {
	background: #8650fa !important;
	color: #000;
}

a.v:hover, 
p.v::-moz-selection, p.v *::-moz-selection {
	background: #e551fb !important;
	color: #000;
}

/* safari */
*::selection {
	background: transparent;
	opacity: 1;
	text-shadow:none !important;
}

h1::selection, h1 *::selection,
h2::selection, h2 *::selection {
	background: #000;
}

a.r:hover, 
p.r::selection, p.r *::selection {
	background: #fb5151 !important;
	color: #000;
}

a.o:hover, 
p.o::selection, p.o *::selection{
	background: #faa550 !important;
	color: #000;
}

a.y:hover, 
p.y::selection, p.y *::selection{
	background: #faef50 !important;
	color: #000;
}

a.g:hover, 
p.g::selection, p.g *::selection {
	background: #72fa50 !important;
	color: #000;
}

a.b:hover, 
p.b::selection, p.b *::selection {
	background: #50c1fa !important;
	color: #000;
}

a.i:hover, 
p.i::selection, p.i *::selection {
	background: #8650fa !important;
	color: #000;
}

a.v:hover, 
p.v::selection, p.v *::selection {
	background: #e551fb !important;
	color: #000;
}


#player {
	position: absolute;
	top: 50px;
	left: 50px;
	opacity: 0.8;
}