/* Liquid 2-column layout, right menu -- http://matthewjamestaylor.com/blog/perfect-2-column-right-menu.htm */


@font-face {
	font-family: Neuropol;
	src: url(neuropolxrg.ttf) format("truetype");
	font-stretch: semi-expanded;
	}

html, html a {
	text-shadow: 1px 1px 1px rgba(0,0,0,.2); /* text smoothing */
	background: #060004;
	}
* {
	margin: 0 auto;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
body {
	display: grid;
	float: center;
	font-family: Neuropol, Lucida Sans Unicode, Lucida, sans-serif;
	color: #0f0;
	margin: auto;
	padding: 0;
	border: 0;		/* This removes the border around the viewport in old versions of IE */
	width: 100%;
	background: #000;
	min-width: 600px;    	/* Minimum width of layout - remove line if not required */
				/* The min-width property does not work in old versions of Internet Explorer */
	max-width: 1000px;
	}
a:link  /* unvisited link */ {
	color: #00f;
	background: #000;
	text-decoration: none;
	transition: all 1.0s ease;
	}
a:visited  /* visited link */ {
	color: #00f;
	background: #000;
	text-decoration: none;
	transition: all 1.0s ease;
	}
a:hover /* mouse over link */ {
	color: #f00;
	background: #000;
	text-decoration: none;
	transition: all 0.50s ease;
	}
a:active /* selected link */ {
	color: #f00;
	background: #000;
	text-decoration: none;
	transition: all 1.0s ease;
	}

p {
	float: center;
	font-family: Neuropol, Lucida Sans Unicode, Lucida, sans-serif;
	color: #0f0;
	padding: 0px 0px 15px 0px;
	margin: 0px;
	size: 500%;
	font-size: 150%;
	display: block;
	}
p.head-title{
	font-family: Neuropol, Lucida Sans Unicode, Lucida, sans-serif;
	font-size: 300%;
	font-style: italic;
	color: #0f0;
	letter-spacing: 8px;
	float: left;
	padding: 40px 20px 0px 180px;
	}
p.head-subleft{
	float: left;
	padding: 0px 0px 0px 100px;
	color: #f0f;
	font-family: Neuropol, Lucida Sans Unicode, Lucida, sans-serif;
	font-size: 150%;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 8px;
	}
p.head-subright{
	float: right;
	padding: 0px 100px 40px 0px;
	margin: 0px 0px 20px 0px;
	color: #f0f;
	font-family: Neuropol, Lucida Sans Unicode, Lucida, sans-serif;
	font-size: 150%;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 8px;
	}
p.quote {
	float: justify;
	padding: 0px 60px 0px 60px;
	/*margin: 40px -40px 0px 0px;*/
	font-style: italic;
	font-size: 100%;
	}
p.subscript {
	font-size: 75%;
	}
p.footnote {
	float: justify;
	padding: 0px 60px 0px 60px;
	/*margin: 40px -40px 0px 0px;*/
	font-style: none;
	font-size: 100%;
	}
p.caption {
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 40px -40px 0px 0px;
	font-size: 110%;
	}
p.caption2 {
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 70px -295px 0px 0px;
	font-size: 90%;
	}
p.copyright {
	float: center;
	margin: auto;
	}
.magnify /* in purple */ {
	color: #f0f;
	}	

sup {
	}
sub {
	color: #2a2
	}

.menu {
	font-family: Neuropol, Lucida Sans Unicode, Lucida, sans-serif;
	/*text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000, 0px 0px 4px #000, 0px 0px 5px #000,    0px 0px 10px #0f0, 0px 0px 20px #0f0;*/
	text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000, 0px 0px 4px #000, 0px 0px 5px #000;
	font-size: 150%;
	font-style: normal;
	font-weight: bold;
	color: #f0f;
	float: left;
	width: 250px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 8px;
	display: block;
	}

p.menu a:hover /* mouse over link */ {
    color: #f00;
	background: #555;
	background-color: #fff;
	text-decoration: none;
	transition: all 0.150s ease;
	}
	
h1 {
	font-family: Neuropol, Lucida Sans Unicode, Lucida, sans-serif;
	/*text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000, 0px 0px 4px #000, 0px 0px 5px #000,    0px 0px 10px #0f0, 0px 0px 20px #0f0;*/
	text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000, 0px 0px 4px #000, 0px 0px 3px #000, 0px 0px 4px #000, 0px 0px 5px #000, 0px 0px 10px #fff, 0px 0px 20px #afa, 0px 0px 30px #0f0;
	font-size: 200%;
	font-style: italic;
	font-weight: bold;
	color: #f0f;
	float: none;
	margin: 15px 0px 15px 20px;
	letter-spacing: 8px;
	display: block;
	}

h2 {
	font-family: Neuropol, Lucida Sans Unicode, Lucida, sans-serif;
	/*text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000, 0px 0px 4px #000, 0px 0px 5px #000,    0px 0px 10px #0f0, 0px 0px 20px #0f0;*/
	text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000, 0px 0px 4px #000, 0px 0px 3px #000, 0px 0px 4px #000, 0px 0px 5px #000, 0px 0px 10px #fff, 0px 0px 20px #afa;
	font-size: 150%;
	font-style: italic;
	font-weight: bold;
	color: #f0f;
	float: none;
	margin: 10px 0px 10px 40px;
	letter-spacing: 8px;
	display: block;
	}

h3 {
	font-family: Neuropol, Lucida Sans Unicode, Lucida, sans-serif;
	/*text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000, 0px 0px 4px #000, 0px 0px 5px #000,    0px 0px 10px #0f0, 0px 0px 20px #0f0;*/
	text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 3px #000, 0px 0px 4px #000, 0px 0px 3px #000, 0px 0px 4px #000, 0px 0px 5px #000, 0px 0px 10px #fff;
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	color: #f0f;
	float: none;
	margin: 5px 0px 5px 60px;
	letter-spacing: 8px;
	display: block;
	}
	
.alter-egos {
	display: grid;
	width: 80%;
	grid-template-columns: 400px 400px;
	column-gap: 10px;
	row-gap: 0px;
	grid-auto-rows: minmax(80px, auto);
	}	
.alter-1l {
	grid-column: 1/2;
	grid-row: 1;
	align-self: center;
	justify-self: end;
	text-align: right;
	width: 400px;
	}
.alter-1r {
	grid-column: 2;
	grid-row: 1;
	align-self: center;
	justify-self: start;
	width: 400px;
	}
.alter-1c {
	grid-column: 1/3;
	grid-row: 2;
	align-self: stretch;
	justify-self: center;
	text-align: center;
	width: 800px;
	}
.alter-2l {
	grid-column: 1;
	grid-row: 3;
	align-self: center;
	justify-self: end;
	width: 400px;
	}
.alter-2r {
	grid-column: 2/3;
	grid-row: 3;
	align-self: center;
	justify-self: start;
	text-align: left;
	width: 400px;
	}
.alter-2c {
	grid-column: 1/3;
	grid-row: 4;
	align-self: stretch;
	justify-self: stretch;
	text-align: center;
	width: 800px;
	}
.alter-3l {
	grid-column: 1/2;
	grid-row: 5;
	align-self: center;
	justify-self: end;
	text-align: right;
	width: 400px;
	}
.alter-3r {
	grid-column: 2;
	grid-row: 5;
	align-self: center;
	justify-self: start;
	width: 400px;
	}
.alter-3c {
	grid-column: 1/3;
	grid-row: 6;
	align-self: stretch;
	justify-self: stretch;
	text-align: center;
	width: 800px;
	}
.alter-4l {
	grid-column: 1;
	grid-row: 7;
	align-self: center;
	justify-self: end;
	width: 400px;
	}
.alter-4r {
	grid-column: 2/3;
	grid-row: 7;
	align-self: center;
	justify-self: start;
	text-align: left;
	width: 400px;
	}
.alter-4c {
	grid-column: 1/3;
	grid-row: 8;
	align-self: stretch;
	justify-self: center;
	text-align: center;
	width: 800px;
	}

	
table {
	font-size: 22px;
	border-collapse: separate;
	border-spacing: 10px;
	}
tbody {
	
	}
tr {
	
	}
th {
	
	}
td {
	
	}
td.button {
	float: center;
	padding: 5px 7px 5px 7px;
	margin: 10px;
	background-color: #556;
	border-style: solid;
	border-color: #cbc #343 #232 #878; 
	border-width: 7px;
	border-radius: 10px;
	}
td.button a {
	width: 100%;
	height: 100%;
	display: block;
	}
td.button a:link  /* unvisited link */ {
	color: #f8f;
	background: #555;
	background-color: #556;
	text-decoration: none;
	transition: all 2.0s ease;
	}
td.button a:visited  /* visited link */ {
	color: #f8f;
	background: #555;
	background-color: #556;
	text-decoration: none;
	transition: all 2.0s ease;
	}
td.button a:hover /* mouse over link */ {
	color: #f00;
	background: #555;
	background-color: #fff;
	text-decoration: none;
	transition: all 0.150s ease;
	}
td.button a:active /* selected link */ {
	color: #f00;
	background: #555;
	background-color: #555;
	text-decoration: none;
	transition: all 0.150s ease;
	}
.dark {
	/*float: center;
	font-family: Neuropol, Lucida Sans Unicode, Lucida, sans-serif;
	padding: 10px;
	padding-top: 20px;
	margin: 0px;
	size: 500%;
	font-size: 150%;*/
	color: #555;
	}
.buttontext {
	display: inline;
	position: relative;
	bottom: 4px;
	padding: 5px;
	}

td.broken {
	float: center;
	padding: 5px 7px 5px 7px;
	margin: 10px;
	border-style: solid;
	border-color: #cbc #343 #232 #878; 
	border-width: 7px;
	border-radius: 10px;
	background: #555;
	background-color: #000;
	text-decoration: none;
	}	
td.broken a:link  /* unvisited link */ {
	transition: all 2.0s ease;
	}
td.broken a:visited  /* visited link */ {
	transition: all 2.0s ease;
	}
td.broken a:hover /* mouse over link */ {
	transition: all 0.150s ease;
	}
td.broken a:active /* selected link */ {
	transition: all 0.150s ease;
	}

ol {
	float: center;
	font-family: Neuropol, Lucida Sans Unicode, Lucida, sans-serif;
	color: #0f0;
	padding: 15px 50px 15px 50px;
	margin: 0px;
	size: 500%;
	font-size: 125%;
	display: block;
	}
ul {
	float: center;
	font-family: Neuropol, Lucida Sans Unicode, Lucida, sans-serif;
	color: #0f0;
	padding: 0px 0px 15px 50px;
	margin: 0px;
	size: 500%;
	font-size: 125%;
	display: block;
	}
li {
	}

.brokentext {
	display: inline;
	position: relative;
	bottom: 4px;
	padding: 5px;
	color: #555;
	background: #555;
	background-color: #000;
	text-decoration: none;
	}

.stupidhuman {
	display: block;
	float: center;
	text-align: center;
	}
.center {
	display: block;
	text-align: center;
	color: #f0f;
	margin: 0px auto;
	width: 800px;
	}
.stupidbutton {
	float: center;
	padding: 5px 7px 5px 7px;
	margin: 10px;
	background-color: #6b7370;
	border-style: solid;
	border-color: #cbc #343 #232 #878; 
	border-width: 7px;
	border-radius: 10px;
	}
.graytext {
	color: #bbb;
	}
.emphasize {
	display: inline;
	position: relative;
	font-family: Neuropol, Lucida Sans Unicode, Lucida, sans-serif;
	font-style: italic, bold;
	font-size: 225%;
	}
	
@-webkit-keyframes borderBlink {
	from, to {    
        	border-color: red
		}    
	100% {    
        	border-color: gray
		}    
	}
@keyframes borderBlink {    
	from, to {    
        	border-color: red
		}    
	50% {    
	        border-color: gray
		}
}    
.borderBlink{    
	border:10px solid white;
	padding: 20px;
	-webkit-animation: borderBlink 1s step-end infinite;    
	animation: borderBlink 1s step-end infinite;    
	}

figure {
    display: inline-block;
    border: 1px solid purple;
    margin: 20px;
	padding: 0px;
}
figure img {
    vertical-align: top;
}
figure figcaption {
    border: 1px solid green;
    text-align: center;
	margin: 10px;
	padding: 10px;
}
	
img {
	/*max-width:1200px;*/
	/*width:100%;*/
	/*max-height:64px;*/
	/*width:auto;*/
	/*height:auto;*/
	}
img.xr-image {
	float: center;
	width:600px;
	margin: 100px;
	}
.img-portrait-left {
	float: left;
	width: 400px;
	margin: 20px;
	display: block-inline;
	}
.img-thumb-left {
	float: left;
	width: 300px;
	margin: 20px;
	display: block-inline;
	}
.img-thumb-right {
	float: right;
	width: 300px;
	margin: 20px;
	display: block-inline;
	}

hr {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	height: 0px;
	border-top-style: dotted;
	border-right-style: double;
	border-bottom-style: dotted;
	border-left-style: double;
	width: 40%;
	border-width: 3px 250px 3px 250px;
	border-color: #322632;
	background: #263226;
	border-radius: 2px;
	}

	/* Top Section */
#header {
	margin: 20px 0px 20px 0px;
	background: #000;
	}

