body{
	margin:0 auto;
	min-height:100vh;
	font-family:Courier;
	background:#1A1A1A;
	color:#fff;
	line-height:1.2em;
	border-top:1px solid #000;
}

h4{
	margin:2px 0 0;
}

h1{
	margin:0;
	padding:0;
}

h1,h2,h3,h4{
	color:#D1D1D1;
}

h1{font-size:275%;line-height:90%;}
h2{font-size:200%;line-height:105%;}
h3{font-size:150%;line-height:100%;}
h4{font-size:200%;line-height:148%;}

h2{
	margin:1.5% 0 1%;
}

h3{
	margin:0.5% 0 1%;
}

.footer img,.resright{
	border-top:1px solid #504945;
	border-left:1px solid #504945;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
}

nav{
	box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
	background: #202020;
	background-color: rgba(0, 0, 0, 0.3);
}

img{
	max-width:100%;
}

img{
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #504945;
	border-bottom:1px solid #504945;
}

p{
	margin:0;
	padding:0;
}

a{
	color:#D44E27;
	font-size:110%;
	text-shadow:1px 1px 1px #000;
	font-weight:bold;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

a:visited{
	color:#9D3326;
}

a:hover{
	color:#fff;
}

h1,h2,h3,h4{
	text-shadow:2px 2px 1px #000;
}

figcaption{
	font-size:0.74em;
	text-align:center;
	font-style:italic;
}

nav{
	line-height:0.7;
	background-color:#0E0E0E;
	display:inline-block;
	float:left;
	margin:0 2% 1% 0;
	padding-right:2%;
}

nav a{
	text-decoration:none;
	font-size:75%;
}

nav a:hover{
	text-decoration:underline;
}

nav h4{
	font-size:125%;
	line-height:100%;
	padding:4% 0 0 4%;
}

li{
	list-style-type: '';
}

li li{
	list-style-type: '↳ ';
}

.right{
	float:right;
}

.nav{
	background:linear-gradient(#111,#000);
	border-bottom:1px solid #000;
	padding:0 5% 0;
	height:55px;
}

.nav a{
	color:#D1D1D1;
	background:linear-gradient(#282828,#1A1A1A);
	text-shadow:2px 2px 1px #000;
	font-size:20px;
	text-decoration:none;
	float:left;
	margin:0 1% 0 0;
	padding:1px 10px 0;
	border-left:1px solid #000;
	border-right:1px solid #000;
	position:relative;
	top:2px;
}

.nav a:hover{
	color:#fff;
	background:linear-gradient(#111,#1A1A1A);
	position:relative;
	top:1px;
}

.nav a:hover,.nav a.focus{
	border-top:1px solid #a89984;
}

.nav a.focus{
	color:#fff;
	border-top:1px solid #a89984;
	border-left:1px solid #000;
	border-right:1px solid #000;
	background:linear-gradient(#282828,#1A1A1A);
	text-decoration:underline;
	position:relative;
	top:1px;
}

.content{
	padding:1% 10% 0;
}

.footer{
	border-top:1px solid #000;
	background-color:#0E0E0E;
	position:fixed;
	bottom:0;
	right:0;
	left:0;
	padding:1% 8% 0.5%;
	text-align:right;
}

.footer img{
	margin:0 0.75% 0.75% 0;
	display:inline-block;
	float:left;
	max-height:124px;
	width:auto;
}

.footer p{
	display:inline-block;
}

.quote{
	border-left:2px solid #504945;
	background-color:#090909;
	padding:0 10px;
	margin:10px 0 0 0;
	display:inline-block;
	font-style:italic;
}

::selection {
	color:#fff;
	background-color:#913D3D;
}

@media{
.resright{
	background-color:#111;
	display:block;
	float:right;
	padding-left:5px;
	padding-right:5px;
	padding-top:6px;
}

.resright img{
	display:inline-block;
}
}