BODY {
	background-color: rgb(66,66,115);
	margin: 0px;
	padding: 0px;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	--site-sidebar-width: 148px;
}

/* Page frame rows. The left column is always --site-sidebar-width; the
 * right column fills the remainder. The 10px gap and right margin in the
 * body row stand in for the old pixel.gif spacer columns. */
.site-header-row {
	display: flex;
	align-items: flex-end;
}

.site-header-logo {
	width: var(--site-sidebar-width);
	background-color: rgb(128,128,150);
	text-align: center;
	align-self: stretch;
}

.site-header-banner {
	flex: 1;
	padding: 3px;
}

.site-gradient-row {
	display: flex;
	height: 6px;
	font-size: 0;
}

.site-gradient-sidebar {
	width: var(--site-sidebar-width);
	background-color: rgb(128,128,150);
	background-image: url(images/menu_top_gradient.png);
	background-repeat: repeat-x;
}

.site-gradient-main {
	flex: 1;
	background-image: url(images/page_top_gradient.png);
	background-repeat: repeat-x;
}

.site-body-row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding-right: 10px;
}

.site-sidebar {
	width: var(--site-sidebar-width);
	flex-shrink: 0;
}

.site-sidebar-promos {
	text-align: center;
}

.site-main {
	flex: 1;
	min-width: 0;
	padding-top: 9px;
}

BODY, TD, TH, TEXTAREA, INPUT {
	font-family: Verdana, Sans-Serif;
	font-size: 13px;
}

BODY, TD, TH {
	color: rgb(180,180,200);
}

H2 {
	font-size: 20px;
	font-weight: bold;
}
H3 {
	font-size: 17px;
	font-weight: bold;
}
H4 {
	font-size: 15px;
	margin: 0px; padding: 0px;
	margin-bottom: 10px;
}

A:link   {color: rgb(255,255,255); text-decoration: none;}
A:visited{color: rgb(255,255,255); text-decoration: none;}
A:hover  {color: rgb(200,200,255); text-decoration: none;}


.menu_background {
	background-color: rgb(128,128,150);
	margin: 0px;
}

/* The shared class is also on the top RPGDX logo cell (a <td>),
 * so scope the rounded-corner + padding to the sidebar <div> only. */
div.menu_background {
	padding-bottom: 12px;
	border-bottom-right-radius: 12px;
}

.menu {
	width: 140px;
	padding: 0px 4px;
}

.menu_title {
	background-color: rgb(150,75,75);
	text-align: center;
	white-space: nowrap;
	font-weight: bold;
	border: 1px solid rgb(64,64,100);
	border-top-width: 0px;
	color: rgb(200,200,200);
	padding: 0px 5px 1px 5px;
}

.menu_item {
	text-align: left;
	border-bottom: 1px solid rgb(64,64,100);
	padding: 1px 5px 2px 5px;
	color: rgb(0,0,0);
}

.menu_footer {
	background-color: rgb(128,128,64);
}


.body_header {
	background-color: rgb(56,56,97);
	text-align: left;
	font-weight: bold;
	font-size: 20px;
	padding: 3px 5px 3px 5px;
	border: 1px solid rgb(50,50,70);
	border-bottom-width: 0px;
}

.navigation {
	background-color: rgb(100,100,128);
	font-size: 12px;
	font-weight: normal;
	padding: 0px 5px 1px 5px;
	border: 1px solid rgb(50,50,70);
	border-top-width: 0px;
}

.seperation {
	font-size: 0px;
	height: 5px;
}

.body_main {
	padding: 5px;
}

TD.body_footer {
	text-align: center;
	white-space: nowrap;
	height: 20px;
}



.sidebar {
	width: 150px;
	border: 1px solid rgb(50,50,70);
	border-bottom-width: 0px;
}

.sidebar_title {
	background-color: rgb(70,70,120);
	padding: 5px;
	text-align: center;
	border-bottom: 1px solid rgb(50,50,70);
}

.sidebar_item {
	background-color: rgb(100,100,150);
	text-align: center;
	border-bottom: 1px solid rgb(50,50,70);
	display: flow-root;
}



.page-with-sidebar {
	display: flex;
	align-items: flex-start;
	gap: 5px;
}

.page-main {
	flex: 1 1 0;
	min-width: 0;
}

.news-post {
	margin-bottom: 20px;
}

.news_header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1em;
	background-color: rgb(80,80,130);
	padding: 2px 5px 2px 5px;
}

.news-post-title {
	font-size: inherit;
	font-weight: bold;
	margin: 0;
}

.news-post-meta {
	background-color: rgb(66,66,115);
	padding: 1px 4px 1px 4px;
	border-bottom: 1px solid rgb(80,80,130);
}

.news_main {
	padding: 2px 5px 2px 5px;
}

.news_main img {
	max-width: 100%;
	height: auto;
}

.news_footer {
}


