@media all {


	/**************************************************************** main.all.css */


	/******* Core *********/

	html {
		margin: 0;
		padding: 0;
	}

	html * {
		cursor: default;
	}

	body {
		background-color: #cccccc;
		color: #333333;
		font-family: Calibri, Tahoma, Verdana, sans-serif;
		font-size: 3vmin;
		margin: 0;
		width: 100vw;
		overflow-y: auto;
		overflow-x: hidden;
		padding: 0;
		text-shadow: 0 1px 1px rgba(0,0,0,0.5);
		text-align: center;
	}
	
	a:link, a:visited {
		color: #eeeeee;
		text-decoration: underline;
	}
	
	a:active, a:hover {
		color: #cccccc;
		cursor: pointer;
		text-decoration: none;
	}

	a * {
		cursor: pointer !important;
	}

	abbr {
		border-bottom: 1px dotted #eeeeee;
		cursor: help;
		text-decoration: none;
	}

	p {
		line-height: 4.5vmin;
		margin: 2vmin auto 0;
		text-align: justify;
	}

	li {
		margin-bottom: 2vmin;
	}

	dl {
		display: block;
		margin: 0 2em;
		text-align: left;
	}
	
	dt {
		clear: both;
		margin-bottom: 1vmin;
	}
	
	dd {
		margin-bottom: 2vmin;
	}

	hr {
		background-color: #eeeeee;
		border: none;
		height: 1px;
		margin: 1vmin 0;
	}

	h2 {
		font-family: georgia, serif;
		font-size: 5vmin;
		margin: 2vh 0;
		padding: 0;
		text-shadow: 0 2px 1px rgba(0,0,0,1);
	}

	h3 {
		font-family: georgia, serif;
		font-size: 3.5vmin;
		margin: 1.5vh 0;
		padding: 0;
		text-shadow: 0 2px 1px rgba(0,0,0,1);
	}
	
	/******* Layout Base *********/
	
	header {
		color: #cccccc;
		font-family: courier, monospace;
		display: block;
		margin: 0;
		padding: 0;
		text-shadow: 0 3px 5px rgba(0,0,0,1);
		text-transform: lowercase;
		width: 100vw;
	}
	
	header h1 {
		background-color: #333333;
		display: block;
		font-size: 10vmin;
		font-weight: normal;
		left: 0;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 4vmin;
		transition: all .25s ease-in;
		width: 100vw;
	}
	
	header h1 span:first-child {
		color: #cccccc;
	}
	
	header h1 span:last-child {
		color: #999999;
	}
	
	header nav {
		background-color: #333333;
		box-shadow: 0 3px 5px rgba(0,0,0,0.8);
		display: block;
		left: 0;
		margin: 0;
		padding: 0.5vh 0;
		position: fixed;
		top: 0;
		width: 100vw;
		z-index: 999;
	}
	
	header nav a:link,
	header nav a:visited {
		border-right: 1px solid #666666;
		display: inline-block;
		margin: 0;
		padding: 0 1vmin 0 0;
		text-decoration: none;
		text-shadow: 0 2px 3px rgba(0,0,0,1);
		transition: all .25s ease-in;
	}
	
	header nav a:hover,
	header nav a:active {
		text-decoration: underline;
	}
	
	header nav a.this_page:link,
	header nav a.this_page:visited,
	header nav a.this_page:hover,
	header nav a.this_page:active {
		color: #999999;
		cursor: not-allowed;
		text-decoration: underline;
		text-shadow: 0 2px 3px rgba(0,0,0,0.5);
	}
	
	header nav a:last-child {
		border: none;
	}
	
	main {
		background-color: #333333;
		color: #cccccc;
		display: block;
		height: auto;
		margin: 0;
		min-height: 80.5vh;
		padding: 15vmin 0 0;
		width: 100vw;
	}
	
	footer {
		background-color: #333333;
		box-shadow: 0 -3px 5px rgba(0,0,0,0.7);
		color: #cccccc;
		display: block;
		font-size: 2vmin;
		margin: 0;
		padding: 1vmin 0;
		transition: all .25s ease-in;
		width: 100vw;
	}

	/******* Global Classes *********/

	.clear {
		clear: both;
	}

	.left {
		text-align: left;
	}

	.right {
		text-align: right;
	}

	.center {
		text-align: center;
	}

	.error {
		color: #CC0000;
	}

	.anchor:before {
		content: "";
		display: block;
		height: 4vmin;
		margin: -4vmin 0 0;
	}

	.info {
		background-color: #cccccc;
		border: 1px solid #333333;
		box-shadow: 0 5px 10px rgba(0,0,0,1);
		color: #333333;
		font-size: 2vmin;
		font-style: italic;
		margin: 4vh auto;
		padding: 2vh 2vw;
		transition: all .25s ease-in;
		width: 56vw;
	}

	.info a:link, .info a:visited {
		color: #666666;
		text-decoration: underline;
	}

	.info a:active, .info a:hover {
		color: #333333;
		cursor: pointer;
		text-decoration: none;
	}




	/**************************************************************** animate.all.css */


	.slideIn {
		opacity: 0;
		position: relative;
		transition: all .55s ease-in;
	}

	.slideIn.fromLeft {
		left: -20vw;
	}

	.slideIn.fromLeft.viewed {
		left: 0;
		opacity: 1;
	}

	.slideIn.fromRight {
		right: -20vw;
	}

	.slideIn.fromRight.viewed {
		right: 0;
		opacity: 1;
	}




	/**************************************************************** home.all.css */


	/******* Layout *********/

	#home header {
		background-color: #333333;
    	box-shadow: 0 5px 10px rgba(0,0,0,0.7);
		height: 100vh;
	}

	#home header::after {
		background-color: transparent;
		background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNDQ0NDQ0M7fTwvc3R5bGU+PGc+PGc+PGltYWdlIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlO29wYWNpdHk6MC43NTsiIHdpZHRoPSIyMjUiIGhlaWdodD0iMzA5IiB4bGluazpocmVmPSIxREJCNjlEMi5wbmciICB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDE0MS41NiAxMDMuNTYpIj48L2ltYWdlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNDQuOCwyODkuMWMtNC45LTQuOS0xMi44LTQuOS0xNy43LDBsLTU4LjcsNTguN1YxMzQuMWMwLTYuOS01LjYtMTIuNS0xMi41LTEyLjVzLTEyLjUsNS42LTEyLjUsMTIuNXYyMTMuNmwtNTguNy01OC43Yy00LjktNC45LTEyLjgtNC45LTE3LjcsMGMtNC45LDQuOS00LjksMTIuOCwwLDE3LjdsODAsODBjMi40LDIuNCw1LjYsMy43LDguOCwzLjdjMy4yLDAsNi40LTEuMiw4LjgtMy43bDgwLTgwQzM0OS43LDMwMS45LDM0OS43LDI5NCwzNDQuOCwyODkuMXoiLz48L2c+PC9nPjwvc3ZnPg==");
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
		bottom: 0;
		content: "";
		height: 10em;
		left 50%;
		margin: 0 0 0 -5em;
		opacity: 0.8;
		position: absolute;
		transition: all .25s ease-in;
		width: 10em;

		-webkit-filter: drop-shadow( 0 0.3vmax 0.3vmax rgba(0,0,0,1) );
		filter: drop-shadow( 0 0.3vmax 0.3vmax rgba(0,0,0,1) );
	}

	#home header h1 {
		border-bottom: 1px solid #cccccc;
		box-shadow: 0 3px 2px rgba(0,0,0,0.7);
		display: block;
		font-size: 10vmin;
		font-weight: normal;
		margin: 0 0 5px;
		padding: calc(50vh - 10vmin) 0 0;
		position: static;
		transition: all .25s ease-in;
	}

	#home header #nav {
		background-color: #333333;
		box-shadow: none;
		display: block;
		margin: 0;
		padding: 0.5vh 0;
		position: relative;
		transition: all .25s ease-in;
		width: 100vw;
	}

	#home header #nav.pinned {
		box-shadow: 0 3px 5px rgba(0,0,0,0.8);
		left: 0;
		position: fixed;
		top: 0;
		z-index: 999;
	}

	#home main {
		background-color: transparent;
		color: #333333;
		margin: 0;
		padding: 0;
	}

	#home main section {
		display: block;
		height: auto;
		margin: 4vmin 0 0;
		min-height: 100vh;
		padding: 5vh 5vw;
		width: 90vw;
	}

	#home main section h2 {
		font-family: georgia, serif;
		font-size: 4vmin;
	}

	#home main section img {
		border: 1px solid #333333;
		box-shadow: 0 3px 5px rgba(0,0,0,0.8);
		float: left;
		margin: 0 2vmin 0.5vmin 0;
		height: auto;
		width: 25vmin;
	}

	#home main section p {
		margin: 2vmin auto;
		width: 80vw;
	}

	/******* Web Dev *********/

	#home #web_dev h2 {
		text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	}

	#home #web_dev p abbr {
		border-bottom: 1px dotted #333333;
	}

	#home #web_dev table {
		border: 1px solid #333333;
		border-collapse: collapse;
		border-spacing: 0;
		box-shadow: 0px 5px 10px rgba(0,0,0,0.8);
		clear: both;
		font-size: 2.5vmin;
		margin: 2vmin auto;
		width: 80vw;
	}

	#home #web_dev th {
		background-color: #333333;
		border: 1px solid #333333;
		color: #eeeeee;
		margin: 0;
		padding: 0.2vmin;
	}

	#home #web_dev td {
		background-color: #eeeeee;
		border: 1px solid #333333;
		color: #333333;
		margin: 0;
		padding: 1vmin;
		text-align: left;
		vertical-align: top;
	}

	#home #web_dev td * {
		vertical-align: top;
	}

	#home #web_dev td ul {
		margin: 0;
		padding: 0 0 0 3vmin;
	}

	#home #web_dev td ul li {
		margin: 0;
		padding: 0;
	}

	#home #web_dev tfoot th {
		font-size: 2vmin;
		font-style: italic;
		font-weight: normal;
		padding: 1vmin 0;
	}

	#home #web_dev th abbr {
		border-bottom: 1px dotted #eeeeee;
	}

	#home #web_dev td abbr {
		border-bottom: 1px dotted #333333;
	}

	/******* Iraq Vet *********/

	#home #oif_vet {
		background-color: #333333;
		box-shadow: 0 0 10px rgba(0,0,0,1);
		color: #cccccc;
		text-shadow: 0 3px 5px rgba(0,0,0,1);
	}

	#home #oif_vet p img {
		border: 1px solid #cccccc;
		height: 25vmin;
		width: auto;
	}

	#home #oif_vet > img {
		border: 1px solid #cccccc;
		clear: both;
		display: block;
		float: none;
		height: auto;
		margin: 5vh auto;
		max-width: 1280px;
		width: 80vw;
	}

	/******* Quotes *********/

	#home #fav_qut h2 {
		text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	}

	#home #fav_qut blockquote {
		display: inline-block;
		margin: 0;
		padding: 5vh 4vw;
		vertical-align: top;
		width: 35vw;
	}

	#home #fav_qut blockquote p:before {
		content: open-quote;
		display: block;
		float: left;
		font-family: georgia, serif;
		font-size: 7vmin;
		height: auto;
		margin: 0 1vmin 0 0;
		width: auto;
	}

	#home #fav_qut blockquote p:after {
		content: close-quote;
		display: block;
		float: right;
		font-family: georgia, serif;
		font-size: 7vmin;
		height: auto;
		margin: 1vmin 0 0 1vmin;
		width: auto;
	}

	#home #fav_qut blockquote p {
		font-size: 3.5vmin;
		font-style: italic;
		line-height: 4.5vmin;
		margin: 0;
		width: auto;
	}

	#home #fav_qut blockquote cite {
		display: block;
		font-family: georgia, serif;
		font-style: normal;
		margin: 1vmin;
		text-align: right;
	}

	/******* Desktop *********/

	#home #dsk_top {
		background-color: #333333;
		box-shadow: 0 0 10px rgba(0,0,0,1);
		color: #cccccc;
		min-height: 81vh;
		text-shadow: 0 3px 5px rgba(0,0,0,1);
	}

	#home #dsk_top > img {
		border: 1px solid #cccccc;
		clear: both;
		display: block;
		float: none;
		height: auto;
		margin: 5vh auto;
		max-width: 3840px;
		width: 80vw;
	}


}

@media fonts {


	/**************************************************************** main.fonts.css */


@font-face {
	font-family: courier;
	src: url("http://deanwagner.net/bin/courier.ttf"), url("http://deanwagner.net/bin/courier.eot");
}

@font-face {
	font-family: georgia;
	src: url("http://deanwagner.net/bin/georgia.ttf"), url("http://deanwagner.net/bin/georgia.eot");
}

}