@import url("https://fonts.googleapis.com/css?family=Marmelad");
/* @import url("https://fonts.googleapis.com/css?family=Rubik"); */

/* Link stuff */
a:link {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #A00000;
	text-decoration: none;
}
a:hover, a:visited:hover {
	text-decoration: underline;
}
a:active {
	color: #FFFFFF;
}

/* Menu stuff */
.menu a:link, .menu a:visited {
	color: silver;
	font-weight: normal;
	text-decoration: none;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, -1px -1px black, 1px 1px black, -1px 1px black, 1px -1px black;
	transition: .5s ease-out;
}
.menu a:hover {
	text-decoration: none;
	text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red, -1px -1px red, 1px 1px red, -1px 1px red, 1px -1px red;
	transition: 0s;
}
#mainMenu a, #subMenu a {
	display: block;
	font-size: 14px;
	padding: 1px 0px 1px 14px;
}
#vaultMenu {
	font-size: 24px;
}
#vaultMenu a, #vaultMenu span {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 25px;
/*	border: 1px solid silver; */
}

#pageEmulate #linkEmulate, #pageVault #linkVault, #pageManual #linkManual, #pageStore #linkStore, #pageBbs #linkBbs, #pageLinks #linkLinks, #subMenu a.active {
	color: #FFFFFF;
}

/* General stuff */
img {
	border:0px;
}
html {
	overflow: hidden;
}
body {
	font-family: 'Marmelad', sans-serif;
	background-color: #000000;
	/* background: #000000 url('/images/bg2.gif') repeat-y 120px 100px; */
	color: #FFFFFF;
	margin: 0px;
}
form {
	margin-bottom: 0px;
}
hr {
	margin-bottom: 2px;
	margin-top: 2px;
}
table {
	border: 0px;
	border-collapse: separate;
	border-spacing: 0px;
}
th, td {
	padding: 0px;
}

table.cellpadding1 td {
	padding: 1px;
}

table.cellpadding2 td {
	padding: 2px;
}

table.cellpadding3 td {
	padding: 3px;
}

table.cellpadding4 td {
	padding: 4px;
}

table.hovertable tr:hover {
	/* background-color: #000060; */
}

#main {
	position: absolute;
	top: 100px;
	left: 120px;
	right: 0px;
	bottom: 0px;
	overflow: auto;
	background-image: linear-gradient(to right, #800000 0px, #000000 50px);
}
#ads {
	position: absolute;
	top: 0px;
	left: 120px;
	right: 0px;
	height: 100px;
	overflow: hidden;
	background-image: linear-gradient(#800000 0px, #800000 90px, #000000 100px);
}
#menu {
	background-color: #800000;
	position: absolute;
	width: 120px;
	height: 100%;
	overflow: hidden;
}
#innerMenu {
	position: absolute;
	left: 120px;
	top: 100px;
	right: 0px;
	height: 80px;
	overflow: hidden;
	background-image: linear-gradient(to right, #800000 0px, #000000 50px);
}
#innerMain {
	position: absolute;
	top: 180px;
	left: 120px;
	right: 0px;
	bottom: 0px;
	overflow: auto;
	padding: 5px;
	background-image: linear-gradient(to right, #800000 0px, #000000 50px);
}
.menuColor {
	background-color: #800000;
}

.dateCaption {
	font-size: 120%;
	font-weight: bold;
	color: #FFFF99;
}

.sectionTitle {
	font-weight: bold;
	color: #FFFF99;
}

.mainContent {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.rounded {
	border: 2px solid white;
	border-radius: 10px;
	padding: 3px 6px 3px 6px;
	background-color: #000035;
}

.centered {
	margin-left: auto;
	margin-right: auto;
}

tr.even {
	background-color: #000015;
}

.redBorder {
	text-shadow: -1px 0 red, 0 1px red, 1px 0 red, 0 -1px red, -1px -1px red, 1px 1px red, -1px 1px red, 1px -1px red;
}

.bannerMessage {
	font-weight: bold;
	padding-bottom: 10px;
	text-align: center;
}

#logo {
	animation: twirl 120s infinite ease-in-out;
}

@keyframes twirl {
	99% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}