/******************************************************************************

	nodomain.net digital layout
	©2001-2020, Josh Moyer <JMoyer@nodomain.net>. All rights reserved.

 ******************************************************************************/

#header					{position: absolute;				height: 6.25em;	top: 0em;	right: 0em;						left: 0em;	border: white solid 0px;																																													/*background-color:Black;*/	}
#header-upper-left		{position: absolute;	width: 1em;	height: 1em;	top: 0;										left: 0;								border-top: solid 2pt;																	border-left: solid 2pt;																							}
#header-upper			{position: absolute;				height: 1em;	top: 0;		right: 1em;						left: 1em;								border-top: solid 2pt;			border-right: solid 2pt;																																				}
#header-upper-right		{position: absolute;	width: 1em;	height: 1em;	top: 0;		right: 0;																																																																		}
#header-middle-left		{position: absolute;	width: 1em;					top: 1em;					bottom: 1em;	left: 0;																							border-bottom: solid 2pt;	border-left: solid 2pt;																							}
#header-middle			{position: absolute;								top: 1em;	right: 1em;		bottom: 1em;	left: 1em;																border-right: solid 2pt;	border-bottom: solid 2pt;									overflow: hidden;												}
#header-middle-right	{position: absolute;	width: 1em;					top: 1em;	right: 0;		bottom: 1em;																			border-right: solid 2pt;																																				}
#header-lower-left		{position: absolute;	width: 1em;	height: 1em;								bottom: -0;		left: 0;																														border-left: solid 2pt;																							}
#header-lower			{position: absolute;				height: 1em;				right: 1em;		bottom: -0;		left: 1em;																border-right: solid 2pt;	border-bottom: solid 2pt;																													}
#header-lower-right		{position: absolute;	width: 1em;	height: 1em;				right: 0;		bottom: -0;																				border-right: solid 2pt;																																				}
																																																																																										
#content				{position: absolute;								top: 6.25em;right: 0em;		bottom: 5.75em;	left: 0em;	border: white solid 0px;																																													/*background-color:Black;*/	}
#content-left			{position: absolute;	width: 1em;					top: 0;						bottom: 0;		left: 0;																														border-left: solid 2pt;																							}
#content-navigation		{position: absolute;								top: 0;		right: 1em;		bottom: 100%;	left: 1em;																border-right: solid 2pt;								border-left: solid 2pt;			overflow: scroll;overflow-x:hidden;												padding:0 1em 0 1em;}
#content-main			{position: absolute;								top: 0;		right: 1em;		bottom: 0;		left: 1em;							                    				border-right: solid 2pt;								border-left: solid 2pt;			overflow: scroll;overflow-x:hidden;												padding:0 1em 0 1em;}
#content-debug			{position: absolute;								top: 0;		right: 0em;		bottom: 0;		left: 1em;																border-right: solid 2pt;								border-left: solid 2pt;			overflow: scroll;overflow-x:hidden;												padding:0 1em 0 1em;}
#content-settings		{position: absolute;								top: 0;		right: 1em;		bottom: 0;		left: 1em;																border-right: solid 2pt;								border-left: solid 2pt;			overflow: scroll;overflow-x:hidden;												padding:0 1em 0 1em;}
#content-debug			{position: absolute;								top: 0;		right: 1em;		bottom: 0;		left: 1em;																border-right: solid 2pt;								border-left: solid 2pt;			overflow: scroll;overflow-x:hidden;												padding:0 1em 0 1em;}
#content-right			{position: absolute;	width: 1em;					top: 0;		right: 0;		bottom: 0;																				border-right: solid 2pt;																																				}
																																																																																										
#footer					{position: absolute;				height: 5.75em;				right: 0em;		bottom: 0em;	left: 0em;	border: white solid 0px;																																								/*min-width:500pt;*/ /*background-color:Black;*/	}
#footer-upper-left		{position: absolute;	width: 1em;	height: 1em;	top: 0;										left: 0;								border-top: solid 2pt;																	border-left: solid 2pt;																							}
#footer-upper			{position: absolute;				height: 1em;	top: 0;		right: 1em;						left: 1em;								border-top: solid 2pt;			border-right: solid 2pt;																																				}
#footer-upper-right		{position: absolute;	width: 1em;	height: 1em;	top: 0;		right: 0;																								border-right: solid 2pt;																																				}
#footer-middle-left		{position: absolute;	width: 1em;					top: 1em;					bottom: 1em;	left: 0;																							border-bottom: solid 2pt;	border-left: solid 2pt;																							}
#footer-middle			{position: absolute;								top: 1em;	right: 1em;		bottom: 1em;	left: 1em;																border-right: solid 2pt;	border-bottom: solid 2pt;									overflow: hidden;												}
#footer-middle-right	{position: absolute;	width: 1em;					top: 1em;	right: 0;		bottom: 1em;																			border-right: solid 2pt;																																				}
#footer-lower-left		{position: absolute;	width: 1em;	height: 1em;								bottom: 0;		left: 0;																																																										}
#footer-lower			{position: absolute;				height: 1em;				right: 1em;		bottom: 0;		left: 1em;																							border-bottom: solid 2pt;																													}
#footer-lower-right		{position: absolute;	width: 1em;	height: 1em;				right: 0;		bottom: 0;																				border-right: solid 2pt;	border-bottom: solid 2pt;																													}
#footer-curtain			{position: absolute;	width: 100%;height: 6.75em;								bottom: -1em;																																																							/*background-color:Black;*/	}

