/*
Theme Name: AAR
Theme URI: http://adrianroselli.com/
Description: Custom theme for my site. Go get your own.
Author: Adrian Roselli
Author URI: http://adrianroselli.com/
Version: 1.0
Tags: 
*/

/* ================================================================================================== */
/* Generic Style Declarations */

@-ms-viewport	{	width: device-width; }

body		{	background-color: #efefef;
			color: #000;
			font-family: Lato, Arial, sans-serif;
			padding: 0;
			margin: 0;
			line-height: 1.6; }

@media (min-width:50em) {

  	body	{	/*background-color: #5C6D69;*/ }

}

@media (min-width:70em) {

	body	{	/*background-color: #695C6D;*/ }

}

@media print {

	body	{	background-color: #fff;
			color: #000;
			font-size: 8pt; }

}

*[style]	{	/*background-color: #f00;
			border: 2px solid #f00;*/ }

footer + svg	{	display: none; }

/* END Generic Style Declarations */
/* ================================================================================================== */




/* ================================================================================================== */
/* Header */

header[role="banner"]
		{	/*border: 1px dotted #ff0;*/
			background-position: right bottom;
			background-repeat: no-repeat;
			background-color: #fff;
			background-size: cover;
			box-shadow: 0 0 5em rgba(0,0,0,.3); }

@media (max-width:23em), (max-height:22em) {

	header[role="banner"]
		{	background-position: right top;
			background-size: auto;
			padding-bottom: .1em; }

}

@media screen and (max-width:450px) {


/* lighter BG image */


}

@media screen and (max-width:875px) {

	header[role="banner"]
		{	background-image: url(/wp-content/themes/AAR/images/banner_0875.jpg); }

}

@media screen and (min-width:875px) and (max-width:1750px) {

	header[role="banner"]
		{	background-image: url(/wp-content/themes/AAR/images/banner_1750.jpg);
			background-position: right bottom; }

}

@media screen and (min-width:1750px) and (max-width:3500px) {

	header[role="banner"]
		{	background-image: url(/wp-content/themes/AAR/images/banner_3500.jpg); }

}

@media screen and (min-width:3500px) {

	header[role="banner"]
		{	background-image: url(/wp-content/themes/AAR/images/banner_7000.jpg); }

}

header[role="banner"]::after
		{	content: "";
			display: block;
			clear: both; }

header div > a[href="/"]
		{	display: block;
			/*border: 1px dotted #f00;*/
			width: 16em;
			margin: 1em 0 1.5em 1em;
			overflow: hidden; }

header div > a[href="/"] strong
		{	display: block;
			font-size: 2.5em;
			line-height: 100%;
			margin: 0;
			padding: 0;
			/*font-family: "Bliss Medium", Trebuchet MS, Trebuchet, Arial, sans-serif;*/
			font-size-adjust: 0.47;
			font-weight: 500;
			font-style: normal; }

header div > a[href="/"]
		{	display: block;
			-webkit-transform: skew(0deg,-4.1deg);
			-moz-transform: skew(0deg,-4.1deg);
			-o-transform: skew(0deg,-4.1deg);
			transform: skew(0deg,-4.1deg);
			text-shadow: -0.1em -0.1em 0.1em rgba(0, 0, 0, 0.4);
			-webkit-text-outline: #fff .1em;
			-moz-text-outline: #fff .1em;
			-o-text-outline: #fff .1em;
			text-outline: #fff .1em;
			-webkit-transition: all 0.1s ease-in;
			-moz-transition: all 0.1s ease-in;
			-o-transition: all 0.1s ease-in;
			transition: all 0.1s ease-in; }

@media screen and (max-width:450px) {

	header div > a[href="/"]
		{	  text-shadow: 0 0 .5em rgba(255, 255, 255, 1), 0 0 .5em rgba(255, 255, 255, 1); }

}

