/* Font declarations */
@font-face {
    font-family: "Lombardic";
    src: 
        local('Lombardic'),
        url(Lombardic.woff2) format("woff2");
}

/* CSS Variables for common values */
:root {
    --color-primary: #001482;
    --color-hover: #ff0;
    --color-text: #000;
    --color-black: #000;
    --color-white: #fff;
    --color-gray: #9b9b9b;
    --color-brown-dark: #6b4721;
    --color-brown-medium: #8e5e2c;
    --color-brown-light: #be9c54;
    --color-beige: #fffef0;
    --color-beige-alt: #f6f3e4;
    --color-beige-border: #f5f0e0;
    --color-border: #d5bf93;
    --color-bg-dark: #2a1f15;
    --font-family: Verdana, Helvetica, Arial, sans-serif;
    --shadow-glow: 0 0 2px var(--color-black), 2px -2px 4px #fe7634, -2px 2px 4px #e93b0d, 2px 2px 4px #fe5908, -2px -2px 4px #d12c01;
    --shadow-text-brown: 0 0 4px var(--color-white), 2px -2px 10px #ca9052, -2px 2px 10px #b67938, 2px 2px 30px #8e5e2c, -2px 0 30px #6b4721;
    --transition-normal: all 0.5s ease-in-out;
    --transition-fast: all 0.2s ease-in-out;
    --transition-medium: all 0.3s ease;
}

/* Light/Dark Mode toggle icon */
#mode img {
    content: url(./images/dark.png);
}

	#mode img:hover {	
      filter: drop-shadow(5px 5px 5px white)
		drop-shadow(-5px 5px 5px white)
		drop-shadow(5px -5px 5px white)
		drop-shadow(-5px -5px 5px white);
	}

html.dark-mode #mode img {
    content: url(./images/light.png);
}

/* Dark Mode variable overrides */
html.dark-mode {
    --color-primary: #c6e4fe;
    --color-text: #f1f1f1;
    --color-black: #000;
    --color-white: #fff;
    --color-gray: #aaa;
    --color-beige: #1a1a1a;
    --color-beige-alt: #222;
    --color-beige-border: #333;
    --color-border: #555;
    --color-bg-dark: #111;
    --shadow-text-brown: 8px 8px 24px #FFFFFF, 2px -2px 10px #ca9052, -2px 2px 10px #b67938, 2px 2px 30px #8e5e2c, -2px 0 30px #6b4721;
}

html.dark-mode body {
    background-color: #111;
}

html.dark-mode #parchment {
    background-color: #1a1a1a;
    box-shadow: 2px 3px 20px black, 0 0 125px #3a2510 inset;
}

html.dark-mode .bodyline {
    background: transparent;
}

html.dark-mode .forumline,
html.dark-mode .tablebg,
html.dark-mode table.tablesubbg,
html.dark-mode table.watch {
    background: #1a1a1a;
    border-color: #555;
}

html.dark-mode body.index-page .tablebg,
html.dark-mode body.index-page table.tablesubbg,
html.dark-mode body.viewforum-page .tablebg,
html.dark-mode body.viewforum-page table.tablesubbg {
    background: #111;
}

html.dark-mode body.index-page .tablebg.loaded,
html.dark-mode body.index-page table.tablesubbg.loaded,
html.dark-mode body.viewforum-page .tablebg.loaded,
html.dark-mode body.viewforum-page table.tablesubbg.loaded {
    background: #1a1a1a;
}