#frame {
	float: center;
	/*border-style: groove;*/
	border-width: 0px;
	margin: 0px;
	}
#frame-solid {
	float: right;
	border-style: solid;
	border-width: 4px;
	margin: 0px;
	}


/* Menu - https://www.justsoftwaresolutions.co.uk/articles/css_menus.html */
#nav{
	}


	/* Mid Section */
#wrapper {
	width: 960px;
	margin: 0px auto;
	}

#loading {
	padding: 0px 0px 0px 0px;
	text-align: center;
	height: 200px;
	}
	
	/* CONTENT */
#content {
	display: block; 
	margin: 0px;
	}
#sub-content {
	display: block;
	}

#textButton {
	float: left;
	text-align: justify;
	display: block; 
	margin: auto;
	}

#vid-youtube {
	display: block; 
	float: center;
	width: 960px;
	margin: 50;
	color: f0f;
	border: 10px solid #889;
	text-align: justify;
	}


/*
.infobox-l, .infobox-r, .infobox-c {
	width: 33%;
	border: 2px solid gray
	}
.infobox-l h1, .infobox-r h1, .infobox-c h1 {
	font-weight: bold;
	font-style: italic;
	font-size: 100%;
	}
.infobox-l {
	float: left;
	}
.infobox-r {
	float: right;
	}
.infobox-c {
	float: center:
	}
*/

