/*	----------------------	*/
/*	----------------------	*/
/*	Document main tags.		*/
/*	----------------------	*/
/*	----------------------	*/
html {
	background: var(--lowerback);
	background-image: linear-gradient(var(--upperback) 40px, var(--lowerback) 400px);
	scrollbar-color:  var(--groovetop)  var(--lowerback);
}
body {
	color: var(--commontex);
}
/*	----------------------	*/
/*	----------------------	*/
.wrap {
	scrollbar-color: var(--mediumbac) var(--commonbac);
}
/*	----------------------	*/
/*	----------------------	*/
/*	@WIP: Visible header.	*/
/*	----------------------	*/
#page-header {
	padding: 8px 8px 4px;
}
.headerbar {
	padding: 0 0 8px;
	border-radius: 5px 5px 0 0;
}
.headerbar .inner {
	position: relative;
	background-size: cover !important;
	border-radius: 3px 3px 0 0;
	box-shadow: inset 0 2px 2px 1px #0009, 0 2px 1px #fff2;
}
#var_hdlgre .headerbar .inner	{
	background: url(banners/hdlgre2.webp) 66% 0;
}
#var_hdlblu .headerbar .inner {
	background: url(banners/hdlblu2.webp) 66% 0;
}
#var_hdlsla .headerbar .inner {
	background: url(banners/hdlsla2.webp) 50% 0;
}
#var_hdlora .headerbar .inner {
	background: url(banners/hdlora2.webp) 10% 0;
}
#var_hdlmur .headerbar .inner	{
	background: url(banners/hdlmur2.webp) 77% 0;
}
#logo {
	display: block;
	padding-top: 153px;
	background: url(banners/Logovali.avif) 2% 50% no-repeat;
	background-size: auto 56%;
}
#var_hdlsla #logo {
	filter: saturate(.3) hue-rotate(180deg);
}
@media screen and (max-width: 700px) {
	#logo {
		padding-top: 24%;
		background-size: auto 66%;
	}
}
/*	----------------------	*/
/*	----------------------	*/
/*	Header nav bar.			*/
/*	----------------------	*/
.navbar {
	font-size: 1.3rem;
}
#page-header .phpbb_announcement + .navbar {
    padding: 7px 3px 0;
}
#page-header .navbar,
#page-header .phpbb_announcement[style*="none"] + .navbar  {
    padding: 0 3px;
}
.nav-breadcrumbs {
	border-bottom: 1px solid var(--groovetop);
	box-shadow: 0 1px 0 var(--groovebot);
}
/*	------------------	*/
/*	@NB: Ths should be	*/
/*	#header-crumbs		*/
/*	------------------	*/
#page-header .nav-breadcrumbs {
	padding-block: 0 6px;
}
.nav-main {
	list-style: none;
	padding-block: 4px;
	line-height: 2.4rem;
}
#nav-main {
	display: flex;
}
#nav-main > li:nth-child(2) {
	margin-left: auto;
}
#nav_inbox {
	margin-inline: 3px 7px;
}
#nav_notify + #nav_inbox::before,
#nav_inbox:not(:last-child)::after {
	content: '|';
}
#nav_notify_button,
#nav_inbox_button {
	margin: 0 4px;
	padding: 0 4px;
	text-align: center;

	.icon::before {
		padding: 0;
	}
}
#nav_inbox_button {
	margin: 0;
}
/*	----------------------	*/
/*	----------------------	*/
/*	@WIP: Log in pop-up.	*/
/*	----------------------	*/
#header_login_li {
	margin: 0 auto;
}
#header_login {
	position: absolute;
	z-index: -1;
}
#header_login_toggle, #header_register_li a {
	padding: 0 2px;
	color: var(--anchorcol);
	font-size: 1.7rem;
	font-weight: 700;
	font-variant-caps: small-caps;
}
#header_login:focus + #header_login_toggle,
#header_login_toggle:hover,
#header_register_li > a:hover,
#header_register_li > a:focus {
	text-decoration: none;
	box-shadow: 0 2px 0;
}
#header_login_toggle .icon,
#header_register_li > a .icon {
	width: auto;
	margin: 1px 0 -1px;
}
#header_login_toggle .icon::before,
#header_register_li .icon::before {
	font-size: 1.6rem;
}
#header_login_toggle::before {
	visibility: hidden;
	position: fixed;
	z-index: 1;
	inset: 0;
	content: '';
	background: #000;
	opacity: 0;
}
#header_login:checked + label::before {
	visibility: visible;
	opacity: .5;
	transition: opacity .3s;
}
#header_login_toggle + .headerspace {
	box-sizing: border-box;
	visibility: hidden;
	overflow: hidden;
	position: fixed;
	z-index: 1;
	left: calc(50% - 14.5rem);
	width: 28rem;
	margin-top: -4.2rem;
	padding: 4px 0 8px;
	background: var(--commonbac);
	font-size: 1.4rem;
	line-height: 3.2rem;
	text-align: center;
	opacity: 0;

	.quick-login {
		width: fit-content;
		margin: 0 auto;
	}
}
@media (hover: none) and (max-width: 18rem) {
	#header_login_toggle + .headerspace {
		right: 0;
		left: 0;
		width: auto;
		max-width: 100vw;
		border-width: 1px 0;
		border-radius: 0;
	}
}
#header_login:checked + label + .headerspace {
	visibility: visible;
	opacity: 1;
	transition: opacity .3s ease-in;
}
.quick-login > label {
	overflow: hidden;
	display: flex;
	width: 25rem;
	max-width: calc(100vw - 30px);
	margin-top: 12px;
	padding: 0;
	background-color: var(--mediumbac);
	color: var(--mediumtex);
	font-weight: 600;
	border: 1px solid;
	border-color: var(--insetbtop) var(--insetbsid) var(--insetbbot);
	border-radius: 2px;

	span {
		flex: 0 0 auto;
		padding: 0 5px;
		white-space: nowrap;
	}
	.inputbox {
		box-sizing: border-box;
		flex: 1 1 auto;
		width: 12rem;
		padding: 0 0 0 5px;
		border: 0;
	}
}
.quick-login .inputbox:focus {
	background: #fff3;
	box-shadow: inset 1px 1px 2px #0002;
}
#autologin {
	position: absolute;
	left: -1em;
}
#autologin + label {
	display: block;
	width: fit-content;
	min-width: 50%;
	margin-inline: auto;
	padding: 0 7px;
	background-color: #0000;
	color: var(--commontex);
	font-weight: 600;
	line-height: 3rem;
	border: 0;
}
#autologin+label::after {
	display: inline-block;
	vertical-align: top;
	width: 1.8rem;
	font-size: 1.8rem;
	font-weight: 700;
	content:' \003F';
}
#autologin:checked+label::after {
	content:' \2714';
}
.quick-login #login,
.page-body > #login input[name="login"] {
	display: block;
	width: fit-content;
	min-width: 50%;
	margin: 8px auto;
	padding: 0 7px;
	font-size: 1.4rem;
	font-weight: 600;
	font-variant-caps: small-caps;
	line-height: 2.8rem;
}
#send_password {
	text-decoration: none;
}
#autologin + label:hover, #autologin:focus + label,
#send_password:hover, #send_password:focus {
	box-shadow: inset 0 -4px 0 var(--groovetop);
}
/*	------------------	*/
/*	@NB: Ths should be	*/
/*	#quicklinks_styles	*/
/*	------------------	*/
#after_breadcrumbs {
	display: flex;
	justify-content: space-between;
	padding-top: 4px;
	/*	NB: Same as .row!	*/
	border-top: 1px solid var(--groovetop);
	box-shadow: inset 0 1px 0 var(--groovebot);
}
#after_breadcrumbs li {
	position: relative;
	margin: 0;
}
#nav-main::after, #after_breadcrumbs::after {
	content: none;
}
/*	----------------------	*/
/*	----------------------	*/
/*	Tweaks to user menu.	*/
/*	----------------------	*/
.header-avatar {
	min-width: 2.8rem;
}
.header-avatar span {
	margin-inline-end: 3rem;
}
.header-avatar img {
	position: absolute;
	right: .1rem;
	max-width: 2.4rem;
	max-height: 2.4rem;
	object-fit: cover;
	object-position: 50% 50%;
	margin: 0;
	background: var(--groovebot);
	outline: 1px solid var(--commontex);
	box-shadow: none;
}
/*	------------------	*/
/*	No avatar fallback.	*/
.header-avatar .icon.fa-user-circle {
	position: absolute;
	top: .1rem;
	right: 0;
	font-size: 2.4rem;

	::before {
		padding: 0;
	}
}
/*	------------------	*/
#username_logged_in li a[href*="viewprofile"] span {
	text-transform: lowercase;
}
#username_logged_in li a[href*="viewprofile"] span::before {
	text-transform: capitalize;
	content: 'Your ';
}
/*	----------------------	*/
/*	----------------------	*/
/*	@WIP: Breadcrumbs and	*/
/*	other assorted shiznit.	*/
/*	----------------------	*/
#quick-links li a,
#username_logged_in .dropdown a,
#quick_style_gb .dropdown a {
	display: block;
	padding: 0 8px 0 4px;
}
#quick-links .fa-search + span {
	font-size: 1.3rem;
	font-variant-caps: small-caps;
}
/*	----------------------	*/
/*	----------------------	*/
/*	Footer, copright, etc.	*/
/*	----------------------	*/
#page-footer {
	background-color: var(--commonbac);
	border-top: 1px solid var(--groovetop);
	outline: 9px solid var(--commonbor);
}
/*	------------------	*/
/*	@NB: Ths should be	*/
/*	#nav-footer			*/
/*	------------------	*/
#nav-main-footer {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid var(--groovebot);
	box-shadow: inset 0 -1px 0 var(--groovetop);
}
/*	------------------	*/
/*	@NB: Ths should be	*/
/*	#footer-crumbs		*/
/*	------------------	*/
#nav-footer {
	padding-block: 4px;
}
/*	----------------------	*/
/*	----------------------	*/
/*	Colour change buttons.	*/
/*	----------------------	*/
#quick_style_gb .fa-paint-brush {
	transform: rotate(-10deg);
}
#quick_style_gb li {
	text-align: center;
}
#variant_switch {
	padding: 0 4px 8px;

	strong {
		display: block;
		padding-bottom: 4px;
	}
	button {
		width: 4rem;
		height: 3rem;
		border: 0;
		border-radius: 3px;
		opacity: .4;
	}
}
#var_hdlgre #hdlgre,#var_hdlblu #hdlblu,
#var_hdlsla #hdlsla,#var_hdlora #hdlora,#var_hdlmur #hdlmur,
#variant_switch button:hover,#variant_switch button:focus {
	opacity: 1;
}
/*	----------------------	*/
/*	NB: Change to oklch!	*/
/*	----------------------	*/
#hdlgre {
	background: #709f82;
}
#hdlblu {
	background: #639fdc;
}
#hdlsla {
	background: #6d8fb4;
}
#hdlora {
	background: #d56a00;
}
#hdlmur {
	background: #800b46;
}
/*	----------------------	*/
/*	----------------------	*/
/*	NB: New CSS variables!	*/
/*	----------------------	*/
#var_hdlgre {
	--upperback: oklch(.27 .033 158);
	--lowerback: oklch(.36 .033 158);

	--boardicon: oklch(.36 .033 158);

	--commonbac: oklch(.90 .030 071);
	/*	Contrast ration 7.44:1	*/
	--commontex: oklch(.38 .033 071);
	/*	Contrast ration 7.27:1	*/
	--anchorcol: oklch(.39 .080 060);

	--commonbor: oklch(.95 .015 071);
	--darkerbor: oklch(.71 .030 071);

	--mediumbac: oklch(.85 .035 071);
	--mediumtex: oklch(.40 .033 071);

	/*	----------------------	*/
	--anchoralt: oklch(.80 .095 069);

	--buttoncol: oklch(.66 .067 157);
	--buttonalt: oklch(.56 .067 157);
	/*	----------------------	*/

	--insetbtop: oklch(.72 .030 071);
	--insetbsid: oklch(.80 .030 071);
	--insetbbot: oklch(.97 .030 071);

	--groovetop: oklch(.78 .030 071);
	--groovebot: oklch(.97 .030 071);
}
#var_hdlblu {
	--upperback: oklch(.27 .066 246);
	--lowerback: oklch(.37 .066 246);

	--boardicon: oklch(.38 .080 252);

	--commonbac: oklch(.92 .020 211);
	/*	Contrast ration 7.26:1	*/
	--commontex: oklch(.40 .022 211);
	/*	Contrast ration 7.31:1	*/
	--anchorcol: oklch(.40 .079 252);

	--commonbor: oklch(.97 .008 211);
	--darkerbor: oklch(.71 .022 211);

	--mediumbac: oklch(.87 .020 211);
	--mediumtex: oklch(.37 .030 211);

	/*	----------------------	*/
	--anchoralt: oklch(.90 .029 242);

	--buttoncol: oklch(.64 .103 250);
	--buttonalt: oklch(.56 .125 252);
	/*	----------------------	*/

	--insetbtop: oklch(.73 .022 211);
	--insetbsid: oklch(.80 .022 211);
	--insetbbot: oklch(.97 .022 211);

	--groovetop: oklch(.78 .022 211);
	--groovebot: oklch(.97 .022 211);
}
#var_hdlsla {
	--upperback: oklch(.27 .031 263);
	--lowerback: oklch(.40 .031 263);

	--boardicon: oklch(.41 .043 259);

	--commonbac: oklch(.94 .012 253);
	/*	Contrast ration 7.40:1	*/
	--commontex: oklch(.41 .031 253);
	/*	Contrast ration 7.42:1	*/
	--anchorcol: oklch(.41 .050 259);

	--commonbor: oklch(.99 .004 253);
	--darkerbor: oklch(.76 .012 248);

	--mediumbac: oklch(.89 .018 253);
	--mediumtex: oklch(.34 .054 236);

	/*	----------------------	*/
	--anchoralt: oklch(.90 .029 242);

	--buttoncol: oklch(.64 .068 252);
	--buttonalt: oklch(.48 .068 252);
	/*	----------------------	*/

	--insetbtop: oklch(.78 .012 248);
	--insetbsid: oklch(.84 .012 248);
	--insetbbot: oklch(001 .000 248);

	--groovetop: oklch(.84 .012 248);
	--groovebot: oklch(001 .000 248);
}
#var_hdlora {
	--upperback: oklch(.22 .020 086);
	--lowerback: oklch(.35 .020 086);

	--boardicon: oklch(.54 .156 058);

	--commonbac: oklch(.84 .021 070);
	/*	Contrast ration 7.22:1	*/
	--commontex: oklch(.34 .035 072);
	/*	Contrast ration 7.17:1	*/
	--anchorcol: oklch(.33 .330 098);

	--commonbor: oklch(.91 .021 070);
	--darkerbor: oklch(.64 .021 070);

	--mediumbac: oklch(.79 .029 070);
	--mediumtex: oklch(.33 .035 072);

	/*	----------------------	*/
	--anchoralt: oklch(.83 .118 065);

	--buttoncol: oklch(.75 .136 062);
	--buttonalt: oklch(.64 .162 053);
	/*	----------------------	*/

	--insetbtop: oklch(.67 .021 070);
	--insetbsid: oklch(.75 .021 070);
	--insetbbot: oklch(.92 .021 070);

	--groovetop: oklch(.71 .021 070);
	--groovebot: oklch(.92 .021 070);
}
#var_hdlmur {
	--upperback: oklch(.22 .072 009);
	--lowerback: oklch(.35 .072 009);

	--boardicon: oklch(.40 .153 356);

	--commonbac: oklch(.90 .027 056);
	/*	Contrast ration 7.20:1	*/
	--commontex: oklch(.39 .030 353);
	/*	Contrast ration 7.40:1	*/
	--anchorcol: oklch(.40 .153 356);

	--commonbor: oklch(.96 .014 056);
	--darkerbor: oklch(.71 .027 056);

	--mediumbac: oklch(.84 .036 056);
	--mediumtex: oklch(.35 .074 353);

	/*	----------------------	*/
	--anchoralt: oklch(.80 .095 069);

	--buttoncol: oklch(.80 .100 055);
	--buttonalt: oklch(.72 .150 055);
	/*	----------------------	*/

	--insetbtop: oklch(.72 .027 056);
	--insetbsid: oklch(.80 .027 056);
	--insetbbot: oklch(.97 .027 056);

	--groovetop: oklch(.78 .027 056);
	--groovebot: oklch(.97 .027 056);
}
/*	----------------------	*/
/*	----------------------	*/
/*	Standard links & icons. */
/*	----------------------	*/
a:link, a:visited,
a:hover, a:focus,
.button {
	color: var(--anchorcol);
}
/*	----------------------	*/
/*	----------------------	*/
/*	Common containers.		*/
/*	----------------------	*/
/*	----------------------	*/
/*	Containers directly on	*/
/*	html/body background.	*/
/*	----------------------	*/
#skiplink, #page-header,
.forabg, .forumbg, .rules, .panel, .post, .action-bar {
	background-color: var(--commonbac);
	border: 4px solid  var(--commonbor);
	border-radius: 8px;
	box-shadow: inset 0 0 0 1px var(--darkerbor), 0 4px 8px #0007;
}
.cp-main .panel, .cp-main .post,
.cp-main .action-bar, .panel .panel {
	border:0;border-radius:0;box-shadow:none;
}
.panel .panel {
	padding: 0;
}
/*	--------------------------	*/
/*	--------------------------	*/
.topicreview {
	background: var(--lowerback);
}
/*	----------------------	*/
/*	@NB: Use outline here.	*/
/*	I can use this trick	*/
/*	with .dropmenu too.		*/
/*	----------------------	*/
.topicreview .post {
	margin-block: 14px;
	background-color: var(--commonbac);
	border: solid var(--darkerbor);
	border-width: 1px 0; border-radius: 0;
	outline: 3px solid var(--commonbor);
}
/*	----------------------	*/
/*	I can use this trick	*/
/*	with .dropmenu too.		*/
/*	----------------------	*/
#header_login_toggle + .headerspace,
.dropdown {
	filter: drop-shadow(1px 2px 3px #0006);
}
.pointer {
	border-color: var(--commonbor) transparent;
}
#header_login_toggle + .headerspace,
.dropdown-contents {
	background-color: var(--commonbac);
	border: 1px solid var(--darkerbor);
	border-radius: 5px;
	outline: 4px solid var(--commonbor);
}
/*	--------------------------	*/
.row, .dropdown li {
	border-top: 1px solid var(--groovetop);
	box-shadow: inset 0 1px 0 var(--groovebot);
}
/*	----------------------	*/
/*	Secondary containers,	*/
/*	site menu hover/focus.	*/
/*	----------------------	*/
#websitemenu .linklevel1, #websitemenu a:hover, #websitemenu a:focus,
/*	------------------	*/
#phpbb_announcement > div,
/*	------------------	*/
blockquote, .codebox,
blockquote blockquote blockquote,
blockquote blockquote .codebox,
/*	------------------	*/
.inputbox, .message-box .inputbox,
/*	------------------	*/
#active-subsection, .cp-main .display-options {
	background-color: var(--mediumbac);
	color: var(--mediumtex);
	border: 1px solid;
	border-color: var(--insetbtop) var(--insetbsid) var(--insetbbot);
}
/*	------------------	*/
blockquote blockquote, blockquote .codebox {
	background-color: var(--commonbac);
}
/*	------------------	*/
#websitemenu .linklevel1:hover, #websitemenu .linklevel1:focus {
	filter: saturate(1.3);
}
/*	------------------	*/
select {
	background: var(--groovebot);
	border-color: var(--darkerbor);
	border-radius: 3px;
}
select:focus {
	background: var(--commonbor);
	color: var(--commontex);
	outline: 2px solid var(--anchorcol);
}
/*	----------------------	*/
/*	----------------------	*/
/*	Requires a different	*/
/*	colour for titles and	*/
/*	links directly on body.	*/
/*	---------------------	*/
h2 {
	color: var(--commonbac);
}
h2 a:link, h2 a:visited {
	color:var(--anchoralt);
}
/*	----------------------	*/
.panel h2 .panel h2 a {
	color: var(--commontex);
}
.panel h2 a:link, .panel h2 a:visited,
.dropdown label, .page-jump li {
	color: var(--boardicon);
    font-weight: 400;
}
/*	----------------------	*/
/*	----------------------	*/
.tab a {
    background-color: var(--commonbac);
	border-radius: 4px 4px 0 0;
}
.tab a:hover, .tab a:focus, .activetab a {
	background-color:  var(--commonbor);
	box-shadow: 0 2px 0  var(--commonbor);
}
/*	----------------------	*/
/*	----------------------	*/
.table1 .bg2 {
	background-color: var(--mediumbac);
	color: var(--mediumtex);
}
/*	----------------------	*/
.dropdown-extended .header,
.stat-block, .panel h2, .postbody h3, .pm_heading {
	border-bottom: 1px solid var(--groovetop);
	box-shadow: 0 1px 0 var(--groovebot);
}
/*	----------------------	*/
.signature, .polls dl, .dropdown-extended .footer {
	border-top: 1px solid var(--groovetop);
	box-shadow: inset 0 1px 0 var(--groovebot);
}
/*	----------------------	*/
.codebox p {
	border-bottom: 1px solid #ccc;
}
/*	----------------------	*/
.badge, .resultbar > div {
	background-color: var(--buttonalt);
	color: #fff;
}
/*	----------------------	*/
/*	@WIP: 					*/
/*	----------------------	*/
.pagination .active span,
.jumpbox li:hover {
	background-color: var(--buttonalt);
	color: #fff;
	border-color: var(--buttonalt);
}
.jumpbox a:hover {
	color: #fff;
}
/*	----------------------	*/
/*	----------------------	*/
/*	@WIP: This needs to		*/
/*	be rationalised. Too	*/
/*	messy and fragmented.	*/
/*	----------------------	*/
/*	----------------------	*/