html.dark-mode th,
html.dark-mode th.cat {
    background: linear-gradient(to bottom, #2a1f15 0%, #ffc677 100%);
}

html.dark-mode td.cat {
    background: linear-gradient(to bottom, #2a1f15 0%, #ffc677 100%);
}

html.dark-mode .row1 {
    background-color: #1a1a1a;
    border-color: #333;
}

html.dark-mode .row2 {
    background-color: #222;
    border-color: #333;
}

html.dark-mode .row3,
html.dark-mode .row3b {
    background-color: #1a1a1a;
    border-color: #333;
}

html.dark-mode .rowA {
    background-color: #222;
}

html.dark-mode .rowB {
    background-color: #19140b;
}

html.dark-mode .pagination span a,
html.dark-mode .pagination span a:active,
html.dark-mode .pagination span a:link,
html.dark-mode .pagination span a:visited,
html.dark-mode .topicpages span a {
    color: #747474;
}

html.dark-mode a:link,
html.dark-mode a:visited,
html.dark-mode a.postlink:link,
html.dark-mode a.postlink:visited,
html.dark-mode a.postlink:active {
    color: #c6e4fe;
}

html.dark-mode a.forumlink {
    color: #c6e4fe;
    font-weight: normal;
}

html.dark-mode a.topictitle {
    color: #c6e4fe;
    text-shadow: none;
}

html.dark-mode a.stickytitle {
    color: #ddd;
    text-shadow: none;
}

html.dark-mode a.stickytitle span,
html.dark-mode a.topictitle span {
    text-shadow: none;
}

html.dark-mode a.announcetitle {
    color: #ff6b6b;
}

html.dark-mode .postbody {
    color: #ddd;
}

html.dark-mode .gen,
html.dark-mode .genmed,
html.dark-mode .gensmall {
    color: #ccc;
}

html.dark-mode .navlinks,
html.dark-mode .nav {
    color: #ccc;
}

html.dark-mode h3 {
    color: #ddd;
    font-weight: normal;
}

html.dark-mode h5 {
    color: #c6e4fe;
    font-weight: normal;
}

html.dark-mode .postdetails .date {
    color: #888;
}

html.dark-mode .sig {
    color: #777;
    border-top-color: #555;
}

html.dark-mode td.moderators {
    color: #999;
}

html.dark-mode .authpost {
    color: #777;
}

html.dark-mode .mods,
html.dark-mode a.forumlink span {
    color: #888;
}

html.dark-mode .lpdetails {
    color: #aaa;
}

html.dark-mode label {
    color: #aaa;
}

html.dark-mode dd label {
    color: #ccc;
}

html.dark-mode .copyright {
    color: #777;
}

html.dark-mode blockquote {
    background: #2a2a2a;
    border-color: #555;
}

html.dark-mode blockquote blockquote {
    background-color: #333;
}

html.dark-mode blockquote blockquote blockquote {
    background-color: #3a3a3a;
}

html.dark-mode input,
html.dark-mode textarea,
html.dark-mode select {
    background-color: #2a2a2a;
    color: #ddd;
    border-color: #555;
}

html.dark-mode input.inputbox {
    background-color: #2a2a2a;
}

html.dark-mode .post,
html.dark-mode textarea {
    background-color: #2a2a2a;
}

html.dark-mode .pagination span strong {
    background-color: #c6e4fe;
    color: #000;
    border-color: #c6e4fe;
}

html.dark-mode .pagination span a,
html.dark-mode .pagination span a:link,
html.dark-mode .pagination span a:visited,
html.dark-mode .pagination span a:active {
    background-color: #333;
    color: #ccc;
    border-color: #555;
}

html.dark-mode .pagination span a:hover {
    background-color: #be9c54;
    color: #000;
}

html.dark-mode ::selection {
    background: #be9c54;
    color: #000;
}

html.dark-mode a:hover {
    color: yellow;
    transition: all 0.2s ease-in-out 0s;
    animation: fire-glow .65s ease-in-out infinite alternate;
}

html.dark-mode .topnav a:hover {
    color: yellow;
    text-shadow: none;
    animation: fire-glow .65s ease-in-out infinite alternate;
}

html.dark-mode .topnav {
    color: #c6e4fe;
}

html.dark-mode .navclear {
    color: #c6e4fe;
}

html.dark-mode #logodesc {
    border-bottom-color: #555;
}

html.dark-mode * {
    scrollbar-color: #be9c54 #1a1a1a;
}

html.dark-mode *::-webkit-scrollbar-track {
    background: #1a1a1a;
}

html.dark-mode *::-webkit-scrollbar-thumb {
    background-color: #be9c54;
    border-color: #1a1a1a;
}

html.dark-mode h1 {
    color: #ddd;
    font-weight: normal;
}

html.dark-mode h2 {
    color: #ddd;
    font-weight: normal;
}

html.dark-mode h4 {
    color: #ddd;
    font-weight: normal;
}

html.dark-mode p.breadcrumbs,
html.dark-mode p.moderators {
    color: #ccc;
}

html.dark-mode .unnav {
    color: #ccc;
}

html.dark-mode .panel {
    color: #ccc;
}

html.dark-mode .attachtitle {
    color: #ddd;
    background-color: #444;
    border-color: #555;
}

html.dark-mode .attachcontent {
    color: #ccc;
    background-color: #2a2a2a;
    border-color: #555;
}

html.dark-mode .codetitle,
html.dark-mode .codecontent {
    color: #ddd;
    background-color: #333;
    border-color: #555;
}

html.dark-mode .codecontent {
    color: #7fbf7f;
    background-color: #1a1a1a;
}

html.dark-mode #message-box textarea {
    color: #ddd;
}

html.dark-mode a.button1,
html.dark-mode a.button1:link,
html.dark-mode a.button1:visited,
html.dark-mode a.button1:active,
html.dark-mode a.button2,
html.dark-mode a.button2:link,
html.dark-mode a.button2:visited,
html.dark-mode a.button2:active {
    color: #ddd;
}

html.dark-mode input.button1,
html.dark-mode input.button2,
html.dark-mode input.button3 {
    color: #ddd;
    background-color: #333;
    border-color: #555;
}

html.dark-mode .btnbbcode {
    color: #ddd;
    background-color: #333;
    border-color: #555;
}

html.dark-mode .btnmain,
html.dark-mode .btnlite {
    color: #ddd;
    background-color: #333;
}

html.dark-mode #tabs a span {
    color: #999;
}

html.dark-mode #tabs .activetab a span {
    color: #ddd;
}

html.dark-mode #tabs .activetab a:hover span {
    color: #ddd;
}

html.dark-mode #tabs a:hover span {
    color: #ccc;
}

html.dark-mode .forumrules {
    background-color: #2a2a2a;
    border-color: #555;
    color: #ccc;
}

html.dark-mode .helpline {
    background: #2a2a2a;
    color: #ccc;
}

html.dark-mode td {
    color: #ccc;
}

html.dark-mode p {
    color: #ddd;
}

/* Keep light-mode text/link colors for eBay preview blocks (light backgrounds) */
html.dark-mode table.ebay td {
    color: #000;
}

html.dark-mode table.ebay a:link,
html.dark-mode table.ebay a:visited,
html.dark-mode table.ebay a:active {
    color: #001482;
}

html.dark-mode table.ebay a:hover {
    color: #ff0;
    text-shadow: var(--shadow-glow);
    animation: none;
}

html.dark-mode table.ebay {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
}

/* Imageset button max height */
img[src*="imageset/"][src$=".png"],
img[src*="imageset/"][src$=".gif"] {
    max-height: 25px;
    width: auto;
}

/* Text-based site logo */
.site-logo-link {
    display: inline-flex;
    align-items: baseline;
    gap: 0.5em;
    text-decoration: none;
}

.site-logo-link:hover {
    text-decoration: none;
}

.site-logo-title {
    font-family: 'Lombardic', Arial;
    font-size: 6.5em;
    color: #513619;
    -webkit-text-stroke: 1px #000;
    text-shadow: 3px 3px 8px #555;
    letter-spacing: 2px;
}

.site-logo-subtitle {
    font-family: 'Bilbo Swash Caps', cursive;
    font-size: 3em;
    color: #513619;
    -webkit-text-stroke: .5px #000;
    text-shadow: 2px 2px 5px #555;
    line-height: 1.1;
	display: inline-block;
	text-align: center;
}

html.dark-mode .site-logo-title {
    color: #ffc677;
    text-shadow: 0 0 4px #000, 2px -2px 10px #ca9052, -2px 2px 10px #b67938, 2px 2px 30px #8e5e2c, -2px 0 30px #6b4721;
    -webkit-text-stroke: 0;
}

