/*
	// CONTAINER STYLES
*/
	html { font-family:serif; font-size:62.5%; -ms-text-size-adjust:62.5%; -webkit-text-size-adjust:62.5%;}
	body { margin:0; padding:0; font-size:1.5em; font-weight:400; font-family:'Cardo', serif; line-height:1.6; color:#333; background:#fff;}
	footer, header, main, section { display:block;}
	[hidden], template { display:none;}
	main { width:90%; margin:0 auto; padding:0; height:100%; min-height:100%; background:transparent;}
	section { position:relative; z-index:1; backface-visibility:hidden; background:transparent; margin-top:1rem; font-size:90%;}
	footer { background:rgba(0, 0, 0, 0.75); padding:0.1em 0 1em 0; margin:0; width:100%;}
/*
	// REGULAR ELEMENT STYLES
*/
	h1, h2, h3, h4, h5, h6 { font-family:'Open Sans Condensed', sans-serif; margin: 0 0 2rem 0;}
	h1 { font-size:4.2rem; line-height:1.2; letter-spacing:-0.1rem;}
	h2 { font-size:3.4rem; line-height:1.25; font-weight:300;}
	h3 { font-size:3.0rem; line-height:1.3;}
	h4 { font-size:2.4rem; line-height:1.35; background:#fff; width:50%; color:#000; padding-left:0.5rem;}
	h5 { font-size:1.8rem; line-height:1.5;}
	h6 { font-size:1.2rem; line-height:1.6; font-weight:300;}
	a { color:#602; background-color:transparent;}
	a:active, a:hover { outline:0; background-color:transparent;}
	a:hover { color:#602;}
	img { border:0;}
	s { text-decoration: line-through;}
	strong { font-weight:700;}
	small { font-size:80%;}
	sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
	sup { top:-0.5em;}
	sub { bottom:-0.25em;}
	hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0; margin:3rem 0 3.5rem 0; border-width:0; border-top:0.1em solid #e1e1e1;}
	table { margin:0; padding:1.3rem 2rem 1rem 3rem; color:#ededed; background:rgba(0,0,0,0.95); width: 100%; text-align: left; border-collapse: collapse;}
	table tbody tr td { vertical-align:top; padding: 0.5rem 1rem;}
	table tbody tr:nth-child(even) td { border-bottom: 1px solid #d8cef6;}
	table tbody tr:nth-child(odd) td { border-bottom: 1px solid #008080;}
	table tbody tr:last-child td { border: 0;}
	table tbody tr td:nth-child(1) { font-family:'Open Sans Condensed', sans-serif; font-weight:bold}
	table tbody tr td:nth-child(2) { font-family:'Cardo',serif;}
	table tbody tr:nth-child(even) td:nth-child(1) { color:#008080;}
	table tbody tr:nth-child(odd) td:nth-child(1) { color:#d8cef6;}
}


/*
	// SECTION STYLES
*/
	section:first-of-type { margin-top:3.3rem;}
	section h3 { margin-left:0.75rem;}
	section a { font-family:'Open Sans Condensed', sans-serif; font-weight:700; outline:none; color:#fff; text-decoration:none; white-space:nowrap; position:relative; display:inline-block; vertical-align:bottom; background:#f06;}
	section a::before,section a::after { pointer-events:none; backface-visibility:hidden;}
	section p, section blockquote { margin:0; padding:1rem 2rem 1rem 3rem; color:#ededed;}
	section p:first-of-type { padding-top:2rem; font-size:110%;}
	section p.semiopaque { background:rgba(0,0,0,0.5);}
	section p.quiteopaque, section small.quiteopaque { background:rgba(0,0,0,0.95);}
	section blockquote { height:100%;}
	section blockquote p { font-family:'Open Sans Condensed', sans-serif; width:80%; font-weight:300; padding:0.5rem 0 0.5rem 1rem; margin:0 0 0 2.5rem; font-size:1.6rem; line-height:2.3rem;}
	.dotted { border-left:0.2rem dotted #ff0066; padding:0; margin:0 0 0 3rem;}
	.dotted2 { border-left:0.6rem double #f79f81; padding-right:1rem;}
	.title, .footnav { margin-bottom:0; padding-bottom:0; color:#fff; width:100%;}
	.title { background-color:rgba(0,0,0,0.85);}
	.initials { font-size:200%; text-transform:uppercase; font-family:'Open Sans Condensed', sans-serif; font-weight:300;}
	.padded { padding-bottom:2.5rem;}
	.authorpic { max-width:200px; height:auto; box-shadow: 3px 5px 13px rgba(255, 165, 0, 0.4); border-top:3px double orange; border-bottom:3px double coral; border-left:3px double burlywood; border-right:3px double darkorange;}
/*
	// FOOTER STYLING
*/
	footer p { text-align:right; font-family:'Open Sans Condensed', sans-serif; font-weight:300; color:#ccc; font-size:70%; margin:0.5rem auto 0 auto; padding:0; width:75%;}
	footer p.nef { margin-top:0; margin-bottom:0; padding:2em 1em 0 0;}
	footer a { font-family:'Open Sans Condensed', sans-serif; font-weight:700; outline:none; color:#f06; text-decoration:none; white-space:nowrap; position:relative; display:inline; vertical-align:bottom; background:#000;}
	footer a:hover { color:#000; background:#f06;}
/*
	// LINK STYLING - "HEADER" links, designed to be on their own line
*/
	.link-adorns a { padding:0 0.25em; font-weight:700; -webkit-transition:color 0.2s; transition:color 0.2s;}
	.link-adorns a:hover { color:#f79f81; background:transparent;}
	.link-adorns a::before, .link-adorns a::after { position:absolute; top:0; font-weight:100; font-size:150%; line-height:1; opacity:0; -webkit-transition:opacity 0.2s, -webkit-transform 0.2s; transition:opacity 0.2s, transform 0.2s;}
	.link-adorns a::before { left:-0.5em; content:'# \a0'; -webkit-transform:translateX(-100%); transform:translateX(-100%);}
	.link-adorns a::after { right:-0.5em; content:'\a0 #'; -webkit-transform:translateX(100%); transform:translateX(100%);}
	.link-adorns a:hover::before, .link-adorns a:hover::after { opacity:1; -webkit-transform:translateX(0); transform:translateX(0);}
	.link-adorns h2.title a { color:#fff; background:transparent; font-weight:300;}
	.link-adorns h2.title a::before, .link-adorns h2.title a::after { content:'';}
/*
	// LINK STYLING - "NORMAL" links, designed to be in the body copy
*/
	a.bodytxt { background:transparent; color:#f79f81; font-family:''; font-weight:300; padding:0; vertical-align:baseline;}
	a.bodytxt:hover { background:transparent; color:#ff0066;}
	a.bodytxt::before, a.bodytxt::after {-webkit-transform:translateX(0%); transform:translateX(0%); content:'';}
/*
	// TEXT STYLING
*/
	.black { color:#000;}
	.white { color:#fff;}
	.pink { color:#ff0066;}
	.lavender { color:#d8cef6;}
	.grey { color:#4c454c;}
	.blue { color:#6b6b9b;}
	.dkblue { color:#0b0b3b;}
	.teal { color:#008080;}
	.orange { color:#f79f81;}
	.yellow { color:#f7fe2e;}
	.ltyellow { color:#f5f6ce;}
	.shadowed { text-shadow:0.3rem 0.3rem 0.25rem #0b0b3b, 0.5rem 0.5rem 0.7rem #ff0066, 1rem 1rem 2rem #fff; color:#d9cdd9;}
	.capslock { text-transform:uppercase;}
	.nocaps { text-transform:lowercase;}
	.right { text-align:right;}
	.left { text-align:left;}
	.justify { text-align:justify;}
	.center { margin-left:auto; margin-right:auto; text-align:center;}
	.rotated { margin:2rem 0.5rem 0.1rem 0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg);}
	.rrotated { margin:0.1rem 0.5rem 2rem 0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -ms-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg);}
	.indented { margin-left:2.5rem;}
	.smindent { margin-left:1rem;}
	.padded { padding: 1rem;}
	.info { font-family:'Open Sans Condensed', sans-serif; font-weight:300;}
	.infob { font-family:'Open Sans Condensed', sans-serif; font-weight:bold;}
/*
	// BODY STYLES
*/
	.home { background:url('images/xanadual.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.projects { background:url('images/sunset.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.updates { background:url('images/c64jumpman.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.error { background:url('images/noaloneloopvhs.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.bio { background:url('images/purplerain.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.manifesto { background:url('images/bio.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.links { background:url('images/highway.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.listed { background:url('images/purplelight.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.contact { background:url('images/wavesloop.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.unfound { background:url('images/darkcity-waves.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}

	.waves { background:url('images/wavesloop.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.treelight { background:url('images/treelight.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.snow { background:url('images/snow.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.ruins { background:url('images/ruins.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.parallax { background:url('images/parallax.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.nuclear { background:url('images/nucleartide.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.geometric { background:url('images/pyramidal.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.factory { background:url('images/factory.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.faces { background:url('images/faces.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.city { background:url('images/vidcity.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.bluemist { background:url('images/bluemist.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}
	.purplerain { background:url('images/purplerain.gif') no-repeat fixed; background-size:cover; -webkit-background-size:cover;}

/*
	// RESPONSIVE DISPLAY
*/
	@media (hover: none) { .home, .projects, .updates, .error, .bio, .manifesto, .links, .listed, .contact, .waves, .treelight, .snow, .ruins, .parallax, .nuclear, .geometric, .factory, .faces, .city, .bluemist, .purplerain { background-size:auto 100%; background-attachment: scroll;}, body, main, section { background-color:black;}}
	@media (max-width:749px) { body { font-size:3em; line-height:1.8;} main { width:100%;} h2 { font-size:7rem;} h4 { font-size:3rem; width:90%;} h5 { font-size:4.4rem;} small { font-size:95%;} section p, section blockquote { padding-right:1rem; padding-left:2rem;} .dotted { margin:0 0 0 1rem;}, .dotted2 { padding-right:0.2rem;} table { border-collapse:separate; padding-left:0.5rem; padding-right:0.5rem;} table tbody tr td:nth-child(n) { border:0; display:block;} table tbody tr td:nth-child(1) { font-size:120%; font-style:italic; } .link-adorns a:link { max-width:90%; white-space:no-wrap; overflow:hidden; text-overflow: ellipsis;} footer p { width:90%; font-size:90%;}}
	@media (min-width:750px) { html {font-size:80%; -ms-text-size-adjust:80%; -webkit-text-size-adjust:80%;} main { width:90%;}}
	@media (min-width:1000px) { html {font-size:90%; -ms-text-size-adjust:90%; -webkit-text-size-adjust:90%;} main { width:80%;} section p.first { padding-top:3.3rem;}}
	@media (min-width:1200px) { html {font-size:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;} main { width:75%;}}