header div > a[href="/"], header div > a[href="/"]:link, header div > a[href="/"]:visited, header div > a[href="/"]:hover, header div > a[href="/"]:active, header div > a[href="/"]:focus
		{	text-decoration: none;
			color: #c00; }

header div > a[href="/"]:hover, header div > a[href="/"]:active, header div > a[href="/"]:focus
		{	-webkit-transform: none;
			-moz-transform: none;
			-o-transform: none;
			transform: none;
			text-shadow: 0 0 0.5em rgba(255, 255, 255, 1); }

@media screen and (min-width:23em) {

	header div > a[href="/"]
		{	float: left; }

}

@media screen and (min-width:30em) {

	header div > a[href="/"]
		{	width: 18em; }

}

@media screen and (min-width:62em) {

	header[role="banner"]
		{	padding-bottom: 2em;
			border-top: 5px solid #000;
			/*border-bottom: 2px solid #c00;*/ }

	header[role="banner"] div
		{	width: 90%;
			margin: 0 auto 3em auto; }

	header div > a[href="/"]
		{	margin-bottom: 0;
			width: 28em; }

	header div > a[href="/"] strong
		{	font-size: 4.5em; }

}

@media print {

	header[role="banner"]
		{	background-image: none;
			border: none; }

}

/* Navigation ---------------------------------------------------------------------- */

/* The fully-expanded menu is just over 23em, so this will show another menu up to that width or height. */

nav 		{	/*border: 1px dotted #f00;*/
			box-sizing: border-box;
			padding: 0;
			margin: 0;
			background-color: #000; }

nav::after	{	content: "";
			display: block;
			clear: both; }

nav a		{	color: #fff;
			text-align: center;
			text-decoration: none;
			line-height: 1.4; }

nav a:hover, nav a:focus
		{	color: #f60; }

nav > p		{	display: none; }

nav ul, nav li	{	margin: 0;
			padding: 0;
			list-style-type: none; }

/* Style links that are current page/section. */

nav>ul>li a[aria-label^="Current"], nav>ul>li:hover a[aria-label^="Current"], nav>ul>li:focus a[aria-label^="Current"]
		{	color: #666;
			border-color: #999; }

@media (max-height:22em) and (max-width: 62em) {

	nav	{	clear: both; }

}

@media (max-width:20em), (max-height:22em) {

	nav ul ul
		{	display: none; }

	nav a	{	display: block;
			box-sizing: border-box;
			width: 50%;
			float: left;
			margin: 0;
			padding: 1em 0;
			outline: none;
			border: .07em solid #333; }

	nav li:hover a, nav li:focus a, nav li.focus a
		{	background-color: #222;
			outline: none; }

	nav>ul>li a[aria-label^="Current"], nav>ul>li:hover a[aria-label^="Current"], nav>ul>li:focus a[aria-label^="Current"]
		{	/*color: #444;*/
			border-color: transparent;
			background-color: #333; }

}

/* Short, wide display */

@media (min-width:20em) and (max-height:22em) {

	nav a	{	width: 33.333%; }

}

/* Short, wider display */

@media (min-width:32em) and (max-height:22em) {

	nav a	{	width: 25%; }

}

/* Short, wider display */

@media (min-width:40em) and (max-height:22em) {

	nav a	{	width: 20%; }

}

/* Short, even wider display */

@media (min-width:48em) and (max-height:22em) {

	nav a	{	width: 16.666667%; }

}

/* The screen is now wide and tall enough to show the entire menu without cutting anything off. */

@media (min-width:20em) and (max-width:62em) and (min-height:22em) {

	nav	{	/*border: 1px dotted #f00;*/
			box-sizing: border-box;
			position: fixed;
			top: 0;
			right: 0;
			padding: 0;
			border-radius: 0 0 0 100%;
			width: 2em;
			height: 2em;
			/*overflow: hidden;*/
			transition: all .25s ease-in; }

	nav:hover, nav:focus, nav.focus
		{	background-color: rgba(0, 0, 0, 0.4);
			width: 18em;
			height: 17em;
			outline: none; }

	nav > p	{	display: block;
			box-sizing: border-box;
			font-size: 100%;
			text-transform: uppercase;
			font-weight: normal;
			/*border: 1px dotted yellow;*/
			position: fixed;
			top: 0;
			right: 0;
			margin: 0;
			padding: 1em .5em 2.3em 1.8em;
			border-left: .15em solid #fff;
			border-bottom: .15em solid #fff;
			background-color: #000;
			border-radius: 0 0 0 100%;
			z-index: 50;
			color: #fff; }

	nav ul, nav li
		{	margin: 0;
			padding: 0;
			list-style-type: none; }

	nav li	{	position: absolute; }

	nav li, nav a
		{	display: block;
			box-sizing: border-box;
			/*position: absolute;*/
			/*position: relative;*/
			top: -5em;
			right: -5em;
			/*border: 1px dotted #f00;*/
			transition: all 0.2s ease-in; }

	nav a	{	border-radius: 100%;
			border: .15em solid #fff;
			padding: 1.5em 0;
			width: 4.5em;
			height: 4.5em;
			overflow: hidden;
			text-align: center;
			box-shadow: 0 0 1.5em rgba(50, 50, 50, 0.75);
			color: #fff;
			background-color: #000;
			text-decoration: none;
			outline: none; }

	nav>ul>li, nav>ul>li>a /* So the first tier sits on top of the second tier disk */
		{	z-index: 10; }

	nav li:hover a, nav li:focus a, nav li.focus a
		{	background-color: #222;
			box-shadow: 0 0 1.5em rgba(0, 0, 0, 1);
			outline: none;
			position: relative;
			left: 0;
			top: auto;
			/*z-index: 25;*/ }

	nav>ul>li:hover, nav>ul>li:focus, nav>ul>li.focus /* Keep this to make sure only the current item appears above the disc. */
		{	z-index: 25; }

	nav>ul>li:nth-child(n+6) /* Just hide anything beyond 5 */
		{	display: none; }

	/* Positioning the first tier */

	nav:hover>ul>li:nth-child(1), nav:focus>ul>li:nth-child(1), nav.focus>ul>li:nth-child(1)
		{	right: 13.5em;
			top: .2em; }

	nav:hover>ul>li:nth-child(2), nav:focus>ul>li:nth-child(2), nav.focus>ul>li:nth-child(2)
		{	right: 12em;
			top: 4.75em; }

	nav:hover>ul>li:nth-child(3), nav:focus>ul>li:nth-child(3), nav.focus>ul>li:nth-child(3)
		{	right: 9.0em;
			top: 8.5em; }

	nav:hover>ul>li:nth-child(4), nav:focus>ul>li:nth-child(4), nav.focus>ul>li:nth-child(4)
		{	right: 5em;
			top: 11.25em; }

	nav:hover>ul>li:nth-child(5), nav:focus>ul>li:nth-child(5), nav.focus>ul>li:nth-child(5)
		{	right: .4em;
			top: 12.5em; }

	/* Positioning the second tier */

	nav>ul>li>ul
		{	background-color: rgba(0, 0, 0, 0);
			width: 0;
			height: 0;
			display: block;
			position: absolute;
			border-radius: 100%;
			transition: all .2s ease-in;
			left: 2.25em;
			top: 2.25em;
			left: 0;
			top: 0;
			/*z-index: 1;*/
			/*border: 1px dotted yellow;*/ }

	nav>ul>li:hover>ul, nav>ul>li:focus>ul, nav>ul>li.focus>ul
		{	width: 15em;
			height: 15em;
			/*z-index: 1;*/
			/*top: -4.75;
			left: -4.75;*/
			margin-top: -5.25em;
			margin-left: -5.25em;
			background-color: rgba(0, 0, 0, 0.6); }

	nav>ul>li>ul>li, nav>ul>li>ul>li a
		{	position: absolute;
			/*border-color: #99f;*/
			transition: all .2s ease-in;
			top: 0;
			left: 0;
			/*z-index: 1;*/
			/*left: 4.5em;
			top: 0;*/ }

	nav>ul>li>ul>li a
		{	border-color: #f60;
			box-shadow: none;
			transition: all .2s ease-in;
			display: none; }

	nav>ul>li:hover>ul>li, nav>ul>li:focus>ul>li, nav>ul>li.focus>ul>li
		{	/*box-shadow: 0 0 1.5em rgba(50, 50, 50, 0.75);*/
			z-index: 5; }

	nav>ul>li:hover>ul>li a, nav>ul>li:focus>ul>li a, nav>ul>li.focus>ul>li a
		{	background-color: #000;
			box-shadow: none;
			z-index: 5;
			display: block;
			position: absolute; }

	nav>ul>li>ul>li a:hover, nav>ul>li>ul>li a:focus
		{	background-color: #222;
			box-shadow: 0 0 1.5em rgba(0, 0, 0, 1); }

	/* Position individual items */

	nav>ul>li:hover>ul>li:nth-child(1), nav>ul>li:focus>ul>li:nth-child(1), nav>ul>li.focus>ul>li:nth-child(1), nav>ul>li:nth-child(5):hover>ul>li:nth-child(3), nav>ul>li:nth-child(5):focus>ul>li:nth-child(3), nav>ul>li:nth-child(5).focus>ul>li:nth-child(3)
		{	left: 2.75em;
			top: 1em; }

	nav>ul>li:hover>ul>li:nth-child(2), nav>ul>li:focus>ul>li:nth-child(2), nav>ul>li.focus>ul>li:nth-child(2)
		{	left: 7.75em;
			top: 1em; }

	nav>ul>li:hover>ul>li:nth-child(3), nav>ul>li:focus>ul>li:nth-child(3), nav>ul>li.focus>ul>li:nth-child(3), nav>ul>li:nth-child(1):hover>ul>li:nth-child(1), nav>ul>li:nth-child(1):focus>ul>li:nth-child(1), nav>ul>li:nth-child(1).focus>ul>li:nth-child(1)
		{	left: 10.25em;
			top: 5.25em; }

	nav>ul>li:hover>ul>li:nth-child(4), nav>ul>li:focus>ul>li:nth-child(4), nav>ul>li.focus>ul>li:nth-child(4), nav>ul>li:nth-child(1):hover>ul>li:nth-child(2), nav>ul>li:nth-child(1):focus>ul>li:nth-child(2), nav>ul>li:nth-child(1).focus>ul>li:nth-child(2)
		{	left: 7.75em;
			top: 9.5em; }

	nav>ul>li:hover>ul>li:nth-child(5), nav>ul>li:focus>ul>li:nth-child(5), nav>ul>li.focus>ul>li:nth-child(5), nav>ul>li:nth-child(1):hover>ul>li:nth-child(3), nav>ul>li:nth-child(1):focus>ul>li:nth-child(3), nav>ul>li:nth-child(1).focus>ul>li:nth-child(3), nav>ul>li:nth-child(5):hover>ul>li:nth-child(1), nav>ul>li:nth-child(5):focus>ul>li:nth-child(1), nav>ul>li:nth-child(5).focus>ul>li:nth-child(1)
		{	left: 2.75em;
			top: 9.5em; }

	nav>ul>li:hover>ul>li:nth-child(6), nav>ul>li:focus>ul>li:nth-child(6), nav>ul>li.focus>ul>li:nth-child(6), nav>ul>li:nth-child(1):hover>ul>li:nth-child(4), nav>ul>li:nth-child(1):focus>ul>li:nth-child(4), nav>ul>li:nth-child(1).focus>ul>li:nth-child(4), nav>ul>li:nth-child(5):hover>ul>li:nth-child(2), nav>ul>li:nth-child(5):focus>ul>li:nth-child(2), nav>ul>li:nth-child(5).focus>ul>li:nth-child(2)
		{	left: .25em;
			top: 5.25em; }

	/* Just hide anything beyond 6. */

	nav>ul>li>ul>li:nth-child(n+7), nav>ul>li:hover>ul>li:nth-child(n+7), nav>ul>li:focus>ul>li:nth-child(n+7), nav>ul>li.focus>ul>li:nth-child(n+7)
		{	display: none; }

	/* Hide from 5 items and up on the first menu. */

	nav>ul>li:nth-child(1):hover>ul>li:nth-child(n+5), nav>ul>li:nth-child(1):focus>ul>li:nth-child(n+5), nav>ul>li:nth-child(1).focus>ul>li:nth-child(n+5)
		{	display: none; }

	/* Hide from 4 items and up on the last menu.*/

	nav>ul>li:nth-child(5):hover>ul>li:nth-child(n+4), nav>ul>li:nth-child(5):focus>ul>li:nth-child(n+4), nav>ul>li:nth-child(5).focus>ul>li:nth-child(n+4)
		{	display: none; }

}

@media screen and (min-width:62em) { /* Standard fly-out menu */

	nav	{	float: right;
			border-radius: 0 0 1em 1em;
			padding: .25em .25em 0 .25em; }

	nav::after
		{	content: "";
			display: block;
			clear: both; }

	nav > ul
		{	-moz-box-sizing: border-box;
			box-sizing: border-box;
			margin: 0;
			padding: 0;
			float: left; }

	nav > ul a
		{	-moz-box-sizing: border-box;
			box-sizing: border-box;
			padding: .7em .5em;
			margin: 0;
			display: block;
			width: auto; }

	nav > ul > li > a
		{	text-align: center;
			min-height: 2.5em; }

	nav > ul
		{	float: right; }

	nav > ul > li
		{	width: auto;
			float: left; }

	nav > ul > li > a
		{	border: none;
			min-height: inherit;
			padding: .5em .75em .9em .75em; }

	nav > ul li ul
		{	/* -- second-level lists ------------------ */
			position: absolute;
			width: 12.5em;
			z-index: 1001;
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			background-color: #000; }

	nav > ul li ul ul
		{	/* -- third-and-above-level lists ------------------ */
			margin: -2.5em 0 0 13.75em; }

	nav > ul li ul ul ul
		{	/* -- fourth-and-above-level lists ------------------ */
			margin: -2.5em 0 0 13.75em; }

	nav > ul li:hover ul ul, nav > ul li:hover ul ul ul, nav > ul li:hover ul ul ul ul, nav > ul li.focus ul ul, nav > ul li.focus ul ul ul, nav > ul li.focus ul ul ul ul
		{	left: -999em; }

	nav > ul li:hover ul, nav > ul li li:hover ul, nav > ul li li li:hover ul, nav > ul li li li li:hover ul, nav > ul li.focus ul, nav > ul li li.focus ul, nav > ul li li li.focus ul, nav > ul li li li li.focus ul
		{	/* -- lists nested under hovered list items ------------------ */
			left: auto;
			right: 0; /* hack to keep from moving past window edge */ }

	nav > ul li:hover, nav > ul li.focus
		{	position: static; } /* IE7 fix where menus didn't close after click-drag */

	nav > ul li li
		{	width: 12.5em;
			margin: 0;
			/*background-color: #08414c;*/ }

	nav > ul li li:first-child a
		{	border-top: none; }

	nav > ul li li:last-child a
		{	/*border-bottom: none;
			margin-bottom: .75em;*/ }

	nav > ul li ul a
		{	line-height: 1.2em;
			text-align: left;
			padding: .6em;
			margin: 0;
			/*width: 12.5em;*/
			/*border-top: 1px solid #154b55;
			border-bottom: 1px solid #063842;*/ }

	nav > ul li ul a:link, nav > ul li ul a:visited, nav > ul li ul a:hover, nav > ul li ul a#PrimaryFlySel:link, nav > ul li ul a#PrimaryFlySel:visited
		{	/*color: #f00;*/
			text-decoration: none; }

	nav > ul li ul a#PrimaryFlySel:link, nav > ul li ul a#PrimaryFlySel:visited
		{	/*background-color: #f00;*/ }

	nav > ul li ul a:hover, nav > ul li ul a#PrimaryFlySel:hover, nav > ul li ul a:active, nav > ul li ul a#PrimaryFlySel:active
		{	/*background-color: #f00;*/ }

	nav > ul li ul li.menu-item-has-children > a
		{	background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJAQMAAADAY3TdAAAABlBMVEX///8AAABVwtN+AAAAAnRSTlOAAE0QVXMAAAAXSURBVAjXY6hgsGCQYOBgYABiCSC7AgAOsgGhDOVmLAAAAABJRU5ErkJggg==);
			background-position: center right;
			background-repeat: no-repeat; }

}

@media screen and (-ms-high-contrast: active) {

	nav>ul>li a[aria-label^="Current"], nav>ul>li:hover a[aria-label^="Current"], nav>ul>li:focus a[aria-label^="Current"]
		{	background-color: #00c; }

}

@media print {

	nav 	{	display: none; }

}

/* / Navigation -------------------------------------------------------------------- */

/* END Header */
/* ================================================================================================== */




/* ================================================================================================== */
/* Footer */

footer[role=contentinfo]
		{	box-sizing: border-box;
			position: relative;
			clear: both;
			margin: 0 auto;
			max-width: 100%;
			background-color: #000;
			/*background-color: rgba(7,163,243,.8);*/
			color: #fff;
			font-size: 95%;
			padding: 1em; }

footer[role=contentinfo] a[href]:link, footer[role=contentinfo] a[href]:visited
		{	background-image: linear-gradient(to right, #000 0%, #000 100%); }

footer[role=contentinfo] a[href]:hover, footer[role=contentinfo] a[href]:focus
		{	background-image: linear-gradient(to right, #fff 0%, #fff 100%); }
		

footer[role=contentinfo]::after
		{	content: "";
			width: 0;
			height: 0;
			display: block;
			clear: both; }

footer[role=contentinfo] p
		{	margin: 1em 0; }

footer[role=contentinfo] ul
		{	list-style: none;
			margin: 0;
			padding: 0;
			display: inline; }

footer[role=contentinfo] ul li
		{	margin: 0;
			padding-right: .5em;
			padding-left: .5em;
			display: inline; }

footer[role=contentinfo] ul a
		{	display: inline-block;
			margin: 0;
			/*padding: 0 .7em 0 .5em;*/
			padding: 0; }

footer[role=contentinfo] ul li::after
		{	content: "\2022"; /* bullet */ }

footer[role=contentinfo] ul li:last-child::after
		{	content: ""; }

footer[role=contentinfo] ul li:first-child a, footer[role=contentinfo] ul li:first-child
		{	padding-left: 0; }

footer[role=contentinfo] ul li:last-child a
		{	border-right: none;
			padding-right: 0;
			margin-right: 0; }

footer[role=contentinfo] a:link, footer[role=contentinfo] a:visited, footer[role=contentinfo] a:active, footer[role=contentinfo] a:hover, footer[role=contentinfo] a:focus
		{	color: #fff;
			text-decoration: none;
			margin-right: 1em; }

footer[role=contentinfo] a:hover, footer[role=contentinfo] a:focus
		{	/*text-decoration: underline;*/ }

@media screen and (min-width:62em) {

	footer[role=contentinfo]
		{	/*border: 1px dotted #f00;*/
			margin: 0 auto;
			padding: 1em 5%; }

	footer[role=contentinfo] > div
		{	padding: 0; }

	footer[role=contentinfo] p, footer[role=contentinfo] ul
		{	/*border: 1px dotted #00f;*/
			margin: 0;
			float: left; }

	footer[role=contentinfo] ul
		{	float: right; }

	footer[role=contentinfo] p
		{	/*margin-left: .5em;*/ }

	footer[role=contentinfo] ul.social
		{	/*border: 1px dotted #0f0;*/
			float: right;
			margin-top: -1em; }

}

@media print {

	footer[role=contentinfo]
		{	margin: 0;
			padding: 0;
			background-color: transparent;
			color: #000;
			font-size: 80%; }

	footer[role=contentinfo] ul
		{	display: none; }

}

/* END Footer */
/* ================================================================================================== */




/* ================================================================================================== */
/* Layout */

header + div	{	display: block;
			box-sizing: border-box;
			width: 100%;
			padding: 1em .5em; }

main + aside	{	padding-top: 3em; }

main		{	font-size: 110%; }

@media (min-width:62em) {

	header + div
		{	/*width: 90%;*/
			padding: 1em 2em;
			margin: 0 auto;
			max-width: 80em; }

}

header + div::after
		{	content: "";
			display: block;
			clear: both; }

@media (min-width:62em) {

	main	{	width: 70%;
			float: left;
			/*border: 1px solid #0f0;*/
			max-width: 60em; }

	main + aside
		{	width: 20%;
			float: right;
			padding-top: 9em;
			/*border: 1px solid #0ff;*/ }

	main.nosidebar
		{	width: auto;
			float: none;
			max-width: none; }

}

@media (max-width:62em) {

	main + aside
		{	clear: both;
			border-top: 4px solid #ccc; }

}

@media print {

	main + aside
		{	display: none; }

}

/* -- Start Skip Link ------------------------- */

a[href="#Skip"]	{	display: block;
			color: #fff;
			background: #000;
			margin: 0;
			padding: .5em 1em;
			font-weight: bold; }

a[href="#Skip"]:link, a[href="#Skip"]:visited
		{	color: #fff;
			text-decoration: none; }

@media screen and (min-width:62em) {

	a[href="#Skip"]
		{	position: absolute;
			left: -1000px;
			z-index: 2; }

	a[href="#Skip"]:active, a[href="#Skip"]:focus, a[href="#Skip"]:hover
		{	display: block;
			top: 0;
			left: 0; }

}

@media print {

	a[href="#Skip"]
		{	display: none; }

}

/* -- End Skip Link --------------------------- */

/* -- Start Home Page ------------------------- */

@media screen and (min-width:62em) {

	main article
		{	perspective: 70em;
			perspective-origin: center center; }

	main article > a[href]
		{	transition: all .5s; }

	main article > a[href]:hover, main article > a[href]:focus
		{	/* transform: rotate(180deg); */
			transform: rotate3d(0,100,40,10deg); }

}

main article > a[href]
		{	display: block;
			margin: 0;
			padding: 0;
			background-image: none;
			color: #000; }

main article > a[href]:hover, main article > a[href]:focus
		{	color: #c00; }

main article > a[href] h2
		{	display: inline; }

main article > a[href]::after, main article > a[href] h2::after
		{	content: "";
			display: block;
			clear: both; }

main article > a >footer
		{	font-size: 85%; }

main article > a > footer p
		{	margin-top: 0;
			margin-bottom: 0; }

main article, main article + footer
		{	margin: 1.4em 0;
			/*border: 1px dotted #f0f;*/ }

main article img
		{	margin: 1em auto 0 auto;
			display: block; }

main article > a > p, main article footer
		{	/*border: 1px dotted #ff0;*/ }

@media screen and (min-width:20em) {

	main article, main article + footer
		{	padding: 0; }

	main article img
		{	width: 100px;
			height: auto;
			float: right;
			margin-left: 1em; }

	main article > a > p, main article footer
		{	clear: none; }

}

@media screen and (min-width:32em) {

	main article, main article + footer
		{	/*width: 73%;*/
			/*max-width: 800px;*/
			float: left;
			padding: 0; }

	main article img
		{	width: 200px;
			height: auto;
			float: left;
			margin-left: 0; }

	main article > a > p, main article footer
		{	margin-left: 235px;
			clear: none;
			/*border: 1px dotted #ff0;*/ }

}

@media print {

	main article #respond
		{	display: none; }

}

main article + footer
		{	text-align: center; }

main article + footer
		{	width: 100%; }

main article + footer a, main article + footer > span
		{	box-sizing: border-box;
			display: inline-block;
			padding: 0 0 .1em 0;
			width: 1.6em;
			margin: 0 .25em;
			border-radius: 50%; }

main article + footer a:link, main article + footer a:visited, main article + footer a:active, main article + footer a:hover, main article + footer a:focus
		{	text-decoration: none;
			background-image: none;
			text-shadow: none;
			color: #000;
			background-color: #fff;  }

main article + footer a.prev, main article + footer a.next, main article + footer .dots
		{	width: auto;
			color: #000;
			background-color: transparent; }

main article + footer > span
		{	color: #fff;
			background-color: #000; }

main article + footer a.prev:hover, main article + footer a.prev:focus, main article + footer a.next:hover, main article + footer a.next:focus
		{	color: #000;
			background-color: transparent;
			text-decoration: underline; }

main article + footer a:hover, main article + footer a:focus, main article + footer span.current
		{	background-color: #000;
			color: #fff; }

main article + footer a span, main article + footer span.current span
		{	display: none; }

main aside + article
		{	width: 100%; }

/* -- End Home Page --------------------------- */

/* -- Start Bottom of Post -------------------- */

main > footer	{	font-size: 85%;
			margin-top: 6em; }

main > footer a[href]
		{	background-size: 100% .1em; }

main > footer a[rel="prev"], main > footer a[rel="next"]
		{	/*border: 1px dotted #f0f;*/
			display: block;
			min-height: 3em;
			background-repeat: no-repeat;
			background-size: 3em auto; }

main > footer a[rel="prev"]
		{	text-align: left;
			padding-left: 3.5em;
			background-position: 0 0;
			/*background-image: url(/wp-content/themes/AAR/images/post_prev.png);*/
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWBAMAAADOL2zRAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMAQCAvERmeAPMAAABZSURBVGje7dCxDYAwEARBRAcPDUAp9N8U8QcvAmRZtmfCi1a3AQAAE7sjOcr92x7ZVe2yZMmSJUuWLFmyumc9kZzl3qbr/1/ChAkTJkyYMGHCFgsDAAAG9QIQUZ5P5aEjUwAAAABJRU5ErkJggg==); }

main > footer a[rel="next"]
		{	text-align: right;
			padding-right: 3.5em;
			background-position: 100% 0;
			/*background-image: url(/wp-content/themes/AAR/images/post_next.png);*/
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWBAMAAADOL2zRAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMAQCAvERmeAPMAAABZSURBVGje7dCxDYAwEARBRAePKABKoP/miD94ObAs2dZMeNHqDgAAYGdvJFe9t52RPdUuTJgwYcKECRMmbP6wL5K72od09f8lS5YsWbJkyZIla6ssAABgVT+ZSZ4xcH7tBwAAAABJRU5ErkJggg==); }

main footer + article
		{	margin-top: 3em; }

@media screen and (min-width:62em) {

	main > footer a[rel="prev"], main > footer a[rel="next"]
		{	width: 35%; }

	main > footer a[rel="prev"]
		{	float: left; }

	main > footer a[rel="next"]
		{	float: right; }

}

@media print {

	main > footer
		{	display: none; }

}

/* -- End Bottom of Post ---------------------- */

/* -- Start Sidebar --------------------------- */

aside[role="complementary"] a:link, aside[role="complementary"] a:visited
	{	color: #333;
		background-image: none; }

aside[role="complementary"] a:hover,  aside[role="complementary"] a:focus
	{	color: #f00;
		background-image: linear-gradient(to right, currentColor 0%, currentColor 100%); }

aside[role="complementary"] .tagcloud a:hover,  aside[role="complementary"] .tagcloud a:focus
	{	background-size: 100% .15em; }

aside[role="complementary"] h2
	{	margin: 2em 0 0 0; }


/* -- End Sidebar ----------------------------- */

/* -- Start Recent Posts Sidebar -------------- */

ul.recent	{	list-style-type: none;
			margin: 0;
			padding: 0; }

ul.recent li	{	margin: 0;
			padding: 0;
			margin: 1.5em 0;
			padding-left: 3.5em;
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: 3em auto; }

@media (min-width:30em) and (max-width:62em) {

	ul.recent li
		{	box-sizing: border-box;
			/*border: 1px dotted red;*/
			width: 45%;
			float: left; }

	ul.recent li:nth-child(2n+1)
		{	/*border: 1px dotted green;*/
			clear: left;
			margin-right: 10%; }

	ul.recent::after
		{	content: "";
			display: block;
			clear: both; }

}

ul.recent a[href]
		{	/*display: block;*/
			min-height: 3em;
			text-decoration: none;
			/*padding-left: 3.5em;
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: 3em auto;*/ }

ul.recent a time
		{	/*display: block;*/
			font-size: 85%;
			font-style: italic; }

ul.recent a time::before
		{	content: "";
			display: block; }

/* -- End Recent Posts Sidebar ---------------- */

/* -- Start Sub-Navigation Links -------------- */

ul.subnav	{	margin: 0 0 2em 0;
			padding: .25em 0;
			list-style-type: none;
			background-color: #000;
			border-radius: .5em; }

ul.subnav li	{	margin: 0; }

ul.subnav li a	{	display: block;
			text-shadow: none;
			background-image: none;
			padding: .25em 1.5em;
			margin: .5em 0; }

ul.subnav li a:link, ul.subnav li a:visited, ul.subnav li a:hover, ul.subnav li a:focus, ul.subnav li a:active
		{	color: #fff; }

ul.subnav li a:hover, ul.subnav li a:focus
		{	background-image: none;
			color: #f60; }

ul.subnav li a[aria-label^="Current"], ul.subnav li a[aria-label^="Current"]:hover, ul.subnav li a[aria-label^="Current"]:focus
		{	color: #666; }

/* -- End Sub-Navigation Links ---------------- */

/* END Layout */
/* ================================================================================================== */




/* ================================================================================================== */
/* Content Styles */

h1		{	margin: 1em 0 .25em 0;
			text-shadow: .05em .05em 0 #efefef, 0.1em .1em 0 rgba(0,0,0,.2);
			color: #c00;
			font-size: 200%;
			line-height: 1.2; }

@media (min-width:32em) {

	h1	{	font-size: 300%; }

}

@media print {

	h1	{	color: #000;
			font-size: 150%; }

}

main > h2	{	margin-top: 2em; }

main > h3, main > h4, main > h5, main > h6
		{	margin-bottom: 0; }

main aside	{	box-sizing: border-box;
			font-size: .85em;
			color: #000;
			margin: 1.5em 0;
			padding: 0;
			border-top: .3em solid rgba(0,0,0,.2);
			border-bottom: .3em solid rgba(0,0,0,.2); }

main aside + aside
		{	margin-top: 2em; }

main aside a[href]
		{	-webkit-background-size: 100% .1em;
			background-size: 100% .1em; }

@media print {

	main aside
		{	color: #000;
			border-top: .1em solid #CCC; }

}

@media (min-width:25em) {

	main aside
		{	margin: 1.5em 1em; }

}

@media (min-width:50em) {

	main aside
		{	margin: 1.5em 2em; }

	main aside.right, main aside.left
		{	width: 33%; }

	main aside.right
		{	margin: 2em 0 1em 2em;
			float: right; }

	main aside.left
		{	margin: 2em 2em 1em 0;
			float: left; }

}

h1 + aside	{	margin-top: 0;
			margin: 0;
			border: none; }

h1 + aside time	{	font-style: italic; }

video		{	max-width: 100%;
			height: auto; }

iframe		{	max-width: 100%; }

iframe[src*="//www.slideshare.net/"], iframe[src*="//www.youtube.com/"], iframe[src*="//player.vimeo.com/"], iframe[src*="//docs.google.com/"], iframe[src*="//www.google.com/"]
		{	border: 2px solid #ccc !important;
			width: 90% !important;
			margin-left: auto !important;
			margin-right: auto !important;
			display: block; }
/*
iframe[src*="//www.google.com/"]::before
		{	content: "Embedded Content";
			display: block; }
*/
sup, sub	{	font-size: 75%;
			line-height: 0; }

small		{	font-size: 75%; }

abbr[title], acronym[title]
		{	border-bottom: 0.1em dotted rgba(0,0,0,.3);
			cursor: help; }

/* -- Start Images ------------------------- */

img		{	max-width: 100%;
			height: auto;
			border: none; }

img[longdesc]	{	position: relative;
			/*content: "";*/ }

img[longdesc]::before
		{	position: absolute;
			top: 0;
			left: 0;
			content: "longdesc: " attr(longdesc);
			display: block;
			width: auto;
			min-width: 30em;
			max-width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			background-color: rgba(255,255,255,.5);
			z-index: 20; }

@media (min-width:25em) {
  
	img.left, img.right
		{	max-width: 49%;
			height: auto; }

	img.left
		{	float: left;
			margin-right: 1em; }

	img.right
		{	float: right;
			margin-left: 1em; }
  
	figure img.left, figure img.right
		{	margin-left: 0;
			margin-right: 0; }
  
}

/* -- End Images --------------------------- */

/* -- Start Hyperlinks --------------------- */

main a:link, main a:visited, main a:active
		{	color: #00f; }

main a:visited	{	color: #000; }

main a:hover, main a:focus
		{	color: #f00; }

main a:focus img
		{	box-shadow: 0 0 1em #f00; }

main a[href], main article > a[href] h2, aside a[href], footer[role=contentinfo] a[href]
		{	text-decoration: none;
			text-shadow: .07em 0 0 #efefef, -.07em 0 0 #efefef, 0 .05em 0 #efefef; /* page bg #efefef */
			background-image: linear-gradient(to right, currentColor 0%, currentColor 100%);
			background-repeat: repeat-x;
			background-position: 0 93%;
			-webkit-background-size: 100% .07em;
			background-size: 100% .07em; }

blockquote a[href]
		{	background-position: 0 85%; }

blockquote footer a[href], blockquote.twitter-tweet p + a[href]
		{	background-position: 0 93%; }

@media print {

	main a[href], main article > a[href] h2, aside a[href], footer[role=contentinfo] a[href]
		{	text-shadow: .07em 0 0 #fff, -.07em 0 0 #fff, 0 .05em 0 #fff; /* page bg #efefef */ }

}

footer[role=contentinfo] a[href]
		{	text-shadow: .07em 0 0 rgb(0,0,0), -.07em 0 0 rgb(0,0,0), 0 .05em 0 rgb(0,0,0); }

main small a[href]
		{	background-size: 100% .1em; }

main a[href]::selection, main code a[href], main a[href] code
		{	text-shadow: none;
			/*background: transparent;*/ }

a[href] abbr[title], a[href] acronym[title]
		{	cursor: inherit; }

/* Support users of high contrast mode by restoring underlines */
@media screen and (-ms-high-contrast: active) {

	main a[href]
		{	text-decoration: underline; }

}

main a[href$=".pdf"]::after /* Indicate PDF files */
		{	content: " (PDF)"; }

main a[target^="_"]::after /* Indicate new window/tab */
		{	content: " (opens in new window/tab)"; }

/*
main a[href^="http"]::after Indicate takes user away (probably not necessary)
		{	content: " (off-site link)"; }
*/

main a[href]:has( > img) /* Clear background style from images, though it shouldn't need it. */
		{	background-image: none; }

@keyframes Target /* Style an anchor when it has been navigated */
		{	
			from { box-shadow: 0 0 4em rgba(255, 255, 0, 1); }
			to { box-shadow: 0 0 4em rgba(255, 255, 0, 0); }
		}

@-webkit-keyframes Target
		{
			from { box-shadow: 0 0 4em rgba(255, 255, 0, 1); }
			to { box-shadow: 0 0 4em rgba(255, 255, 0, 0); }
		}

@keyframes TargetShake
		{
			from { transform: rotate(0deg); }
			to { transform: rotate(1deg); }
		}

@-webkit-keyframes TargetShake
		{
			from { transform: rotate(0deg); }
			to { transform: rotate(1deg); }
		}

:target		{	/*background-color: rgba(255, 242, 0, 1);*/
			-webkit-animation: Target 1s ease-out 1, TargetShake .1s alternate-reverse 5;
			animation: Target 1s ease-out 1, TargetShake .1s alternate-reverse 5; }

/* -- End Hyperlinks ----------------------- */

/* -- Start Quotes ------------------------- */

q::before	{	content: "\201C"; }

q::after	{	content: "\201D"; }

blockquote/*, blockquote.twitter-tweet p*/
		{	box-sizing: border-box;
			font-family: "Linden Hill", Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			font-size: 1.25em;
			color: #444;
			margin: 1.5em 0;
			padding: 0;
			border-top: .07em solid rgba(0,0,0,.5);
			border-bottom: .07em solid rgba(0,0,0,.5); }

blockquote + blockquote
		{	margin-top: 3.5em; }

blockquote i, blockquote em, blockquote code, blockquote cite
		{	font-style: normal; }

blockquote footer, blockquote.twitter-tweet
		{	font-family: Lato, Arial, sans-serif;
			font-size: 65%;
			font-style: normal;
			border-top: .1em solid rgba(0,0,0,.5);
			border-bottom: .16em solid #efefef; /* page bg #efefef */
			padding: 1.5em 0 0 1em;
			margin: 0 0 -.1em 0;
			line-height: 1.1; }

blockquote.twitter-tweet p
		{	font-family: "Linden Hill", Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			font-size: 1.5em;
			margin: .5em 0 1em 0;
			padding: 0;
			line-height: 1.6; }

blockquote.twitter-tweet
		{	border-top: .1em solid rgba(0,0,0,.5);
			border-bottom: .1em solid rgba(0,0,0,.5);
			padding: .75em 0;
			font-size: 85%; }

blockquote.twitter-tweet p + a
		{	background-size: 100% .1em; }

@media print {

	blockquote, blockquote.twitter-tweet p
		{	color: #000;
			border-top: .1em solid #CCC; }

	blockquote footer/*, blockquote.twitter-tweet p:last-of-type*/
		{	border-top: .15em solid #CCC;
			border-bottom: .16em solid #fff; /* page bg #efefef */ }

}

blockquote footer cite/*, blockquote.twitter-tweet p:last-of-type*/
		{	font-family: Lato, Arial, sans-serif; }

blockquote footer a[href], blockquote header a[href]/*, blockquote.twitter-tweet p:last-of-type > a[href]*/
		{	background-size: 100% .1em; }

blockquote footer cite::before/*, blockquote.twitter-tweet p + a::before*//*, blockquote.twitter-tweet p:last-of-type::after*/
		{	content: "";
			display: block;
			width: 1em;
			height: 1em;
			/*position: absolute;
			top: -.55em;
			left: 2em;*/
			border-bottom: .1em solid rgba(0,0,0,.5);
			border-right: .1em solid rgba(0,0,0,.5);
			transform: rotate(45deg);
			background-color: #efefef; /* page bg #efefef */
			margin: -2.1em 0 1em 0; }

/*blockquote.twitter-tweet p:last-of-type::after
		{	margin: -3.1em 0 1em 0; }*/
		

@media (min-width:50em) {

	blockquote footer cite::before, blockquote.twitter-tweet p + a::before/*, blockquote.twitter-tweet p:last-of-type::after*/
		{	left: .5em; }

}

article div > blockquote footer cite::before
		{	border-bottom: .2em solid rgba(0,0,0,.5);
			border-right: .2em solid rgba(0,0,0,.5);
			margin-left: 2em; }

article div > blockquote.bypostauthor > footer cite::before
		{	border-bottom-color: #f60;
			border-right-color: #f60; }

@media print {

	blockquote footer cite::before/*, blockquote.twitter-tweet p:last-of-type::after*/
		{	background-color: #fff; /* page bg #efefef */
			border-bottom: .15em solid #CCC;
			border-right: .15em solid #CCCS; }

}

article div > blockquote
		{	border: none;
			padding: 0;
			margin: 1.5em 0;
			overflow: hidden; }

article div > blockquote > div
		{	border: .1em solid rgba(0,0,0,.5);
			border-radius: 1em;
			padding-left: 1em;
			padding-right: 1em; }

article div > blockquote.bypostauthor > div
		{	border-color: #f60; }

@media print {

	article div > blockquote > div
		{	border-radius: 1em 1em 1em 0; }

}

article div > blockquote header
		{	margin: .5em 0 1em 1em;
			float: right;
			font-size: 65%; }

article div > blockquote header em, article div > blockquote header i, article div > blockquote header cite
		{	font-style: normal; }

article div > blockquote footer
		{	margin: 0;
			border-top: none;
			border-bottom: none; }

article div blockquote + div
		{	margin-left: 1.5em;
			margin-right: .5em; }

@media (min-width:25em) {

	blockquote, blockquote.twitter-tweet
		{	margin: 1.5em 1em; }

}

@media (min-width:50em) {

	blockquote, blockquote.twitter-tweet
		{	margin: 1.5em 2em; }

	blockquote footer/*, blockquote.twitter-tweet p:last-of-type*/
		{	padding-left: 6.5em; }

	blockquote footer cite::before, blockquote.twitter-tweet p + a::before/*, blockquote.twitter-tweet p:last-of-type::after*/
		{	left: 8em; }

	blockquote.right, blockquote.left
		{	width: 33%; }

	blockquote.right
		{	margin: 0 1em 1em 2em;
			float: right; }

	blockquote.twitter-tweet.right
		{	margin-right: 0;
			padding-left: 5em; }

	blockquote.left
		{	margin: 0 2em 1em 1em;
			float: left; }

	blockquote.twitter-tweet.left
		{	padding-left: 4.5em; }

	blockquote.right footer cite::before, blockquote.left footer cite::before
		{	left: 1em; }

	blockquote.right footer, blockquote.left footer
		{	padding-left: 2em; }

	article div blockquote + div
		{	margin-left: 5em;
			margin-right: 2.5em; }

}

/*blockquote.twitter-tweet.right p:last-of-type::after, blockquote.twitter-tweet.left p:last-of-type::after
		{	left: 1em; }*/

@media (min-width:50em) {

/*	blockquote.twitter-tweet p:last-of-type::after
		{	left: 2em; }*/

}

iframe.twitter-tweet-rendered /* Lots of inline crap to override, hence the !importants */
		{	/*width: 90% !important;*/
			margin-left: auto !important;
			margin-right: auto !important; }

/* -- End Quotes ------------------------- */

/* -- Start Code ------------------------- */

kbd		{	border: .07em solid #aaa;
			border-radius: 0.3em;
			box-shadow: 0.1em 0.2em 0.2em rgba(0,0,0,.5);
			background-color: #f9f9f9;
			background-image: linear-gradient(to bottom, #eee, #f9f9f9, #eee);
			padding: 0.1em 0.3em;
			font-family: Courier, "Courier New", monospace;
			font-size: 90%;
			color: #000;
			white-space: nowrap; }

code, pre	{	font-family: 'VT323', 'Courier New', Courier, monospace;
			font-size: 110%;
			font-weight: normal;
			padding: .05em .25em;
			background-color: rgba(255,255,255,.75);
			border-radius: .5em; }

pre code	{	background-color: transparent; }

h1 code, h2 code, h3 code, h4 code, h5 code, h6 code
		{	padding: 0;
			background-color: transparent; }

pre		{	color: rgba(255, 176, 0, 0.6);
			background-color: #333;
			background-image: linear-gradient(to bottom, #222, #222 50%, #000 50%, #000);
			background-size: 100% 2px;
			text-shadow: rgba(185,128,0,.2) .5em 0 .2em;
			border: .07em solid #222;
			box-sizing: border-box;
			padding: .5em 1em;
			overflow: auto;
			box-shadow: inset 0 0 4em rgba(0,0,0,.5);
			border-radius: 1em;
			background-image: linear-gradient(to bottom, rgba(255,255,255,.05), rgba(255,255,255,.15) .5em, rgba(255,255,255,.05) 2em, rgba(255,255,255,.05) 2em, rgba(255,255,255,0)),
				/*linear-gradient(to left, rgba(255,255,255,.2), rgba(255,255,255,.05) 1em, rgba(255,255,255,.05) 1em, rgba(255,255,255,0)),*/
				linear-gradient(to bottom, #222, #222 50%, #000 50%, #000);
			background-size: /*100% 100%,*/ 100% 100%, 100% 2px;
			min-height: 5em; }

code, kbd	{	box-decoration-break: clone;
			-webkit-box-decoration-break: clone; }

/* -- End Code --------------------------- */

/* -- Start Tables and Figures ----------- */

figure		{	display: block;
			box-sizing: border-box;
			margin: 1em 0;
			text-align: center;
			overflow: auto; }

figcaption	{	display: block;
			box-sizing: border-box;
			padding: .5em .5em 0 .5em;
			font-style: italic;
			font-family: 'Linden Hill', serif;
			clear: both; }

figcaption em, figcaption i, figcaption code
		{	font-style: normal; }

figure.right figcaption, figure.left figcaption
		{	padding-left: 0;
			padding-right: 0; }

table		{	margin: 1em 0;
			border-collapse: collapse; }

th, td		{	padding: .25em .5em;
			vertical-align: text-top;
			text-align: left; }

tr:nth-child(even)
		{	background-color: rgba(255,255,255,.25); }

tr:nth-child(odd)
		{	background-color: rgba(0,0,0,.1); }

th		{	vertical-align: bottom;
			background-color: rgba(0,0,0,.5);
			color: #fff;
			font-weight: bold; }

td.right, th.right, td.number, th.number/*, col.number || td, col.right || td  CSS4 table col selector */
		{	text-align: right; }

figure table	{	width: 100%;
			max-width: 100%; }

figure.right.half, figure.left.half
		{	width: auto;
			max-width: 100%;
			float: none; }

@media (min-width:50em) {

	figure.right, figure.left
		{	border-top: .1em solid #000;
			border-bottom: .1em solid #000;
			padding: 1em 0;
			width: 30%; }

	figure.right, figure.right.half
		{	float: right;
			margin-left: 1em; }

	figure.left, figure.left.half
		{	float: left;
			margin-right: 1em; }

	figure.right, figure.left
		{	padding: 1em .5em; }

	figcaption
		{	padding-left: 1em;
			padding-right: 1em; }

	figure.right.half, figure.left.half
		{	width: 48.5%;
			border-top: none;
			border-bottom: none; }

	figure.right.half
		{	margin-left: .5%; }

	figure.left.half
		{	margin-right: .5%; }

}

@media (min-width:70em) {

	figure.right, figure.left
		{	padding: 1em; }

	figure.right
		{	margin-left: 2em; }

	figure.left
		{	margin-right: 2em; }

	figcaption
		{	padding-left: 2em;
			padding-right: 2em; }

}

/* -- End Tables and Figures ------------- */

/* -- Start Lists ------------------------ */

ul, ol		{	margin-left: 0em;
			padding-left: 1.5em; }

ol		{	list-style-type: decimal-leading-zero;
			padding-left: 2.5em; }

ol ol		{ list-style-type: upper-alpha;
			padding-left: 1.5em; }

ol ol ol	{	list-style-type: upper-roman;
			padding-left: 2.5em; }

ol ol ol ol	{	list-style-type: lower-alpha;
			padding-left: 1.5em; }

ol ol ol ol ol	{	list-style-type: lower-roman;
			padding-left: 2.5em; }

ol.tree, ul.tree, ol.tree ol, ul.tree ul
		{	list-style-type: circle;
			padding-left: 1.2em; }

ol.tree ol, ul.tree ul
		{	border-left: .07em dotted currentColor;
			margin-left: -1.0em;
			padding-left: 3em; }

li, dt		{	margin-top: .75em; }

dd		{	margin-left: 1.5em;
			margin-top: .25em; }

/* -- End Lists -------------------------- */

/* -- Start Forms ------------------------ */

input, input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select
		{	border-radius: .5em;
			border: 0.1em solid #666;
			padding: .5em .75em;
			font-size: 100%;
			color: inherit;
			font-family: inherit;
			font-style: inherit;
			font-weight: inherit; }

input[type="submit"], button
		{	border-radius: .5em;
			border: .1em solid #006;
			padding: .5em 1em;
			background-color: #009;
			color: #fff;
			font-family: inherit;
			font-style: inherit;
			font-weight: inherit;  }

input[type="submit"]:hover, input[type="submit"]:focus
		{	box-shadow: 0 0 1em rgba(0,0,0,1); }


[role="search"]	{	background-color: #fff;
			border: 1px solid rgba(0,0,0,.5);
			border-radius: .5em;
			padding: 0 0 .25em 0;
			/*margin-left: 1.5em;
			float: right;*/
			max-width: 36em; }

[role="search"] label
		{	display: inline-block;
			width: 0;
			overflow: hidden;
			text-indent: -1000px;
			margin: 0; }

[role="search"] button
		{	display: block;
			width: 2em;
			height: 2em;
			margin: .25em;
			padding: 1em;
			border: none;
			padding: 0;
			float: right;
			background: transparent;
			cursor: pointer; }

[role="search"] button svg
		{	display: block;
			margin: 0 auto;
			fill: #333;
			width: 100%;
			height: auto; }

[role="search"] button:hover svg, [role="search"] button:focus svg
		{	fill: #c90; }

[role="search"] input[type="text"]
		{	border: none;
			background-color: transparent;
			margin: 0;
			width: 65%;
			width: calc(100% - 4em);
			float: left; }

[role="search"] input[type="text"]::-webkit-input-placeholder
		{	color: #757575; }

[role="search"] input[type="text"]:-moz-placeholder
		{	color: #757575; /* Firefox 18- */ }

[role="search"] input[type="text"]::-moz-placeholder
		{	color: #757575; /* Firefox 19+ */ }

[role="search"] input[type="text"]:-ms-input-placeholder
		{	color: #757575; }

form[action$="wp-comments-post.php"] label
		{	display: block; }

form[action$="wp-comments-post.php"] textarea
		{	box-sizing: border-box;
			width: 98%;
			margin: 0 1%;
			height: 15em;
			/*font-family: 'VT323', 'Courier New', Courier, monospace;*/ }

form[action$="wp-comments-post.php"] input[type="text"]
		{	margin: 0 1%; }

textarea#comments
		{	width: 100%; }

/* -- End Forms -------------------------- */

.half		{	width: 49.3%;
			margin-right: 1%; }

.thirds		{	width: 32%;
			margin-right: 1%; }

.fourths	{	width: 24%;
			margin-right: .3%; }

.fifths		{	width: 18.5%;
			margin-right: .5%; }

.sixths		{	width: 15.5%;
			margin-right: .2%; }

.sevenths	{	width: 13%;
			margin-right: .3%; }

.eighths	{	width: 11%;
			margin-right: .5%; }

.ninths		{	width: 10%;
			margin-right: .1%; }

.tenths		{	width: 8.5%;
			margin-right: .5%; }

.half:nth-child(2n), .thirds:nth-child(3n), .fourths:nth-child(4n), .fifths:nth-child(5n), .sixths:nth-child(6n), .sevenths:nth-child(7n), .eighths:nth-child(8n), .ninths:nth-child(9n), .tenths:nth-child(10n)
		{	margin-right: 0; }

img.half, img.thirds, img.quarters, img.fifths, img.sixths, img.seventht, img.eighths, img.ninths, img.tenths, video.half, video.thirds, video.quarters, video.fifths, video.sixths, video.seventht, video.eighths, video.ninths, video.tenths
		{	height: auto;
			box-sizing: border-box; }

.center		{	text-align: center; }

.clearleft	{	clear: left; }

.clearright	{	clear: right; }

.clear		{	clear: both; }

/* END Content Styles */
/* ================================================================================================== */