html.dark-mode .site-logo-subtitle {
    color: #c6e4fe;
    text-shadow: 0 0 4px #000, 2px -2px 10px #ca9052, -2px 2px 10px #b67938;
    -webkit-text-stroke: 0;
}

html.dark-mode .site-logo-link:hover .site-logo-title,
html.dark-mode .site-logo-link:hover .site-logo-subtitle {
    color: yellow;
}

/* Dark mode fire hover animation (from Acaeum 2) */
@keyframes fire-glow {
    0% {text-shadow: 
       0px 0px 4px #000,
      5px -5px 20px #fe7634,
     -5px 5px 20px #e93b0d,
      5px 5px 20px #fe5908,
     -5px -5px 20px #d12c01;
    }
    100% {text-shadow: 
       0px 0px 4px #000,
      8px -8px 20px #f77401,
     -8px 8px 20px #fe7634,
      8px 8px 20px #fe5908,
     -8px -8px 20px #e93b0d;
    }
}

/* Consolidated font-size declarations */
.navclear, .postdetails, .postdetails .date, .sig, .btnmain, .btnlite, .helpline, .buynow-amount, select.ebay {
    font-size: 10px;
}

/* Scrollbar styling from Acaeum website */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--color-brown-dark) #ddd6c3;
}

*::-webkit-scrollbar {
    width: 14px;
}

*::-webkit-scrollbar-track {
    background: #ddd6c3;
}

*::-webkit-scrollbar-thumb {
    background-color: #6b4721;
    border-radius: 7px;
    border: 2px outset #ddd6c3;
}

*, body {
    margin: 0;
    padding: 0;
}

html {
    font-size: 100%;
    height: 100%;
    overflow-y: scroll;
    background-color: var(--color-bg-dark);
}

body {
    font-family: var(--font-family);
    background-color: var(--color-bg-dark);
    background-image: url(./images/background.avif);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    font-size: 62.5%;
    padding: 0 0 80px;
    min-height: 100vh;
}

::selection {
    background: wheat;
    color: var(--color-black)
}

a:link, a:visited, a.postlink:link, a.postlink:visited, a.postlink:active {
    color: var(--color-primary);
    transition: var(--transition-normal);
    text-decoration: none;
}

a:hover, a.postlink:hover {
    transition: var(--transition-fast);
    color: var(--color-hover);
    text-shadow: var(--shadow-glow);
}

a.noTransition {
    transition: none;
}

#parchment {
    position: absolute;
    top: 20px;
    left: 50%;
    width: calc(100% - 60px);
    max-width: 1400px;
    min-height: calc(100vh - 40px);
    transform: translateX(-50%) translateZ(0);
    box-shadow: 2px 3px 20px black, 0 0 80px #bb9468 inset;
    filter: url(#wavy2);
    background-color: var(--color-beige);
    will-change: height;
}

/* Center forum content with max-width */
.bodyline {
    background: transparent;
    max-width: 1400px;
    width: calc(100% - 40px);
    margin: 20px auto;
    box-shadow: none;
    border-radius: 8px;
    position: relative;
    z-index: 1;
}

.topbkg {
    background: transparent;
    padding-top: 20px;
}

.topbkg td {
    background: transparent;
}

.topnav {
    font-size: 11px;
    font-weight: 700;
    color: var(--color-primary);
    height: 26px;
    white-space: nowrap;
    border-bottom: 1px solid var(--color-border);
    text-shadow: var(--shadow-text-brown);
    background: transparent;
}

.topnav a:hover, .topnavPM {
    color: var(--color-hover);
    text-shadow: 0 1px 1px var(--color-black), -3px -3px 0.5em var(--color-brown-light), 3px 3px 0.5em var(--color-brown-light), 3px -3px 0.5em var(--color-brown-light), -3px 3px 0.5em var(--color-brown-light);
}

.topnav a:hover {
    text-decoration: none;
    transition: var(--transition-medium);
}

.topnavPM {
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.topnavPM:hover {
    color: var(--color-primary);
    text-shadow: var(--shadow-text-brown);
    transition: var(--transition-medium);
}

.navclear {
	color: var(--color-primary);
	height: 26px;
	white-space: nowrap;
	text-shadow: 0 0 0 var(--color-black);
	background: transparent;
}

#wrapcentre {
    background: transparent;
}

#wrapheader {
    background: transparent;
}

#wrapheader {
    height: auto!important
}

#wrapcentre {
    margin: 0 8px;
	padding: 20px 20px 10px 20px;
}

#wrapfooter {
    text-align: center;
    clear: both;
    margin-bottom: 10px;
}

#logodesc {
    background: transparent;
    border-bottom: 1px solid #d5bf93;
    margin-bottom: 3px;
}

#datebar {
    margin: 14px 0 3px;
}

#findbar {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}

.forumrules {
    background-color: #d7e2ef;
    padding: 4px;
    font-weight: 400;
    font-size: 1.1em;
    font-family: var(--font-family);
    border: 1px solid #98aab1;
    margin-top: 10px;
}

table.nav {
    margin: 12px 0 0;
}

table.nav,table.navbottom {
    overflow: hidden;
    width: 100%;
    height: 26px;
}

.navlinks,td.moderators {
    font-weight: 700;
    font-style: italic;
}

.navlinks {
    font-family: var(--font-family);
    font-size: 1.3em;
    margin: 3px 0 4px 3px;
}

td.moderators {
    color: #757575;
    font-size: 1.05em;
    margin: 3px 0 4px;
}

td.linkmcp {
    margin: 3px 0 4px;
    font-size: 1em;
    float: right;
    white-space: nowrap;
}

td.subscribe {
    padding: 6px 0 0 25px;
    white-space: nowrap;
    vertical-align: middle;
	width: 110px;
}

/* Icon base class */
.icon-subscribe, .icon-unsubscribe, .icon-bookmark, .icon-bump, .icon-equality {
    background-position: 2% 58%;
    background-repeat: no-repeat;
}

.icon-subscribe {
    background-image: url(./images/icon_subscribe.gif);
}

.icon-unsubscribe {
    background-image: url(./images/icon_unsubscribe.gif);
}