/*	
.clearing {
	height: 0;
	clear: both;
	}
.note {
	font-family: times new roman, serif;
	font-style: italic;
	font-size: 75%;
	margin: 10px 100px 30px 100px;
	}
.error {
	color: #FF0000;
	}
.red { 
	color: #f00;
	background-color: #000;
	}
	*/
	
	/* Announcements */
#announcements {
	padding: 10px 0px 100px 0px;
	}
	
	/* Footer */
#footer {
	clear: both;
	float: center;
	margin: auto;
	padding: 10px 0px 20px 0px;
	border-top: 1px solid white;
	background: #000;
	text-align: center;
	}
#footer p {
	float: center;
	margin: auto;
	padding: 0px 20px 0px 20px;
	width: auto;
	font-size: 75%;
	font-style: normal;
	color: white;
	text-align: center;
	}
#footer a {
	font-size:75%;
	text-align:center;
	color: #000;
	position: relative;
	background: #fff;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	}
#footer a:hover {
	color: #f0f;
	background: #0f0;
	}

#legal {
	float: justify;
	}
#legal-header {
	font-size: 200%;
	text-align: center;
	margin: 20px;
	}
#legal-footer {
	font-size: 150%;
	text-align: center;
	margin: 20px;
	}
#legal .title { 
	font-family: times new roman;
	font-size: 150%;
	text-align: center;
	color: #fff;
	margin: 10px;
	}
#legal h1 {
	font-family: verdana, serif;
	font-size: 125%;
	color: #fff;
	margin: 20px 0px 0px 0px;
	}
#legal p {
	font-family: times new roman;
	font-size: 100%;
	text-align: justify;
	margin: 0px 0px 5px 0px;
	color: #fff;
	}
#legal ul {
	margin: 5px;
	font-family: times new roman;
	list-style: disc outside none;
	color: #fff;
	list-style-position: inside;
	}
#legal li {
	color: #fff;
	}



/* Social media icon bar) */
.social-icon {
	float: right;
	margin: 0px 0px 0px 0px;
	}
/* Style the icon bar links */
.social-icon a {
	display: block;
	text-align: center;
	padding: 10px;
	margin: 10px;
	transition: all 0.5s ease;
	color: white;
	font-size: 30px;
	}
/* Style the social media icons with color, if you want */
.social-icon a:hover {
	background-color: #f00;
	}
.facebook {
	background: #000;
	color: white;
	}
.google {
	background: #000;
	color: white;
	}