:root {
	--color-background: #ddddddc0; 
  --color-text: #000000; 
  --color-sidebar: #ccccccc0;
	--color-select: #333322;
	--color-link: #202add;
	--color-em: #100000;
	--logo-image: url("/images/logos/logo-main.png");
	--bg-image: url("/images/background.jpg");
}
[data-selected-theme="main"] {
	--color-background: #ddddddc0; 
  --color-text: #000000; 
  --color-sidebar: #cccccc;
	--color-link: #202add;
	--color-select: #333322;
	--color-em: #085511;
	--logo-image: url("/images/logos/logo-main.png");
	--bg-image: url("/images/background.jpg");
}
[data-selected-theme="olde"] {
	--color-background: #dddddd; 
  --color-text: #000000; 
  --color-sidebar: #cccccc;
	--color-link: #202add;
	--color-select: #333322;
	--color-em: #000000;
	--logo-image: url("/images/logos/vglogo4.jpg");
	--bg-image: url("/images/background.jpg");
}
[data-selected-theme="peach"] {
	--color-background: #ffd8e8d4;
  --color-text: #000000; 
  --color-sidebar: #fbccf1de;
	--color-link: #000fad;
	--color-select: #481359;
	--color-em: #8615a6;
	--logo-image: url("/images/logos/logo-peach.png");
	--bg-image: url("/images/bg-peach.jpg");
}
[data-selected-theme="ecco"] {
	--color-background: #87a0aedb;
	--color-link: #050c77;
  --color-select: #0c0e31;
  --color-sidebar: #6c8ca8c2;
	--color-text: #080800;
	--color-em: #4b004a;
	--logo-image: url("/images/logos/logo-ecco.png");
	--bg-image: url("/images/bg-ecco.jpg");
}
[data-selected-theme="miner"] {
	--color-background: #172f09f7;
  --color-text: #dbdbdb;
  --color-sidebar: #422717f0;
	--color-link: #ffd2b1;
	--color-em: #dbf0db;
	--color-select: #95b970;
	--logo-image: url("/images/logos/logo-miner.png");
	--bg-image: url("/images/bg-miner.png");
}
body {
	background-image: var(--bg-image);
	color: var(--color-text);
}
fieldset {
	border: none;
}
em {
	color: var(--color-em);
}
legend {
	display: none;
}
#newfiles {
	table-layout: auto;
	line-height: 1.3rem;
	word-break: break-word;
}
a:hover {
	color: var(--color-select);
	text-decoration: underline;
}
a {
	text-decoration: none;
	color: var(--color-link);
}
.flexo {
	display: flex;
}
#newfilenav {
	display: flex;
  list-style-type: none;
  flex-direction: column;
  height: 290px;
  flex-wrap: wrap;
}
#newfiles tr:nth-child(even) {
	background: #d6d6d6;
}
#newfiles tr:nth-child(odd) {
	background: #d0d0d0;
}
#nft_upload_date {
	width: 7rem;
}
#nft_file_size {
	text-align: center;
	width: 5rem;
}
.full {
	width: 100%;
}
#stafftable {
	width: 100%;
}
#stafftable th {
	color: var(--color-select);
}
#midpage {
	max-width: 80%;
	margin: 0;
	margin-right: auto;
	margin-left: 1em;
	text-align: left;
}
#midpage h1 {
	text-align: center;
}
#options {
	text-align: center;
}
#pagebot {
	clear: both;
}
p.copyright {
	text-align: center;
	max-width: 1140px;
	margin: 1rem auto;
}
.menu li {
	list-style-type: none;
	padding: 0;
}
.logo, .oldlogo {
	margin-bottom: 0px;
	margin-top: 2px;
	font-size: 8px;
}
	.logo img {
	content: var(--logo-image);
	border-radius: 4px;
	max-width: 100%;
}
.content {
	margin: auto;
	background-color: var(--color-background);
	min-width: 540px;
	width: 75%;
	padding: 0px;
}
.vboxed {
	border-top: 2px ridge;
	border-bottom: 2px ridge;
}
.hboxed {
	border-right: 2px ridge;
	border-left: 2px ridge;
}
#random_button {
	margin-top: 10px;
}
#sidebar {
	width: 184px;
	text-align: center;
	background-color: var(--color-sidebar);
	float: left;
}
#sidebar h3 {
	font-variant-caps: small-caps;
	font-weight: bold;
	margin-bottom: 0;
}
.menuhead {
	font-weight: bold;
	margin-top: 0px;
}
.menularge {
	font-weight: bold;
	margin-bottom: 0px;
}
.menu {
	margin-top: 0px;
	padding: 0;
}
.center {
	text-align: center;
	margin: 0 auto;
}
#topbar li {
	display: inline-block;
	cursor: pointer;
}
#topbar ul {
	background-color: var(--color-sidebar);
	display: flex;
	justify-content: space-between;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#topbar {
	width: 500px;
	margin: auto;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
a.toplink {
  display: block;
  padding: 8px;
}
hr.narrow {
	margin: 0px;
	padding: 0px;
}
#options {
	display: flex;
	text-align: center;
	margin: auto;
	width: fit-content;
}
#linkbox {
	line-height: 0;
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
}
#linkbox a {
	display: block;
}
.themes button {
	margin: 0;
	padding: 1rem;
	border: 2px ridge;
	background: #dddddd;
	color: #000000;
}
.themes button[aria-pressed="true"] {
	background: var(--color-sidebar);
}