.icon-allread {
    background-image: url(./images/icon_all_read.gif);
}

.icon-markread {
    background-image: url(./images/icon_mark_read.gif);
}

.icon-bookmark {
    background-image: url(./images/icon_bookmark.gif);
}

.icon-bump {
    background-image: url(./images/icon_bump.gif);
}

.icon-equality {
    background-image: url(./images/icon_equality.gif);
}

.topnavPM:hover,h1,h2 {
    text-decoration: none
}

h1 {
    color: var(--color-black);
    font-size: 1.8em
}

h1, h2, h3, h5 {
    font-family: var(--font-family);
}

h2 {
    font-size: 1.5em;
    line-height: 120%
}

h3,h5 {
    text-shadow: 0 1px 1px var(--color-white)
}

h1,h2,h3,h4,h5 {
    font-weight: 700
}

h3 {
    text-transform: uppercase;
    border-bottom: 2px solid var(--color-border);
    margin-bottom: 3px;
    padding-bottom: 2px;
    margin-top: 20px;
    font-size: 1.05em;
    color: var(--color-text);
}

h4,h5 {
    color: #e7eef5;
}

h5 {
    color: #32475f;
    margin: 4px 0 6px;
    font-size: 1.5em
}

h4,p {
    font-size: 1.15em;
}

p.breadcrumbs,p.moderators {
    margin: 0;
    float: left;
    color: var(--color-black);
    font-weight: 700
}

p.breadcrumbs {
    white-space: normal;
    font-size: 1em
}

p.datetime {
    margin: 0;
    white-space: nowrap;
    font-size: 1em;
    float: right
}

p.searchbar {
    padding: 2px 0;
    margin: 0 2px 14px;
    white-space: nowrap
}

#container {
    position: relative;
    height: 20px;
    width: 100%;
    border: 0
}

#container div {
    width: 240px
}

#left {
    left: 2px
}

#center,#left,#right {
    position: absolute;
    bottom: 5px
}

#center {
    font-weight: 700;
    left: 50%;
    margin-left: -100px;
    text-align: center
}

#right {
    text-align: right;
    right: 2px
}

p.searchbarreg {
    margin: 0;
    float: right;
    white-space: nowrap
}

.lpdetails,p.topicauthor,p.topicdetails {
    margin: 1px 0
}

.lpdetails {
    color: #32475f;
    font-size: 1.05em;
    white-space: nowrap
}

.postreported,.postreported a:active,.postreported a:hover,.postreported a:link,.postreported a:visited {
    margin: 1px 0;
    color: red;
    font-weight: 700
}

.postapprove,.postapprove a:active,.postapprove a:hover,.postapprove a:link,.postapprove a:visited {
    color: green;
    font-weight: 700
}

.postapprove img,.postreported img {
    vertical-align: bottom;
    padding-top: 5px
}

.postdetails .date {
	color: #9b9b9b
}

.postauthor {
    font-weight: 700
}

.postbody {
    font-size: 1.3em;
    line-height: 1.4em;
    font-family: var(--font-family);
	padding: 6px;
}

.postbody li,ol,ul {
    margin: 0 0 0 1.5em
}

.sig {
	margin: 1.5em 20px 0 0;
	padding: 6px;
	color: #9b9b9b;
	border-top: 1px solid #9b9b9b
}

.posthilit {
    background-color: #ff0
}

.attachbox {
    float: left;
    width: 250px;
    margin: 5px 5px 5px 10px;
    padding: 6px;
    background-color: #ebebeb;
    border: 1px dashed var(--color-black);
    clear: right
}

.nav {
    margin: 0;
    color: var(--color-black);
    font-weight: 700
}

.gen {
    margin: 1px;
    font-size: 1.2em
}

.genmed,.gensmall {
    margin: 1px;
    font-size: 1.1em
}

.gensmall {
    font-size: 1em
}

.copyright, .titles {
    font-family: var(--font-family);
}

.copyright {
    color: #444;
    font-weight: 400
}

.titles {
    font-weight: 700;
    font-size: 1.3em;
    text-decoration: none
}

.online {
    color: green
}

.error,.inactive,.offline {
    color: red
}

.pagination,.topicpages {
    height: 1%;
    width: auto;
    text-align: right;
    white-space: nowrap
}

.pagination {
    margin-top: 8px;
    float: right
}

#ajaxfrom,.pagination span.page-sep,.topicpages span.page-sep {
    display: none
}

.pagination span strong {
    padding: 0 2px;
    margin: 0 2px;
    font-weight: 400;
    color: var(--color-white);
    background-color: var(--color-black);
    border: 1px solid var(--color-black);
    font-size: .9em
}

.pagination span a,.pagination span a:active,.pagination span a:link,.pagination span a:visited,.topicpages span a {
    font-weight: 400;
    text-decoration: none;
    color: #747474;
    margin: 0 2px;
    padding: 0 2px;
    background-color: #eee;
    border: 1px solid var(--color-black);
    font-size: .9em;
    line-height: 1.5em
}

.pagination span a:hover,.topicpages span a:hover {
    border-color: var(--color-black);
    background-color: #be9c54;
    color: var(--color-black);
    text-decoration: none
}

#format-buttons input,#format-buttons select,.pagination img,.topicpages img {
    vertical-align: -20%;
}

.topicpages {
    display: inline;
    padding: 0 0 1px 50px;
    font-size: 1em;
    background: 0 50% no-repeat
}

.forumline, .tablebg, table.tablesubbg, table.watch {
    background: var(--color-beige);
    border: 2px solid var(--color-brown-dark);
    border-spacing: 0;
    padding: 0;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
	margin-bottom: 12px;
}

/* Prevent beige flash on index and forum list pages during navigation */
body.index-page .tablebg,
body.index-page table.tablesubbg,
body.viewforum-page .tablebg,
body.viewforum-page table.tablesubbg {
    background: var(--color-bg-dark);
    transition: background-color 0.2s ease;
}

body.index-page .tablebg.loaded,
body.index-page table.tablesubbg.loaded,
body.viewforum-page .tablebg.loaded,
body.viewforum-page table.tablesubbg.loaded {
    background: var(--color-beige);
}