@media (min-width: 400px) {
	#header					{position: absolute;				height: 6.25em;	top: 1em;	right: 1em;						left: 1em;	border: white solid 0px;																																													/*background-color:Black;*/	}
	#content				{position: absolute;								top: 7.25em;right: 1em;		bottom: 6.75em;	left: 1em;	border: white solid 0px;																																													/*background-color:Black;*/	}
	#footer					{position: absolute;				height: 5.75em;				right: 1em;		bottom: 1em;	left: 1em;	border: white solid 0px;																																								/*min-width:500pt;*/ /*background-color:Black;*/	}
}

.line	{
	stroke-width: 2pt;
}


/*@import	url(w3c-html4-default.css);*/
@import url(http://fonts.googleapis.com/css?family=VT323);


.ColorLink {
	text-decoration:		underline;
}

#AmberLink {
	color: #F63;
}

#AmberLink:hover {
	color: #F93;
}

#chevron {
    height: .5em;
    width: .5em;
    padding-right: .5em;
}

#footer {
    overflow: visible;
    z-index: 1;
}

#footer-middle {
    margin: -.9em 0 0 0;
}

#gears {
    height: 1.25em;
    width: 1.25em;
    float: right;
    z-index: 10;
    margin: -.25em .75em 0 0;
}

#header{
    z-index: 1;
}

#header-curtain {
    position: absolute;
    background-color: black;
    top: -1em;
    bottom: 0%;
    width: 100%;
}

#location {
    text-decoration: underline;
}

#logoimg {
    max-height: 32px;
    min-height: 1em;
    margin-right: 1em;
}

#logolink, #logo {
    height: 32px;
    border-bottom: none;
}

#PeriwinkleLink {
    color: #9999BD;
}

#PhosphorLink {
	color: #0C0;
}

#content-navigation {
    overflow: hidden;
    overflow-y: scroll;
}

#partnerlogo {
    padding: 1em 0 0 0;
    position: absolute;
    text-align: center;
    top: 100%;
    width: 100%;
    z-index: 1;
}

#partnerlogoimage {
    border: none;
    height: 2.5em;
    max-height: 2.5em;
    max-width: 85%;
    object-fit: contain;
}

#partnerlogolink {
    border-bottom: none;
}
/*
a:hover {
	border-bottom:			solid 1px;
	text-decoration:		none;
	}
*/
a:link {
    color: Black;
}

a:visited {
	color: Black;
	}


address	{
	font-style:				normal;
	margin-left:			3em;
	}

body {
	font-family:			VT323,
							monospace;
	font-size:				x-Large;
	line-height:			80%;
	margin:					0 0 0 0;
	padding:				0 0 0 0;
	background-color:		Black;
	visibility:				hidden;
  	scrollbar-width:         none;
	}

em {
	font-style:				normal;
	}

.footer {
	margin-bottom:			0;
	margin-top:				0;
	}

.footer {
	border-top-style:		solid;
	border-top-width:		1px;
	/*font-size:				small;*/
	}

h1 {
	font-size:				1.5em;
	font-weight:			normal;
	line-height:            100%;
	margin-bottom:			1em;
	}

h2 {
	border-top-style:		solid;
	border-top-width:		1px;
	font-size:				1em;
	font-weight:			normal;
	margin-top:				1.5em;
	padding-top:			1em;
	}

.header {
	border-bottom-width:	1px;
	border-bottom-style:	solid;
	text-align:				right;
	}

.header {
	margin-bottom:			0;
	margin-top:				0;
	}

hr {
	height:					0pt;
	position:relative;
	left:-1em;
	right:-1em;
	border-top: solid 2pt
	}

input {
	font-family:			inherit;
							/*
							"Lucida Console",
							Monaco,
							Courier,
							"Courier New";
							*/
	}

li {
	margin-left:			1em;
	padding-left:			0em;
	padding-bottom:			.75em;
	}
	
td {
	padding-bottom:			.75em;
}

ul {
	margin-left:			0em;
	padding-left:			1em;
	}