/* General Styles */
body {
	background-color: black;
	color: rgb(160, 224, 255);
	font-family: "Cambria", "Times New Roman", serif;
	font-size: 1.2em;
	font-weight: lighter;
}


h1 {
	background-color: black;
	color: rgb(200, 224, 255);
	font-family: "Calibri", "San Francisco", "Helvetica Neue", "Arial", sans-serif;
	font-size: 1.5em;
	text-align: center;
	text-decoration: underline;
	font-weight: bold;
}

h2 {
	background-color: black;
	color: rgb(200, 224, 255);
	font-family: "Calibri", "San Francisco", "Helvetica Neue", "Arial", sans-serif;
	font-size: 1.2em;
	text-decoration: underline;
}

h3 {
	background-color: black;
	font-size: 1.1em;
	font-family: "Calibri", "San Francisco", "Helvetica Neue", "Arial", sans-serif;
}

h4 {
	background-color: black;
	font-size: 1em;
	font-family: "Calibri", "San Francisco", "Helvetica Neue", "Arial", sans-serif;
}

section.faves {
	vertical-align: top;
	text-align: center;

	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;

	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	column-gap: 20px;

	-moz-column-rule: 2px solid gray;
	-webkit-column-rule: 2px solid gray;
	column-rule: 2px solid gray;
}

section.faves p.rpg {
	background-color: rgb(16, 16, 32);
}

section.faves p.daily {
	background-color: rgb(16, 16, 32);
}

section.faves p.wowlinks {
	background-color: rgb(16, 16, 32);
}

section.faves p.financial {
	background-color: rgb(16, 16, 32);
}

section.faves p.w3c {
	background-color: rgb(16, 16, 32);
}

section.faves p.delstatus {
	background-color: rgb(16, 16, 32);
}

/* h2 {
	text-transform: uppercase;
	font-size: medium;
	text-align: center;
}
*/
a:link {
	color: rgb(0, 255, 255);
	background: transparent;
}

a:visited {
	color: rgb(0, 255, 255);
	background: transparent;
}

a:hover {
	color: rgb(0, 255, 255);
	background: transparent;
}

/* Table styles */

table {
	margin-left: auto;
	margin-right: auto;
	width: 95%;

	border-collapse: collapse;
	border: 2px solid gray;

	font-family: Arial, Helvetica, sans-serif;
	/* text-align: center; */
}

caption {
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}

th, td {
	border: 2px solid gray;
	/* width: 50%; */
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

table.dev {
	background-color: DarkBlue;
}

table.gid {
	background-color: DarkRed;
}

table.gaptech {
	background-color: Navy;
}

table.gid td {
	width: 25%;
	border: 2px solid gray;
}

table.gaptech td {
	width: 25%;
	border: 2px solid gray;
}

table.dev td {
	width: 25%;
	border: 2px solid gray;
}

table.stage {
	background-color: DarkGreen;
	border: 2px solid gray;
}

table.stage td {
	width: 25%;
	border: 2px solid gray;
}

table.test {
	background-color: SeaGreen;
	border: 2px solid gray;
}

table.test td {
	width: 25%;
	border: 2px solid gray;
}

table.prod {
	background-color: Maroon;
	border: 2px solid gray;
}

table.prod td {
	width: 25%;
	border: 2px solid gray;
}

.left {
    float: left;
	 margin: 0 1.5%;
	 width: 73%;
}

.right {
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	position: fixed;
	right: 10px;
	float: right;
	font-weight: bold;
	margin: 0 1.5%;
	width: 20%;
	top: 0px;
	bottom: 0px;
	overflow-y: auto
}

@media only screen and (max-width: 1080px) {
	body {
		font-family: "Source Code Sans", "Arial", sans-serif;
		font-size: 2.0em;
	}
}