table.tablesubbg {
    margin: 15px 0 0;
}

th, th.cat {
	background: linear-gradient(to bottom, var(--color-brown-medium) 0%, var(--color-brown-dark) 100%);
	color: #f1f1f1;
	font-size: 11px;
	font-weight: 700;
	text-shadow: 0 1px 1px var(--color-black);
    white-space: nowrap;
    height: 27px;
    margin: 0 0 15px;
    padding: 0 8px;
    clear: both;
}

th.cat {
    text-align: left;
}

.bordergray {
    border-bottom: 1px solid #9b9b9b
}


td.profile {
    padding: 0 4px 4px 10px;
    border-right: 1px var(--color-white) solid
}

td.viewforum {
    padding: 2px 0 4px 2px;
    width: 150px
}

td.cat {
    background: linear-gradient(to bottom, var(--color-brown-medium) 0%, var(--color-brown-dark) 100%);
}

table.poll {
    margin-top: 5px;
    font-size: 11px
}

.greyrow2 {
    background-color: silver;
    padding: 4px;
    border: 1px var(--color-white) solid
}

.unnav {
	margin: 0;
	color: var(--color-black);
	font-weight: 400
}

.row1 {
    background-color: var(--color-beige);
    padding: 4px 8px 3px 8px;
    border: 1px var(--color-beige-border) solid;
}

.row2 {
    background-color: var(--color-beige-alt);
    padding: 4px 6px 3px 6px;
    border: 1px var(--color-beige-border) solid;
}

.row3, .row3b {
    background-color: var(--color-beige);
    padding: 0 0 0 8px;
    border: 1px var(--color-beige-border) solid;
}

td.row3 {
    white-space: nowrap;
    padding: 6px 0 6px 10px;
}

.rowA {
    background-color: var(--color-beige);
    padding: 6px;
}

.rowB {
    background-color: var(--color-beige-alt);
    padding: 6px;
}

hr,hr .blue {
    height: 1px;
    border-width: 0;
    background-color: #d1d7dc
}

hr .blue {
    background-color: var(--color-black)
}

.legend {
    text-align: center;
    margin: 0 auto
}

a.forumlink {
    color: var(--color-primary);
    font-weight: 700;
    font-family: var(--font-family);
    font-size: 1.3em;
    text-shadow: 0px 0px 2px #FFFFFF, 1px -1px 7px rgba(202, 144, 82, 0.25), -1px 1px 7px rgba(182, 121, 56, 0.25), 1px 1px 10px rgba(142, 94, 44, 0.25), -1px 0px 10px rgba(107, 71, 33, 0.25);
}

a.forumlink:hover, a.stickytitle:hover, a.topictitle:hover {
    transition: var(--transition-fast);
    color: var(--color-hover);
    text-shadow: var(--shadow-glow);
}

a.forumlink span, a.forumlink:hover span, a.topictitle {
    transition: var(--transition-normal);
}

.mods, a.forumlink span {
    padding: 0 0 2px 3px;
    font-family: var(--font-family);
    color: var(--color-gray);
}

a.forumlink span {
	text-shadow: 0 0 0 var(--color-black);
    font-size: .85em;
    font-weight: 400
}

a.forumlink:hover span {
	color: var(--color-black)
}

.mods {
    font-size: 1em;
    font-weight: 700
}

a.stickytitle, a.topictitle {
    font-size: 1.15em;
    font-weight: 700;
    text-shadow: 0 1px 1px var(--color-white);
}

a.topictitle {
    color: var(--color-primary);
}

a.stickytitle {
    color: var(--color-black)
}

a.announcetitle, a.stickytitle span, a.topictitle span {
    color: #c84b00;
    text-shadow: 0 1px 1px var(--color-white);
    transition: var(--transition-normal);
}

a.announcetitle:hover, a.stickytitle:hover span, a.topictitle:hover span {
    transition: var(--transition-fast);
    color: var(--color-hover);
    text-shadow: var(--shadow-glow);
}

a.announcetitle {
    color: red;
    font-size: 1.15em;
    font-weight: 700
}

.authpost {
    font-size: .95em;
    padding: 0 0 0 5px;
    color: #9b9b9b
}

form {
    margin: 0;
    padding: 0;
    border: 0;
    display: inline
}

input,textarea {
    border-radius: 5px;
    border: 1px solid var(--color-black);
    padding: 2px
}

input {
    background-color: var(--color-white)
}

input, select, textarea {
    color: #333;
    font-family: var(--font-family);
    font-size: 11px;
    font-weight: 400;
}

textarea {
    line-height: 1.4em
}

.post,select,textarea {
    background-color: var(--color-white)
}

select {
    border: 1px solid #a9b8c2;
    padding: 1px
}

option {
    padding: 0 1em 0 0
}

option.disabled-option {
    color: gray
}

input.radio {
    border: 0;
    background-color: transparent
}

.post {
    border-style: solid;
    border-width: 1px
}

.btnbbcode {
    color: var(--color-text);
    font-weight: 400;
    font-size: 11px;
    font-family: var(--font-family);
    background-color: #fafafa;
    border: 1px solid var(--color-black);
}

.btnfile,.btnlite,.btnmain {
    border: 1px solid var(--color-black);
    padding: 1px 5px
}

.btnmain {
	background-color: #fafafa;
	cursor: pointer;
	font-weight: 700
}

.btnfile,.btnlite {
    font-weight: 400
}

.btnlite {
	cursor: pointer;
	background-color: #fafafa
}

.btnfile {
    background-color: var(--color-white);
    font-size: 1.1em
}

.helpline {
	background: #e1e9f2;
	border: 0 solid
}

input:focus,select:focus,textarea:focus {
    outline-style: none
}

.attachtitle {
    margin: 10px 5px 0;
    padding: 4px;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #a9b8c2;
    color: #333;
    background-color: #a9b8c2;
    font-size: .85em;
    font-weight: 700
}

.attachcontent, .codecontent, .codetitle {
    border-style: solid;
    font-family: var(--font-family);
}