.user_bar {
	background-color: rgb(160,160,170);
	padding: 3px 3px 3px 10px;
	color: rgb(0,0,0);
	border-top: 1px solid rgb(0,0,0);
	border-bottom: 1px solid rgb(0,0,0);
	white-space: nowrap;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.user_links {
	display: flex;
	border-left: 1px solid rgb(100,100,100);
	border-right: 1px solid rgb(200,200,200);
}

.user_link {
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid rgb(100,100,100);
	border-left: 1px solid rgb(200,200,200);
	white-space: nowrap;
}


DIV.copyright {
	margin: 10px;
	padding: 10px;
	text-align: center;
	border-top: 2px solid rgb(50,50,70);
}

DIV.small_date {
	font-size: 10px;
	color: rgb(25,25,50);
	text-align: center;
}




.td {
	background-color: rgb(66,66,115);
	padding: 1px 4px 1px 4px;
	border-bottom: 1px solid rgb(80,80,130);
}
.th {
	background-color: rgb(80,80,130);
	padding: 2px 4px 2px 4px;
	white-space: nowrap;
}


/* Form stuff */

TD.formNameCell {
	font-weight: bold;
	white-space: nowrap;
}

.formInput {
	background-color: rgb(180,180,212);
	width: 100%;
	border-top: 1px solid rgb(0,0,0);
	border-left: 1px solid rgb(0,0,0);
	border-right: 1px solid rgb(200,200,225);
	border-bottom: 1px solid rgb(200,200,225);
	padding-left: 2px;
}

.formListBox {
	background-color: rgb(180,180,212);
	border-top: 1px solid rgb(0,0,0);
	border-left: 1px solid rgb(0,0,0);
	border-right: 1px solid rgb(200,200,225);
	border-bottom: 1px solid rgb(200,200,225);
	padding-left: 2px;
}

.formButton {
	background-color: rgb(80,80,130);
	font-size: 11px;
	border-top: 1px solid rgb(200,200,225);
	border-left: 1px solid rgb(200,200,225);
	border-right: 1px solid rgb(0,0,0);
	border-bottom: 1px solid rgb(0,0,0);
	color: rgb(165,167,191);
	margin: 1px;
}

.fileFormInput {
	background-color: rgb(180,180,212);
	border-top: 1px solid rgb(0,0,0);
	border-left: 1px solid rgb(0,0,0);
	border-right: 1px solid rgb(200,200,225);
	border-bottom: 1px solid rgb(200,200,225);
}


.screenshots {
	padding: 2px 2px 0px 2px;
	margin: 0px;
}

.screenshot {
	width: 140px;
	border: 1px solid rgb(56,56,97);
	padding: 0px;
	margin: 1px 1px 3px 1px;
}

.description {
	margin: 0px;
	padding: 10px 3px 5px 3px;
	border-bottom: 1px solid rgb(80,80,130);
}


/* Contest awards related */

.award_block {
/*	border: 1px solid rgb(50,50,70);*/
	padding: 0px;
	margin: 5px;
}

.award-row {
	display: flex;
	align-items: center;
	gap: 10px;
}

.award-row > span {
	flex: 1;
	text-align: center;
}

.menu-item-row {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

/* Counts were plain <td>s before and picked up the page-wide TD color;
 * restore that now that they're <span>s inheriting from .menu_item. */
.menu-item-row > span {
	color: rgb(180,180,200);
}

.award_image {
}



/* Remarks (smaller and cursed) */

.remark {
	font-weight: normal; font-size: 85%;
	font-style: italic;
}


/* Shadow helpers */

.thin_shadow {
	background-color: rgb(33,33,57);
}

.lift_by_one {
	padding: 0px;
	margin: 0px;
	position: relative;
	top: -1px;
	left: -1px;
}


/* Styles for box layout */

.boxHead {
	background-color: rgb(80,80,130);
	padding: 2px 4px 2px 4px;
	white-space: nowrap;
	font-weight: bold;
	text-align: center;
}

.boxBody {
	background-color: rgb(66,66,115);
	padding: 8px;
	border-color: rgb(80,80,130);
	border-style: solid;
	border-width: 0px;
/*	border: 1px solid 
	border-top-width: 0px;*/
}


/* Rating bar styles */

.barBackground {
	width: 102px;
	background-color: rgb(66,66,115);
	border: 1px solid;
	border-top-color: rgb(36,36,75);
	border-left-color: rgb(36,36,75);
	border-right-color: rgb(115,115,175);
	border-bottom-color: rgb(115,115,175);
	text-align: left;
}

.barForeground {
	background-color: rgb(88,66,115);
	border: 1px solid;
	border-top-color: rgb(151,127,183);
	border-left-color: rgb(151,127,183);
	border-right-color: rgb(66,46,80);
	border-bottom-color: rgb(66,46,80);
	width: 100px;
	font-size: 10px;
}



/* bbcode quote & code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 12px;
	background-color: rgb(60, 60, 100);
	border: 1px solid rgb(50,50,80);
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
	background-color: rgb(60, 60, 100);
	border: 1px solid rgb(50,50,80);
}

/* bbcode general text */
.gen { font-size: 12px; }
.genmed { font-size: 11px; }
.gensmall { font-size: 10px; }

/* other things from phpbb2 */
th.thHead,td.catHead { background-color: rgb(80,80,130); }