/*
 * Stylin' large with big hefty drawers.  August 2012 redesign.
 * Copyright 2012 Zygoat Creative Technical Services.  All rights reserved.
 */


/* Bring in some Google web fonts. */
@import "https://fonts.googleapis.com/css?family=Oxygen|Oswald:400,300";

:root {
	--zygoatred: rgb(107, 12, 17); /* hsl(357, 80%, 23%); */
	--zygoatdarkred: hsl(357, 80%, 20%);
	--zygoatblue: hsl(205, 92%, 15%);
	--text: hsl(0, 0%, 85%);
	--highlight: hsl(60, 100%, 93%);
	--footertext: hsl(357, 30%, 50%); 
}

body {
	background: var(--zygoatred);
	margin: 42pt 120pt 0 120pt;
	font-family: 'Oxygen';
	color: var(--text);
	}

p {
	line-height: 1.5em;
	font-size: 12pt;
	word-spacing: 0.1em;
}

a:link, a:visited {
	color: white;
	text-decoration: none;
	border-bottom: 1px solid hsl(0, 10%, 40%);
	}
a:hover {
	color: var(--highlight);
	border-bottom: 1px solid hsl(60, 15%, 60%);
	}

h1, h2, h3 {
	font-family: 'Oswald';
	font-weight: 400;
	font-style: normal;
	}

header {
	background: var(--zygoatblue);
	margin: -42pt -120pt 30pt -120pt;
	padding: 18pt 10pt 10pt 120pt;
	border-bottom: 1px solid var(--zygoatdarkred);
	}
header img {
	opacity: 0.4;
	}
header a:link, header a:visited {
	border: none;
	}
header a:link span {
	font-size: 9pt;
	position: relative;
	bottom: 12px;
	color: transparent;
	}
header a:hover img {
	opacity: 0.6;
	}

footer {
	background: var(--zygoatdarkred);
	color: var(--footertext);
	font-size: 8pt;
	padding: 10pt 120pt;
	margin: 56pt -120pt 0 -120pt;
	}
footer .FooterContact {
	font-size: 11pt;
	margin-bottom: 5pt;
	}
footer .slash {
	font-size: 1.5em;
	font-weight: 200;
	line-height: 0.67em;
	position: relative;
	top: 0.1em;
}
footer a:link,
footer a:visited {
	color: var(--footertext);
	border-bottom-color: var(--footertext);
	border-bottom-style: dotted;
	}
footer a:hover {
	border-bottom-style: solid;
	}