.attachcontent {
    font-weight: 400;
    line-height: 1.4em;
    margin: 0 5px 10px;
    padding: 5px;
    border-color: #d1d7dc;
    border-width: 0 1px 1px;
    background-color: #fafafa;
    color: #444;
    font-size: .85em
}

blockquote {
    background: #ebebeb 6px 8px no-repeat;
    border: 1px solid #32475f;
    font-size: .95em;
    margin: .5em 1px 0 25px;
    overflow: hidden;
    padding: 5px
}

blockquote blockquote {
    background-color: #bababa;
    font-size: 1em;
    margin: .5em 1px 0 15px
}

blockquote blockquote blockquote {
    background-color: #e4e4e4
}

blockquote cite {
    font-style: italic;
    font-weight: bolder;
    margin-bottom: 5px;
    display: block;
    font-size: .9em
}

blockquote cite cite {
    font-size: 1em
}

.codecontent,.codetitle {
    margin: 10px 5px 0;
    padding: 2px 4px;
    border-width: 1px 1px 0;
    border-color: #a9b8c2;
    color: #333;
    background-color: #a9b8c2;
    font-size: .8em
}

.codecontent {
    direction: ltr;
    margin: 0 5px 10px;
    padding: 5px;
    border-width: 0 1px 1px;
    font-weight: 400;
    color: #060;
    font-size: .85em;
    font-family: Monaco,'Courier New',monospace;
    background-color: #fafafa;
    white-space: pre-wrap;
    word-wrap: break-word
}

.syntaxbg {
    color: var(--color-white)
}

.syntaxcomment {
    color: #ff8000
}

.syntaxdefault {
    color: #00b
}

.syntaxhtml {
    color: var(--color-black)
}

.syntaxkeyword {
    color: #070
}

.syntaxstring {
    color: #d00
}

.pm_marked_colour {
    background-color: #000
}

.pm_replied_colour {
    background-color: #a9b8c2
}

.pm_friend_colour {
    background-color: #070
}

.pm_foe_colour {
    background-color: #d00
}

.checks_details {
    display: block;
    margin-top: 8px
}

img {
    border: 0
}

.sep {
    color: var(--color-black);
    background-color: #ffa34f
}

#tabs ul {
    padding: 0
}

pre {
    font-size: 1.1em;
    font-family: Monaco,'Courier New',monospace
}

.nowrap {
    white-space: nowrap
}

.username-coloured,dt label {
    font-weight: 700
}

.subforum.read {
    background: url(./images/icon_post_target.gif) center left no-repeat;
    padding-left: 12px
}

.subforum.unread {
    background: url(./images/icon_post_target_unread.gif) center left no-repeat;
    padding-left: 12px
}

input.inputbox {
    background-color: #f2f3f3
}

.left-box,fieldset dt {
    float: left;
    width: auto;
    text-align: left
}

.right-box {
    float: right;
    width: auto;
    text-align: right
}

.leftarrow {
    text-align: left;
    text-decoration: none;
    padding-left: 12px;
    float: left;
    background: no-repeat 3px 60%;
    background-image: url(./images/arrowleft.gif)
}

.leftarrow:hover {
    background-position: 0 60%
}

.rightarrow {
    text-align: right;
    text-decoration: none;
    padding-right: 12px;
    float: right;
    background: no-repeat 95% 60%;
    background-image: url(./images/arrowright.gif)
}

.rightarrow:hover {
    background-position: 100% 60%
}

fieldset {
    border-width: 0
}

label {
    padding-right: 5px;
    color: #676767
}

fieldset.display-options {
    text-align: center;
    margin: 3px 0 5px
}

fieldset.display-options label {
    white-space: nowrap;
    padding-right: 2px
}

fieldset.display-options a {
    margin-top: 3px
}

fieldset.quickmod {
    width: 50%;
    float: right;
    text-align: right
}

.panel {
    margin-bottom: 4px;
    padding: 0 10px;
    color: #3f3f3f
}

fieldset dl {
    padding: 4px 0
}

fieldset dt {
    width: 40%;
    display: block
}

fieldset dd {
    margin-left: 41%;
    vertical-align: top
}

.bg1,.bg4 {
    padding: 10px 10px 6px;
    background-color: #cadceb;
    width: 40%;
    white-space: nowrap
}

.bg4 {
    padding: 4px 10px 3px;
    width: 45%
}

fieldset.fields1 dt,fieldset.fields2 dt {
    width: 10em;
    border-right-width: 0
}

fieldset.fields1 dd {
    margin-left: 10em;
    border-left-width: 0
}

fieldset dd,fieldset.fields1 div {
    margin-bottom: 3px
}

fieldset.fields2 dl:hover dt label {
    color: inherit
}

fieldset.fields2 dt {
    width: 12em;
    padding-top: 4px
}

fieldset.fields2 dd {
    margin-left: 12em;
    border-left-width: 0
}

fieldset.submit-buttons {
    text-align: center;
    vertical-align: middle;
    margin: 5px 0
}

fieldset.submit-buttons input {
    vertical-align: middle;
    padding-top: 3px;
    padding-bottom: 3px
}

dt label {
    text-align: left
}

dd label {
    white-space: nowrap;
    color: #333
}

dd input,dd textarea {
    margin-right: 3px
}

dd select {
    width: auto
}

dd textarea {
    width: 95%
}

#format-buttons {
    margin: 15px 0 2px
}

#message-box {
    width: 80%
}

#message-box textarea {
    font-family: var(--font-family);
    width: 100%;
    font-size: 12px;
    color: #333;
}

#smiley-box {
    width: 18%;
    float: right
}

#smiley-box img {
    margin: 3px
}

input.button1, input.button2, input.button3 {
    font-size: 1.1em;
    width: auto !important;
    padding: 1px 3px;
    margin-bottom: 2px;
    font-family: "Lucida Grande", var(--font-family);
    color: var(--color-text);
    background: #fafafa repeat-x top left;
    background-image: url(./images/bg_button.gif);
}

a.button1,a.button1:active,a.button1:link,a.button1:visited,a.button2,a.button2:active,a.button2:link,a.button2:visited {
    text-decoration: none;
    color: var(--color-black);
    padding: 2px 8px;
    line-height: 250%;
    vertical-align: text-bottom;
    background-position: 0 1px
}

