/*	Main stylesheet for Razorback.
	http://razorback95.com */

body {
	background-color: black;
	color: #eeeeee;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

.main-container {
	border: none;
}

img.badge {
	/* Old browsers like IE have these annoying borders
	by default, removing them here... */
	border: 0;
}

img.topmenu {
	/* Gave up on this due to inconsistencies between
	 Internet Explorer 5.5 and Firefox 81 */
	border: 0;
}

span.uline {
	/* In no association with the shipping company */
	text-decoration: underline;
}

a {
	color: #bbbbff;
}

a:active {
	color: yellow;
}

a:visited {
	color: #ff00ff;
}

a:hover {
	color: #00ffff;
}

.simple-header {
	font-size: large;
	text-align: center;
	padding-bottom: 10px;
}

.announcement-header {
	color: white;
	background-color: #800000;
	padding: 10px;
	max-width: 1400px;
}

.announcement-header a {
	color: white;
}

td.top-header {
	/*text-align: center;*/
	padding-bottom: 10px;
}

td.left-header {
	font-size: 80%;
	vertical-align: top;
	width: 130px;
	padding: 5px;
	background-color: #000040;
}

.left-header a {
	color: white;
	text-decoration: none;
}

.left-header a:hover {
	color: lightblue;
}

.left-header a:active {
	color: yellow;
}

.left-header ul {
	margin: 0;
	padding: 15px;
	list-style-image: url('whitearr.gif');
}

td.content {
	vertical-align: top;
	padding: 10px;
	/* For newer browsers and giant displays */
	max-width: 1400px;
}

.footer {
	text-align: center;
	width: 450px;
	padding: 20px;
}

.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	/*width: 50%;*/
}

.content-header {
	color: white;
	font-size: large;
	text-align: center;
	background-color: black;
	padding-bottom: 10px;
	max-width: 1400px;
}

a.footnote {
	text-decoration: none;
	font-size: smaller;
}

.lhsub {
	padding-bottom: 2px;
}

.side-org {
	font-size: larger;
	font-weight: bold;
}

.thinline {
	border: 1px solid white;
}

img.content-banner {
	display: block;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

ol.letter {
	list-style-type: lower-alpha;
}

table.toc {
	background-color: #333333;
	border: 1px solid gray;
	padding: 5px; 
}

.content ul li {
	padding-top: 3px;
	padding-left: 5px;
	list-style-image: url('whitearr.gif');
}

.toc td {
	color: white;
}

.toc a {
	text-decoration: none;
}

.toc a:visited {
	color: #9999ff;
}

.toc ol {
	margin: 0;
	padding: 3px;
	padding-left: 20px;
}

table.nav {
	width: 100%;
}

td.nav-left {
	text-align: left;
}

td.nav-right {
	text-align: right;
}

td.nav-center {
	text-align: center;
	color: white;
}

.headlink {
	text-decoration: none;
}

a:visited.headlink {
	color: #3333ff;
}

a:hover.headlink {
	color: #00ffff;
}

div.cblock {
	font-family: monospace;
	background-color: #333333;
	padding-left: 5px;
	padding-right: 5px;
}

tt.cblock {
	tab-size: 4;
}

.news-category {
	font-size: x-small;
	font-style: italic;
}

table.quote {
	background-color: #222222;
	padding-left: 20px;
	padding-right: 20px;
}

table.comment-user {
	background-color: #eeeeee;
	width: 100%;
}

/* Gallery attributes */
.gallery {
	width: 430px;
}

tr.gallery-thumb {
	text-align: center;
}

td.gallery-thumb {
	background-color: #cccccc;
	padding-top: 5px;
}

.gallery-thumb img {
	border: 0;
}

tr.gallery-date {
	/*font-weight: bold;*/
	color: white;
	text-align: center;
}

tr.gallery-caption {
	color: white;
	text-align: left;
}

td.gallery-caption {
	vertical-align: top;
	border: 1px dotted grey;
}

table.tlist {
	outline: 1px solid black;
	
}

.tlist td {
	border: 1px dotted grey;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
}

.tlist th {
	/* eeeeeeeeeeeeeeeee!!!!!!!!!!! */
	background-color: #111111;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
}

.datapool-surface {
	width: 440px;
}

/* Blip-related */
td.blip-homedate {
	vertical-align: bottom;
	text-align: left;
}

td.blip-hometext {
	vertical-align: top;
	text-align: left;
}

/* Color table */

.colors {
	border: 2px solid black;
	margin: 10px;
}

.colors th {
	padding-left: 10px;
	padding-right: 10px;
	color: white;
}

.colors td {
	padding-left: 10px;
	padding-right: 10px;
	color: white;
}

.chexcell {
	font-family: monospace, monospace;
	font-size: large;
}

.chexcellA {
	font-family: monospace, monospace;
	font-size: large;
	background-color: #333333;
}

#black {
	font-weight: bold;
	font-size: large;
	color: white;
	background-color: black;
}

#maroon {
	font-weight: bold;
	font-size: large;
	color: white;
	background-color: #800000;
}

#darkgreen {
	font-weight: bold;
	font-size: large;
	color: white;
	background-color: #008000;
}

#darkyellow {
	font-weight: bold;
	font-size: large;
	color: white;
	background-color: #808000;
}

#indigo {
	font-weight: bold;
	font-size: large;
	color: white;
	background-color: #000080;
}

#darkpurple {
	font-weight: bold;
	font-size: large;
	color: white;
	background-color: #800080;
}

#darkteal {
	font-weight: bold;
	font-size: large;
	color: white;
	background-color: #008080;
}

#grey {
	font-weight: bold;
	font-size: large;
	color: white;
	background-color: #808080;
}

#white {
	font-weight: bold;
	font-size: large;
	color: black;
	background-color: #ffffff;
}

#red {
	font-weight: bold;
	font-size: large;
	color: white;
	background-color: #ff0000;
}

#green {
	font-weight: bold;
	font-size: large;
	color: black;
	background-color: #00ff00;
}

#yellow {
	font-weight: bold;
	font-size: large;
	color: black;
	background-color: #ffff00;
}

#blue {
	font-weight: bold;
	font-size: large;
	color: white;
	background-color: #0000ff;
}

#magenta {
	font-weight: bold;
	font-size: large;
	color: white;
	background-color: #ff00ff;
}

#cyan {
	font-weight: bold;
	font-size: large;
	color: black;
	background-color: #00ffff;
}

/* Bug report table */

.bugs {
	/*padding: 5px;*/
}

td.bug-low {
	background-color: lime;
	color: black;
}

td.bug-medium {
	background-color: yellow;
	color: black;
}

td.bug-high {
	background-color: red;
	color: white;
}

td.bug-fixed {
	background-color: blue;
	color: white;
}

/* Poll attributes */
tr.poll-winner {
	background-color: green;
	color: white;
}

tr.poll-user {
	background-color: maroon;
	color: white;
}

tr.poll-both {
	background-color: teal;
	color: white;
}