/*	----------------------	*/
/*	----------------------	*/
/*	@WIP: Site search form.	*/
/*	Hamburger, and inputs.	*/
/*	----------------------	*/
/*	----------------------	*/
/*	@NB: Input styling		*/
/*	should be consistent	*/
/*	over the whole GUI! :P	*/
/*	----------------------	*/
#search a:hover, #search a:focus,
.hamburger span:first-child,
.inputbox:hover, .inputbox:focus {
	border-color: var(--buttoncol);
}
#keywords, .action-bar .inputbox {
	background: #fff8;
}
#keywords:focus, .action-bar .inputbox:focus {
	background: #fffa;
	outline: none;
	border-color: #fffa;
	box-shadow: 0 -2px 0 var(--darkerbor), 0 2px 0 var(--darkerbor);
}
/*	----------------------	*/
.page-body > h2 > a, form > h2.solo a,
.markread-bar > a,
.page-body > p > a:not(.button),
.linkmcp a {
	color: var(--anchoralt);
}
/*	--------------------------	*/
/*	--------------------------	*/
#keywords, #keywords:hover,
.action-bar .inputbox,
.action-bar .inputbox:hover {
	background: var(--groovebot);
	color: var(--commontex);
	font-family: corbel;
	border-color: var(--darkerbor);
}
#keywords:focus,
.action-bar .inputbox:focus {
	background: var(--commonbor);
	color: var(--commontex);
	border-color: var(--darkerbor);
	outline: 2px solid var(--anchorcol);
}
.button, .button1, .button2, .smiley-box-links {
	background: linear-gradient(var(--commonbor), var(--mediumbac));
	color: var(--anchorcol);
	border-color: var(--darkerbor);
	border-radius: 3px;
}
.button:hover, .button:focus,
.button1:hover, .button1:focus,
.button2:hover, .button2:focus,
.smiley-box-links:hover, .smiley-box-links:focus  {
	text-decoration: none;
	border-color: #0003 #0004 #0007;
	filter: brightness(1.06);
}
/*	----------------------	*/
/*	----------------------	*/
/*	Collapsible categories	*/
/*	----------------------	*/
.collapse-btn {
	margin-top: -.3rem !important;
	background-color: var(--buttoncol);
	color: #fff !important;
	border-radius: 2px;
	opacity: .5;
}
.collapse-btn .fa-plus-square::before {
	/*	Use fa-plus. */
	content: '\f067';
}
.collapse-btn .fa-minus-square::before {
	/*	Use fa-minus. */
	content: '\f068';
}
.collapse-btn:hover, .collapse-btn:focus{
	background-color: var(--buttonalt);
}
/*	--------------------------	*/
/*	--------------------------	*/
/*	@WIP: Assorted bullshit.	*/
/*	Head 'em off at the pass!	*/
/*	--------------------------	*/
.dropdown li:first-child,
.stat-block:last-child,
.poll_vote {
	border: 0 !important;
	box-shadow: none !important;
}
.inner .panel {
	box-shadow: none !important;
}
/*	----------------------	*/
/*	----------------------	*/
/*	Kill ridiculous filth.	*/
/*	NB: This markup is in	*/
/*	a range of templates.	*/
/*	I will need to check.	*/
/*	----------------------	*/
.topictitle + br + .responsive-show,
.topictitle + br + .responsive-show + .responsive-show.left-box {
	display: none !important;
}
/*	----------------------	*/
/*	----------------------	*/
/*	Temporary tweaks 21/08.	*/
/*	Deals with read/unread	*/
/*	invisible for guests.	*/
/*	----------------------	*/
#nav-main {
	#header_login_li:first-child {
		margin-inline: auto .5em;
	}
	#header_register_li:nth-child(2) {
		margin-inline: .5em auto;
	}
}
#page-body > .category:first-child + .forabg {
	margin-top: 20px;
}
/*	----------------------	*/
/*	----------------------	*/
/*	---- End of file. ----	*/
/*	----------------------	*/
/*	----------------------	*/