#tabs li,input.button1,td.watchlist {
    font-weight: 700
}

a.button1:hover,a.button2:hover,input.button1:hover,input.button2:hover,input.button3:hover {
    border-color: maroon;
    color: maroon
}

input.disabled {
    font-weight: 400;
    color: #666
}

#tabs,.clearfix,dl.polls,fieldset dl,ul.topiclist dl {
    height: 1%;
    overflow: hidden
}

#tabs {
    line-height: normal;
    margin: 20px 0 -1px 7px;
    min-width: 570px
}

#tabs ul {
    margin: 0;
    list-style: none
}

#tabs li {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 1em
}

#tabs a,#tabs a span {
    float: left;
    transition: none
}

#tabs a {
    background: no-repeat 0% -35px;
    margin: 0 1px 0 0;
    text-decoration: none;
    position: relative;
    background-image: url(./images/bg_tabs1.gif);
    padding: 0 0 0 5px
}

#tabs a span {
    display: block;
    background: no-repeat 100% -35px;
    background-image: url(./images/bg_tabs2.gif);
    color: #6f6f6f;
    padding: 6px 10px 6px 5px;
    white-space: nowrap
}

#tabs a:hover span {
    color: #bcbcbc
}

#tabs .activetab a,#tabs .activetab a:hover {
    background-position: 0 0
}

#tabs .activetab a span {
    background-position: 100% 0;
    padding-bottom: 7px;
    color: #333
}

#tabs a:hover {
    background-position: 0 -70px
}

#tabs a:hover span {
    background-position: 100% -70px
}

#tabs .activetab a:hover span {
    color: var(--color-black);
    background-position: 100% 0
}

acronym {
    cursor: help;
    border-bottom: 1px var(--color-black) dotted
}

#donation_goal {
    background: #ddd;
    border: 1px #f7f7f7 solid;
    width: 100%;
    height: 30px;
    margin: 10px 0
}

#donation_progressbar {
    background: green;
    border-right: 1px #006400 solid;
    height: 30px
}

#donation_progressbar span {
    float: right;
    color: var(--color-white);
    font-weight: 700;
    font-size: 12px;
    margin-top: 7px
}

#donation_progressbar #fix {
    position: relative;
    left: 35px;
    color: #999
}

#donate {
    background: url(./images/donate.gif) 0 50% no-repeat;
    padding-left: 20px
}

#tabs a,.pointer,input[type=submit],label,select {
    cursor: pointer
}

.tableebay,table.ebay {
    border-spacing: 0;
    padding: 0;
    border-radius: 5px
}

.tableebay {
    background: var(--color-white);
    border: 2px solid #4f3517;
    width: 98%;
    margin: 10px
}

table.ebay {
    margin: 5px 1px 1px;
    font-family: var(--font-family);
    font-size: 12px;
    border-width: 0;
    box-shadow: 8px 8px 8px #999;
}

table.ebay a:hover, table.ebay a:link, table.ebay a:visited {
    text-decoration: none;
    transition: var(--transition-normal);
}

.ebaycomp a.rollover:hover, .ebaycomp a:hover, .ebaycomp a:link, .ebaycomp a:visited, .intro a:hover, .intro a:link, .intro a:visited {
    font-size: 13px;
    font-style: italic;
    font-weight: 700;
    text-decoration: none;
    transition: var(--transition-normal);
}

.ebaycomp a.rollover:hover,.ebaycomp a:hover,.ebaycomp a:link,.ebaycomp a:visited {
    color: #32475f
}

.ebaycomp a.rollover:hover,.ebaycomp a:hover {
    color: #ab4b05
}

table.watchlist {
    border-spacing: 0;
    padding: 0;
    float: right
}

td.watchlist {
    color: #e7eef5;
    font-size: 9px;
    text-shadow: 0 1px 1px var(--color-black);
    white-space: nowrap;
    width: 30px;
    height: 11px;
    box-shadow: 2px 2px 2px #999;
    border-radius: 5px;
    background: #7d522f repeat-x 0 0;
    margin: 0 0 15px;
    padding: 0 8px;
    clear: both;
}

td.watchlist a:hover, td.watchlist a:link, td.watchlist a:visited {
    color: #e7eef5;
    text-decoration: none;
    transition: var(--transition-normal);
}

td.watchlist a:hover {
    color: var(--color-hover);
}

th.ebayimg a:link,th.ebayimg a:visited {
    font-size: 11px;
    font-weight: 700;
    color: #e7eef5;
    text-decoration: none
}

th.ebayimg a:hover {
    text-decoration: none;
    color: var(--color-hover);
    transition: var(--transition-normal);
}

.watchclass {
    color: #b7b5b5;
    text-decoration: none
}

.watchclass:hover {
    color: #e7eef5
}

.mem a:hover,.mem a:link,.mem a:visited {
    color: #e7eef5;
    text-decoration: none
}

.mem a:hover {
    color: var(--color-hover);
}

.remove-icon,.remove-icon a {
    background: top left no-repeat;
    background-image: url({IMG_ICON_POST_REMOVE_SRC})
}

ul.profile-icons li.remove-icon {
	margin: 3px 4px 0 3px;
	width: {IMG_ICON_POST_REMOVE_WIDTH}px;
	height: {IMG_ICON_POST_REMOVE_HEIGHT}px
}

/** Viewtopic.php inline style classes **/

/* Condition verification tables */
.ebay-error {
	background-color: #FFB6C1;
}

.ebay-success {
	background-color: lightgreen;
}

/* eBay listings bold text */
.ebay-listing-bold {
	font-weight: bold;
}

/* Price formatting */
.price-amount {
	vertical-align: 5%;
	letter-spacing: 2px;
	font-size: 12px;
}

.price-currency {
	font-size: 14px;
}

.price-currency b {
	font-weight: bold;
}

/* Buy Now price formatting (smaller) */
.buynow-amount {
	vertical-align: 5%;
	letter-spacing: 2px;
}

.buynow-currency {
	font-size: 12px;
}

.buynow-currency b {
	font-weight: bold;
}

/** Auction Hunter public search addons **/

/** colors category choices in eBay dropdown lists **/

option.ebaycolor {
	color: #00f
}

.hidden {
	display: none
}

.visible {
	display: inline
}

select.ebay {
	width: 140px;
	border-radius: 4px;
	border: 1px solid #aaa
}

th.ebaybrowsectr,th.ebayctr {
	text-align: center
}

th.ebayctr {
	height: 31px
}

/** grey color for Seen items **/
.rowseenA,.rowseenB {
	background-color: #eee;
	padding: 4px
}

.rowseenB {
	background-color: #e3e3e3
}

.rowwatched {
	background-color: #faf7a6;
	padding: 4px
}

.myButton {
	background: linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	background-color: #599bb3;
}

.myButton:hover {
	background: linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	background-color: #408c99;
}

.myButton:active {
	position: relative;
	top: 1px
}

.myButton, .myButtongreen, .myButtonred {
	box-shadow: 0 10px 14px -7px #276873;
	background: linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	border-radius: 8px;
	border: 1px solid var(--color-black);
	display: inline-block;
	cursor: pointer;
	color: var(--color-white);
	font-family: Arial;
	font-size: 9px;
	font-weight: 700;
	text-shadow: 0 1px 1px var(--color-black);
	padding: 3px 7px;
	text-decoration: none;
}

.myButtongreen {
	background: linear-gradient(to bottom, #03ab3e 5%, #038c33 100%);
	background-color: #03ab3e;
}

.myButtongreen:hover {
	background: linear-gradient(to bottom, #038c33 5%, #03ab3e 100%);
	background-color: #038c33;
}

.myButtongreen:active {
	position: relative;
	top: 1px
}

.myButtonred {
	background: linear-gradient(to bottom, #d60000 5%, #ab0000 100%);
	background-color: #d60000;
}

.myButtonred:hover {
	background: linear-gradient(to bottom, #ab0000 5%, #d60000 100%);
	background-color: #ab0000;
}

.myButtonred:active {
	position: relative;
	top: 1px
}

input.reg[type=radio] {
	vertical-align: middle
}

input.new[type=radio] {
	vertical-align: bottom
}

::-webkit-input-placeholder {
	color: gray
}

:-moz-placeholder,::-moz-placeholder {
	color: gray;
	opacity: 1
}

:-ms-input-placeholder,::-ms-input-placeholder {
	color: gray
}

/* black background */
#lightbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	text-align: center
}

#lightbox img {
	box-shadow: 0 0 25px #111;
	max-width: 98%;
	max-height: 97vh;
}

blink {
  -webkit-animation: 1.5s linear infinite condemned_blink_effect;
  animation: 1.5s linear infinite condemned_blink_effect;
}

@-webkit-keyframes condemned_blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

@keyframes condemned_blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

/* AJAX Forum Updates - Animated icon transitions */
.forum-icon-transition {
    transition: opacity 0.8s ease-in-out;
}

/* Prevent layout shift from preloaded icons only */
img[src*="forum_read.gif"],
img[src*="forum_unread.png"],
img[src*="sticky_read.gif"],
img[src*="sticky_unread.gif"] {
    width: 25px;
    height: 25px;
    display: block;
}

/* Safari and mobile device fixes for SVG parchment background */

/* Safari-specific fix - disable SVG filter on Safari browsers */
@supports (-webkit-hyphens:none) {
	#parchment {
		filter: none;
	}
}

/* Mobile device layout - hide parchment and use box-shadow effect instead */
@media screen and (max-width: 580px) {
	* {
		max-width: 100vw;
	}
	
	html {
		overflow-x: hidden;
		width: 100vw;
	}
	
	body {
		width: 100vw;
		overflow-x: hidden;
		margin: 0;
		padding: 0 0 20px;
	}
	
	#parchment {
		display: none;
	}
	
	.bodyline {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 60px #8a4d0f inset;
		background: var(--color-beige);
		width: calc(100vw - 10px);
		max-width: calc(100vw - 10px);
		margin: 5px;
		padding: 5px;
		display: block;
		box-sizing: border-box;
		border-radius: 8px;
	}
	
	.bodyline * {
		max-width: 100%;
		box-sizing: border-box;
	}
	
	/* Force all tables to fit within container */
	table {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		table-layout: auto !important;
	}
	
	/* Topics column fills all available space */
	td.row3,
	th:first-child {
		width: 100% !important;
	}
	
	/* Allow text to wrap and break if needed */
	td, th {
		word-wrap: break-word !important;
		word-break: break-word !important;
		overflow-wrap: break-word !important;
		white-space: normal !important;
	}
	
	/* Override nowrap HTML attributes */
	td[nowrap], th[nowrap] {
		white-space: normal !important;
	}
	
	.forumline, .tablebg, table.tablesubbg {
		width: 100% !important;
		max-width: 100%;
		box-sizing: border-box;
	}
	
	.topbkg, #wrapcentre {
		width: 100%;
		box-sizing: border-box;
	}
	
	/* Override fixed-width table cells on viewforum */
	td, th {
		min-width: 0 !important;
		max-width: none !important;
		width: auto !important;
	}
	
	td.viewforum {
		width: auto !important;
		min-width: 0 !important;
		padding: 2px !important;
	}
	
	/* Hide less critical columns on mobile to save space */
	td.row2:nth-child(2),
	td.row2:nth-child(3),
	td.row1,
	th:nth-child(2),
	th:nth-child(3),
	th:last-child {
		display: none !important;
	}
	
	/* Hide searchbox in table header on mobile */
	#viewforum-searchbox {
		display: none !important;
	}
	
	td[width="50"],
	td[width="170"],
	td[style*="width:100px"],
	td[style*="width:130px"],
	td[style*="min-width:57px"],
	td[style*="min-width:166px"],
	th[style*="min-width:160px"] {
		width: auto !important;
		min-width: 0 !important;
	}
	
	/* Make pagination and other elements wrap properly */
	.pagination {
		font-size: 0.9em;
		white-space: normal;
	}
}