/*
 * Mulke Legacy 1.0.0
 * phpBB 3.3.17 child style of prosilver.
 *
 * Goal: reproduce the old Mulke.net / subsilver2 visual language
 * without using phpBB 3.0 templates, so phpBB 3.3 template events
 * and extensions continue to work.
 */

@import url("../../prosilver/theme/stylesheet.css?v=3.3");

/* ------------------------------------------------------------
   Base typography / page
------------------------------------------------------------ */
html {
	font-size: 100%;
}

body {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #323D4F;
	background: #FFFFFF url("./images/bg_body.gif") repeat-x top left;
}

.wrap {
	max-width: none;
	width: auto;
	margin: 0 25px;
	padding: 0;
	background: #FFFFFF;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

a,
a:link {
	color: #006597;
	text-decoration: none;
}

a:visited {
	color: #005784;
}

a:hover,
a:focus {
	color: #D46400;
	text-decoration: underline;
}

h1, h2, h3, h4,
.forumtitle,
.topictitle {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

h2 {
	color: #28313F;
	font-size: 18px;
}

h3 {
	color: #28313F;
	font-size: 14px;
}

/* ------------------------------------------------------------
   Header: old Mulke.net identity
------------------------------------------------------------ */
.headerbar {
	min-height: 127px;
	margin: 0 0 10px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: #C1CAD2;
	box-shadow: none;
}

.headerbar .inner {
	min-height: 127px;
	margin: 0;
}

.site-description {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

.logo {
	float: none;
	display: block;
	width: 650px;
	max-width: 100%;
	height: 127px;
	margin: 0 auto;
	padding: 0;
}

.site_logo {
	display: block;
	width: 650px;
	max-width: 100%;
	height: 127px;
	background: transparent url("./images/logo.jpg") no-repeat center center;
	background-size: contain;
}

.site-description h1,
.site-description p {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.search-header {
	display: none;
}

/* ------------------------------------------------------------
   Navbar / breadcrumbs
------------------------------------------------------------ */
.navbar {
	margin: 0 0 8px;
	padding: 4px 8px;
	background: #ECECEC;
	border: 1px solid #A9B8C2;
	border-radius: 0;
	box-shadow: none;
}

.navbar a,
.navbar .icon,
.navbar .fa {
	color: #006597;
}

.navbar a:hover,
.navbar a:hover .icon,
.navbar a:hover .fa {
	color: #D46400;
}

ul.linklist > li,
.breadcrumbs,
.breadcrumbs .crumb {
	font-size: 11px;
}

.breadcrumbs .crumb a {
	font-weight: bold;
}

.dropdown .dropdown-contents,
.dropdown-extended .dropdown-contents {
	background: #F6F6F6;
	border-color: #A9B8C2;
	border-radius: 0;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}

/* ------------------------------------------------------------
   Forum/topic lists: subsilver2 blue/orange tables
------------------------------------------------------------ */
.forabg,
.forumbg {
	margin: 0 0 7px;
	padding: 1px;
	background: #A9B8C2;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.forabg .inner,
.forumbg .inner {
	margin: 0;
}

ul.topiclist li.header {
	padding: 0;
	background: #006699 url("./images/cellpic3.gif") repeat-x left top;
	color: #FFA34F;
}

ul.topiclist li.header dl {
	min-height: 28px;
	padding-top: 0;
	padding-bottom: 0;
}

ul.topiclist li.header dt,
ul.topiclist li.header dd {
	padding-top: 7px;
	padding-bottom: 7px;
	color: #FFA34F;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	text-transform: none;
}

ul.topiclist li.header a,
ul.topiclist li.header a:visited {
	color: #FFA34F !important;
}

ul.topiclist li.header a:hover {
	color: #FFE0BE !important;
}

ul.topiclist li.row {
	border-top: 0;
	border-bottom: 1px solid #A9B8C2;
	background: #ECECEC;
}

ul.topiclist li.row:nth-child(odd) {
	background: #DCE1E5;
}

ul.topiclist li.row:hover {
	background: #E8EEF2;
}

ul.topiclist dl {
	font-size: 11px;
}

ul.topiclist dd {
	border-left-color: #A9B8C2;
}

.forumtitle,
.topictitle {
	color: #006699;
	font-size: 12px;
	font-weight: bold;
}

.forumtitle:hover,
.topictitle:hover {
	color: #D46400;
}

.forum-description,
.forum-description p,
.topiclist .list-inner {
	font-size: 11px;
	line-height: 1.35;
}

.row-item .list-inner {
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Category-style bars used elsewhere */
.action-bar,
.stat-block,
.jumpbox {
	font-size: 11px;
}

/* ------------------------------------------------------------
   Posts: square, compact, old blue-grey palette
------------------------------------------------------------ */
.post {
	margin: 0 0 6px;
	padding: 0 10px;
	background: #ECECEC;
	border: 1px solid #A9B8C2;
	border-radius: 0;
	box-shadow: none;
}

.post.bg2 {
	background: #DCE1E5;
}

.post.has-profile .postbody {
	margin-right: 18%;
}

.postprofile {
	width: 17%;
	border-left: 1px solid #A9B8C2;
	color: #000000;
	font-size: 11px;
}

.postprofile strong,
.postprofile dt,
.postprofile dd {
	font-size: 11px;
}

.postprofile .avatar img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.postbody {
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	color: #323D4F;
}

.postbody .content {
	font-size: 12px;
	line-height: 1.4;
}

.postbody h3 {
	margin: 5px 0 3px;
	padding: 0;
	color: #006597;
	font-size: 14px;
}

.postbody .author {
	margin-bottom: 8px;
	color: #000000;
	font-size: 11px;
}

.signature {
	margin-top: 12px;
	padding-top: 5px;
	border-top: 1px solid #A9B8C2;
	font-size: 11px;
	line-height: 1.35;
}

.notice {
	font-size: 10px;
}

.online {
	border-radius: 0;
}

/* Quotes/code close to the old subsilver2 presentation */
blockquote,
.codebox {
	margin: 10px 5px;
	border: 1px solid #A9B8C2;
	border-radius: 0;
	background: #FAFAFA;
	color: #4B5C77;
	box-shadow: none;
}

blockquote cite,
.codebox p {
	margin: 0;
	padding: 4px 6px;
	background: #A9B8C2;
	color: #333333;
	font-size: 10px;
	font-weight: bold;
}

blockquote > div,
.codebox code {
	padding: 6px;
}

/* ------------------------------------------------------------
   Panels, statistics, UCP/MCP
------------------------------------------------------------ */
.panel {
	background: #ECECEC;
	border: 1px solid #A9B8C2;
	border-radius: 0;
	box-shadow: none;
}

.bg1 {
	background-color: #ECECEC;
}

.bg2 {
	background-color: #DCE1E5;
}

.bg3 {
	background-color: #C0C8D0;
}

.stat-block h3,
.panel h3 {
	border-bottom-color: #A9B8C2;
}

.tabs .tab > a,
.minitabs .tab > a,
.navigation a {
	border-radius: 0;
}

.tabs .activetab > a,
.tabs .activetab > a:hover,
.navigation .active-subsection a {
	background: #DCE1E5;
	color: #006597;
}

/* ------------------------------------------------------------
   Buttons / fields
------------------------------------------------------------ */
.button,
.button1,
.button2,
input.button1,
input.button2,
.dropdown-select {
	min-height: 0;
	padding: 2px 7px;
	border: 1px solid #A9B8C2;
	border-radius: 0;
	background: #ECECEC;
	box-shadow: none;
	color: #333333;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-shadow: none;
}

.button1,
input.button1 {
	font-weight: bold;
}

.button:hover,
.button1:hover,
.button2:hover,
.dropdown-select:hover,
.button:focus,
.button1:focus,
.button2:focus {
	border-color: #7B8F9D;
	background: #FFFFFF;
	color: #006597;
	box-shadow: none;
	text-shadow: none;
}

input.inputbox,
textarea.inputbox,
select,
.inputbox {
	border: 1px solid #A9B8C2;
	border-radius: 0;
	background: #FAFAFA;
	color: #333333;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	box-shadow: none;
}

textarea.inputbox {
	font-size: 12px;
	line-height: 1.4;
}

/* Quick reply */
#qr_postform .panel,
#qr_editor_div {
	border-radius: 0;
}

#qr_postform textarea {
	min-height: 120px;
}

/* Our custom quick reply toolbar */
.mulke-qr-btn,
.mulke-qr-emoji-panel {
	border-radius: 0 !important;
}

/* ------------------------------------------------------------
   Pagination / misc
------------------------------------------------------------ */
.pagination li a,
.pagination li span {
	border-radius: 0;
}

.pagination li a {
	background: #ECECEC;
	border-color: #A9B8C2;
	color: #006597;
}

.pagination li.active span {
	background: #006699;
	border-color: #006699;
	color: #FFFFFF;
}

.pagination li a:hover {
	background: #FFFFFF;
	border-color: #7B8F9D;
	color: #D46400;
}

.jumpbox-cat-link {
	background: #006699;
	border-color: #006699;
	color: #FFA34F !important;
}

.rules {
	border-radius: 0;
}

.attachbox {
	border-radius: 0;
	border-color: #A9B8C2;
	background: #FAFAFA;
}

/* Thanks / reputation blocks blend with legacy theme */
.post .thanks,
.post .reputation,
.post [class*="reputation"] {
	border-radius: 0;
}

/* ------------------------------------------------------------
   Footer
------------------------------------------------------------ */
.page-footer,
#page-footer {
	color: #444444;
	font-size: 10px;
}

.copyright {
	color: #444444;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* ------------------------------------------------------------
   Responsive: keep the look, don't recreate 2008 fixed-width bugs
------------------------------------------------------------ */
@media (max-width: 850px) {
	.wrap {
		margin: 0 8px;
	}

	.headerbar,
	.headerbar .inner {
		min-height: 105px;
	}

	.logo,
	.site_logo {
		height: 105px;
	}

	.post.has-profile .postbody {
		margin-right: 0;
	}

	.postprofile {
		width: auto;
		border-left: 0;
	}
}

@media (max-width: 700px) {
	body {
		font-size: 12px;
	}

	.wrap {
		margin: 0 4px;
	}

	.headerbar,
	.headerbar .inner {
		min-height: 82px;
	}

	.logo,
	.site_logo {
		height: 82px;
	}

	ul.topiclist li.header dt,
	ul.topiclist li.header dd {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.post {
		padding-left: 7px;
		padding-right: 7px;
	}
}


/* ============================================================
   Mulke Legacy 2.0 — exact header/layout reconstruction
   Assets and measurements are taken from the original phpBB 3.0
   Mulke.net archive:
   /images/bg.jpg       86x125 repeat-x
   /images/left.png    162x125
   /images/center.png  300x59
   /images/right.png   177x125
   ============================================================ */

/* The old forum did not have the prosilver boxed page wrapper. */
html, body {
	margin: 0 !important;
	padding: 0 !important;
	background: #FFFFFF !important;
}

body {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif !important;
	font-size: 12px !important;
	color: #323D4F !important;
}

#wrap.wrap,
.wrap {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #FFFFFF !important;
	box-shadow: none !important;
}

/* Memorial line from the original overall_header.html. */
#page-header::before {
	content: "    18 сентября 2010 ушел из жизни основатель форума mulke.net Максим (Ice)... Помним, скорбим.";
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 18px;
	padding: 2px 25px 0;
	overflow: hidden;
	color: #006597;
	background: #FFFFFF;
	font-size: 11px;
	line-height: 16px;
	white-space: nowrap;
}

/* Exact three-piece original Mulke header. */
.headerbar {
	position: relative !important;
	box-sizing: border-box !important;
	width: 100% !important;
	height: 125px !important;
	min-height: 125px !important;
	margin: 0 0 15px !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	border-radius: 0 !important;
	background-color: #C1CAD2 !important;
	background-image: url("./images/header_bg.jpg") !important;
	background-repeat: repeat-x !important;
	background-position: center top !important;
	box-shadow: none !important;
}

.headerbar::before,
.headerbar::after {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	z-index: 1 !important;
	display: block !important;
	height: 125px !important;
	background-repeat: no-repeat !important;
	background-position: top left !important;
	pointer-events: none !important;
}

.headerbar::before {
	left: 0 !important;
	width: 162px !important;
	background-image: url("./images/header_left.png") !important;
}

.headerbar::after {
	right: 0 !important;
	width: 177px !important;
	background-image: url("./images/header_right.png") !important;
}

.headerbar .inner {
	position: relative !important;
	z-index: 2 !important;
	width: 100% !important;
	height: 125px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.site-description {
	position: static !important;
	float: none !important;
	width: 100% !important;
	height: 125px !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
}

.logo {
	position: absolute !important;
	top: 33px !important;
	left: 50% !important;
	float: none !important;
	display: block !important;
	width: 300px !important;
	height: 59px !important;
	margin: 0 0 0 -150px !important;
	padding: 0 !important;
	z-index: 3 !important;
}

.site_logo {
	display: block !important;
	width: 300px !important;
	height: 59px !important;
	margin: 0 !important;
	padding: 0 !important;
	background-image: url("./images/header_center.png") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 300px 59px !important;
}

.site-description h1,
.site-description > p:not(.skiplink) {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.search-header {
	display: none !important;
}

/* Original subsilver2 used 25px side margins for menu/content. */
#page-header > .navbar,
.navbar {
	box-sizing: border-box !important;
	margin-left: 25px !important;
	margin-right: 25px !important;
	border-radius: 0 !important;
}

#page-body.page-body,
.page-body {
	box-sizing: border-box !important;
	margin: 15px 25px 0 !important;
}

/* Breadcrumb/search rows compact like phpBB 3.0 subsilver2. */
.navbar {
	min-height: 0 !important;
	padding: 3px 6px !important;
	background: #ECECEC !important;
	border: 1px solid #A9B8C2 !important;
}

.navbar,
.navbar a,
.breadcrumbs,
.breadcrumbs a,
.linklist,
.linklist a {
	font-size: 11px !important;
	line-height: 16px !important;
}

/* No modern rounded/gradient chrome anywhere in the main legacy view. */
.forabg,
.forumbg,
.panel,
.post,
.navbar,
.dropdown .dropdown-contents,
.button,
.button1,
.button2,
.inputbox,
.pagination li a,
.pagination li span {
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Original category header dimensions/colors. */
.forabg,
.forumbg {
	padding: 1px !important;
	background: #A9B8C2 !important;
}

ul.topiclist li.header {
	min-height: 28px !important;
	background-color: #006699 !important;
	background-image: url("./images/cellpic3.gif") !important;
	background-repeat: repeat-x !important;
}

ul.topiclist li.header dl {
	min-height: 28px !important;
}

ul.topiclist li.header dt,
ul.topiclist li.header dd {
	box-sizing: border-box !important;
	min-height: 28px !important;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
	color: #FFA34F !important;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif !important;
	font-size: 11px !important;
	font-weight: bold !important;
	line-height: 14px !important;
}

/* Exact old row palette. */
ul.topiclist li.row {
	min-height: 0 !important;
	background: #ECECEC !important;
	border-bottom: 1px solid #A9B8C2 !important;
}

ul.topiclist li.row:nth-child(even) {
	background: #DCE1E5 !important;
}

ul.topiclist li.row:hover {
	background: #E8EDF1 !important;
}

ul.topiclist dl {
	font-size: 11px !important;
}

ul.topiclist dd {
	border-left: 1px solid #A9B8C2 !important;
}

/* Legacy forum icons from the real subsilver2 imageset. */
.row-item::before {
	border: 0 !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	font-size: 0 !important;
	line-height: 0 !important;
}

.row-item.forum_read::before {
	background-image: url("./images/forum_read.gif") !important;
}

.row-item.forum_unread::before {
	background-image: url("./images/forum_unread.gif") !important;
}

.row-item.forum_read_locked::before {
	background-image: url("./images/forum_read_locked.gif") !important;
}

.row-item.forum_unread_locked::before {
	background-image: url("./images/forum_unread_locked.gif") !important;
}

.row-item.forum_link::before {
	background-image: url("./images/forum_link.gif") !important;
}

/* Links/fonts copied from the original visual rules. */
a:link {
	color: #006597 !important;
}

a:visited {
	color: #005784;
}

a:hover {
	color: #D46400 !important;
	text-decoration: underline !important;
}

.forumtitle,
.topictitle {
	color: #006699 !important;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight: bold !important;
}

/* Statistics/footer separators closer to the old page. */
.stat-block {
	margin-top: 10px !important;
}

.stat-block h3,
.panel h3 {
	padding-bottom: 3px !important;
	border-bottom: 1px solid #A9B8C2 !important;
	color: #28313F !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

#page-footer,
.page-footer {
	box-sizing: border-box !important;
	margin: 0 25px !important;
}

/* Desktop first: exact old header measurements. */
@media (max-width: 700px) {
	#page-header::before {
		padding-left: 8px;
		padding-right: 8px;
		font-size: 10px;
	}

	#page-header > .navbar,
	.navbar {
		margin-left: 8px !important;
		margin-right: 8px !important;
	}

	#page-body.page-body,
	.page-body {
		margin-left: 8px !important;
		margin-right: 8px !important;
	}

	.headerbar {
		height: 96px !important;
		min-height: 96px !important;
		background-size: auto 96px !important;
	}

	.headerbar::before,
	.headerbar::after {
		height: 96px !important;
		background-size: auto 96px !important;
	}

	.headerbar::before {
		width: 125px !important;
	}

	.headerbar::after {
		width: 136px !important;
	}

	.headerbar .inner,
	.site-description {
		height: 96px !important;
	}

	.logo {
		top: 26px !important;
		width: 240px !important;
		height: 47px !important;
		margin-left: -120px !important;
	}

	.site_logo {
		width: 240px !important;
		height: 47px !important;
		background-size: 240px 47px !important;
	}
}


/* ============================================================
   Mulke Legacy 3.0
   Second-pass reconstruction from the real phpBB 3.0 subsilver2
   templates supplied with the old Mulke.net archive.
   Main change: viewtopic geometry now follows old subsilver2:
   profile column on the LEFT (~160px), message on the RIGHT.
   ============================================================ */

/* ----- Global density: old subsilver2 was noticeably tighter ----- */
#page-body {
	font-size: 11px !important;
}

.action-bar {
	margin: 4px 0 5px !important;
	font-size: 11px !important;
}

.action-bar .button,
.action-bar .dropdown-select {
	min-height: 22px !important;
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}

h2.topic-title,
h2.forum-title,
.page-body > h2 {
	margin: 3px 0 5px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	line-height: 18px !important;
	color: #28313F !important;
}

.pagination {
	font-size: 10px !important;
}

.pagination li a,
.pagination li span {
	min-width: 18px !important;
	padding: 2px 5px !important;
	font-size: 10px !important;
	line-height: 16px !important;
}

/* ----- Index/forumlist: old 50/50 fixed counters and compact rows ----- */
.forabg ul.topiclist li.header dl,
.forumbg ul.topiclist li.header dl,
.forabg ul.topiclist li.row dl,
.forumbg ul.topiclist li.row dl {
	grid-template-columns: minmax(0, 1fr) 70px 80px 245px !important;
}

.forabg ul.topiclist dt,
.forumbg ul.topiclist dt {
	padding-left: 7px !important;
	padding-right: 5px !important;
}

.forabg ul.topiclist dd.topics,
.forumbg ul.topiclist dd.topics,
.forabg ul.topiclist dd.posts,
.forumbg ul.topiclist dd.posts {
	width: auto !important;
	min-width: 0 !important;
	text-align: center !important;
}

.forabg ul.topiclist dd.lastpost,
.forumbg ul.topiclist dd.lastpost {
	width: auto !important;
	min-width: 0 !important;
	padding-left: 8px !important;
	padding-right: 6px !important;
	text-align: left !important;
}

.forabg ul.topiclist li.row dl,
.forumbg ul.topiclist li.row dl {
	min-height: 55px !important;
}

.forabg .row-item .list-inner,
.forumbg .row-item .list-inner {
	padding-top: 6px !important;
	padding-bottom: 4px !important;
}

.forum-description,
.forum-description p,
.topiclist .list-inner,
.topiclist .list-inner p {
	margin-top: 1px !important;
	margin-bottom: 1px !important;
	line-height: 14px !important;
}

/* Original forum icons occupied a fixed ~50px cell. */
.row-item {
	padding-left: 52px !important;
}

.row-item::before {
	left: 12px !important;
	top: 50% !important;
	width: 27px !important;
	height: 27px !important;
	margin-top: -14px !important;
	background-size: contain !important;
}

/* ----- Old subsilver2 category strips ----- */
.forabg + .forabg,
.forumbg + .forumbg {
	margin-top: 7px !important;
}

.forabg ul.topiclist li.header,
.forumbg ul.topiclist li.header {
	border-bottom: 0 !important;
}

/* ----- Viewtopic: reconstruct the old two-column table geometry ----- */
.post {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 165px minmax(0, 1fr) !important;
	grid-template-areas:
		"profile message"
		"profile message" !important;
	column-gap: 0 !important;
	min-height: 170px !important;
	margin: 0 0 4px !important;
	padding: 0 !important;
	overflow: visible !important;
	border: 1px solid #A9B8C2 !important;
	background: #ECECEC !important;
}

.post.bg2 {
	background: #DCE1E5 !important;
}

.post > .inner {
	display: contents !important;
}

/*
 * prosilver DOM puts .postbody before .postprofile.
 * CSS Grid lets us visually restore the old subsilver2 order
 * without replacing phpBB 3.3's template (important for extensions).
 */
.postbody {
	grid-area: message !important;
	float: none !important;
	box-sizing: border-box !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 5px 8px 8px !important;
	border-left: 1px solid #A9B8C2 !important;
	color: #323D4F !important;
}

.postprofile {
	grid-area: profile !important;
	position: relative !important;
	float: none !important;
	box-sizing: border-box !important;
	width: 165px !important;
	max-width: 165px !important;
	margin: 0 !important;
	padding: 7px 6px 8px !important;
	border: 0 !important;
	border-right: 0 !important;
	text-align: left !important;
	color: #000000 !important;
}

.postprofile dt,
.postprofile dd {
	margin-left: 0 !important;
	margin-right: 0 !important;
	line-height: 14px !important;
}

.postprofile dt {
	text-align: center !important;
}

.postprofile .username,
.postprofile .username-coloured {
	font-size: 11px !important;
	font-weight: bold !important;
}

.postprofile .avatar {
	margin: 5px auto !important;
	text-align: center !important;
}

.postprofile .avatar img {
	max-width: 150px !important;
	height: auto !important;
}

.postprofile .profile-contact {
	text-align: left !important;
}

.postprofile .profile-rank {
	text-align: center !important;
}

/* In the old template the post heading/date was a small compact header line. */
.postbody h3 {
	min-height: 20px !important;
	margin: 0 0 2px !important;
	padding: 2px 170px 3px 0 !important;
	border-bottom: 1px solid #C7D0D7 !important;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif !important;
	font-size: 11px !important;
	line-height: 15px !important;
	font-weight: bold !important;
	color: #006597 !important;
}

.postbody .author {
	margin: 1px 0 8px !important;
	padding: 0 !important;
	font-size: 10px !important;
	line-height: 14px !important;
	color: #000000 !important;
}

.postbody .content {
	min-height: 78px !important;
	margin: 0 !important;
	padding: 0 0 5px !important;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif !important;
	font-size: 13px !important;
	line-height: 18px !important;
	color: #323D4F !important;
}

.postbody .content p {
	margin: 0 0 6px !important;
}

.post-buttons {
	top: 4px !important;
	right: 5px !important;
	margin: 0 !important;
}

.post-buttons .button {
	min-width: 24px !important;
	height: 23px !important;
	padding: 2px 5px !important;
	background: #ECECEC !important;
	border: 1px solid #A9B8C2 !important;
}

.post-buttons .button:hover {
	background: #FFFFFF !important;
}

.post .back2top {
	right: 4px !important;
	bottom: 4px !important;
}

/* Old signature separator and edit note. */
.signature {
	clear: both !important;
	margin-top: 10px !important;
	padding-top: 4px !important;
	border-top: 1px solid #A9B8C2 !important;
	font-size: 11px !important;
	line-height: 15px !important;
}

.notice {
	margin-top: 7px !important;
	font-size: 10px !important;
	line-height: 13px !important;
}

/* Attachments/embeds looked like plain old table cells. */
.attachbox,
.inline-attachment {
	border: 1px solid #A9B8C2 !important;
	border-radius: 0 !important;
	background: #FAFAFA !important;
}

.postbody img,
.postbody iframe,
.postbody video {
	max-width: 100% !important;
}

/* Thanks/reputation: keep them compact so they resemble old MOD output. */
.postbody .thanks,
.postbody .reputation,
.postbody [class*="thanks"],
.postbody [class*="reputation"] {
	font-size: 10px !important;
	line-height: 14px !important;
}

/* ----- Quick reply: old subsilver2 rectangular table-like block ----- */
#qr_postform {
	margin-top: 6px !important;
}

#qr_postform .panel {
	padding: 5px 8px !important;
	background: #ECECEC !important;
	border: 1px solid #A9B8C2 !important;
}

#qr_postform h2 {
	margin: 0 0 5px !important;
	padding-bottom: 3px !important;
	border-bottom: 1px solid #A9B8C2 !important;
	font-size: 14px !important;
}

#qr_postform textarea {
	min-height: 125px !important;
	background: #FAFAFA !important;
}

/* ----- Online / birthdays / statistics like the old tablebg blocks ----- */
.stat-block {
	margin: 7px 0 0 !important;
	padding: 0 !important;
	border: 1px solid #A9B8C2 !important;
	background: #ECECEC !important;
}

.stat-block h3 {
	height: 28px !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 6px 5px !important;
	border: 0 !important;
	background-color: #C7D0D7 !important;
	background-image: url("./images/cellpic1.gif") !important;
	background-repeat: repeat-x !important;
	color: #28313F !important;
	font-size: 11px !important;
	line-height: 15px !important;
}

.stat-block p {
	margin: 0 !important;
	padding: 6px !important;
	font-size: 11px !important;
	line-height: 15px !important;
}

/* ----- Breadcrumbs: single old row ----- */
.breadcrumbs {
	min-height: 16px !important;
}

.breadcrumbs .crumb {
	line-height: 16px !important;
}

/* ----- Footer: old compact centered footer ----- */
#page-footer {
	padding-top: 8px !important;
	text-align: center !important;
}

#page-footer .navbar {
	margin-top: 5px !important;
}

.copyright {
	padding: 8px 0 12px !important;
	text-align: center !important;
	font-size: 10px !important;
	line-height: 14px !important;
}

/* ----- Mobile: do not reproduce the old fixed 2-column breakage ----- */
@media (max-width: 700px) {
	.post {
		display: block !important;
		min-height: 0 !important;
	}

	.post > .inner {
		display: block !important;
	}

	.postbody {
		width: 100% !important;
		padding: 7px !important;
		border-left: 0 !important;
	}

	.postprofile {
		width: 100% !important;
		max-width: none !important;
		padding: 6px 7px !important;
		border-top: 1px solid #A9B8C2 !important;
		text-align: left !important;
	}

	.postprofile dt {
		text-align: left !important;
	}

	.postprofile .avatar {
		float: left !important;
		margin: 0 8px 4px 0 !important;
	}

	.postprofile .avatar img {
		max-width: 80px !important;
	}

	.postbody h3 {
		padding-right: 105px !important;
	}

	.forabg ul.topiclist li.header dl,
	.forumbg ul.topiclist li.header dl,
	.forabg ul.topiclist li.row dl,
	.forumbg ul.topiclist li.row dl {
		display: block !important;
	}
}


/* ============================================================
   Mulke Legacy 3.1
   Forum index geometry fix.

   The old subsilver2 forumlist used:
   - a separate 50 px forum-icon cell;
   - forum name/description taking the remaining width;
   - Topics = 50 px;
   - Posts  = 50 px;
   - Last post = the remaining fixed-side column.

   prosilver implements its lists with floated dt/dd elements rather
   than CSS Grid, so v3.0's grid-template-columns declaration did not
   control these columns. This block restores the dimensions using
   prosilver's actual float/margin model.
   ============================================================ */

@media (min-width: 701px) {
	/* Remove the accidental second 52px indent added in v3.0. */
	.forabg dl.row-item {
		padding-left: 0 !important;
	}

	/* Category header has no forum icon, so no icon-sized left indent. */
	.forabg li.header dl.row-item dt .list-inner {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	/*
	 * Reserve exactly 350px at the right:
	 * 50 Topics + 50 Posts + 250 Last post.
	 */
	.forabg ul.topiclist dt,
	.forabg ul.topiclist li.header dt {
		width: 100% !important;
		margin-right: -350px !important;
	}

	.forabg ul.topiclist dt .list-inner,
	.forabg ul.topiclist li.header dt .list-inner {
		margin-right: 350px !important;
	}

	.forabg ul.topiclist dd.topics,
	.forabg ul.topiclist dd.posts {
		width: 50px !important;
		min-width: 50px !important;
		max-width: 50px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center !important;
	}

	.forabg ul.topiclist dd.lastpost {
		width: 250px !important;
		min-width: 250px !important;
		max-width: 250px !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
		text-align: left !important;
	}

	/* Keep all four header cells on one 28px line. */
	.forabg ul.topiclist li.header {
		height: 28px !important;
		min-height: 28px !important;
		overflow: hidden !important;
	}

	.forabg ul.topiclist li.header dl {
		height: 28px !important;
		min-height: 28px !important;
		margin: 0 !important;
	}

	.forabg ul.topiclist li.header dt,
	.forabg ul.topiclist li.header dd {
		height: 28px !important;
		min-height: 28px !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding-top: 7px !important;
		padding-bottom: 7px !important;
		line-height: 14px !important;
		white-space: nowrap !important;
	}

	/* Old subsilver2 rows were compact, not modern card-height rows. */
	.forabg ul.topiclist li.row dl {
		min-height: 48px !important;
		margin: 0 !important;
	}

	.forabg ul.topiclist li.row dt,
	.forabg ul.topiclist li.row dd {
		min-height: 48px !important;
	}

	.forabg ul.topiclist li.row dd {
		padding-top: 5px !important;
	}

	.forabg ul.topiclist li.row dt .list-inner {
		margin-right: 350px !important;
		padding-top: 5px !important;
		padding-bottom: 3px !important;
	}

	/* Restore the original icon reserve only inside the forum-name cell. */
	.forabg ul.topiclist li.row dl.row-item dt .list-inner {
		padding-left: 52px !important;
	}

	/* Counts in the old skin were small and visually centred. */
	.forabg dd.topics,
	.forabg dd.posts {
		font-size: 11px !important;
		line-height: 38px !important;
	}

	.forabg dd.lastpost,
	.forabg dd.lastpost span {
		font-size: 11px !important;
		line-height: 14px !important;
	}

	/* Forum name/description scale from the old subsilver2 CSS. */
	.forabg .forumtitle {
		font-size: 12px !important;
		line-height: 15px !important;
	}

	.forabg .forum-description,
	.forabg .forum-description p,
	.forabg .list-inner {
		font-size: 11px !important;
		line-height: 14px !important;
	}
}

/* At narrower desktop widths, give the last-post cell a little less room
   while keeping Topics/Posts separate. */
@media (min-width: 701px) and (max-width: 1050px) {
	.forabg ul.topiclist dt,
	.forabg ul.topiclist li.header dt {
		margin-right: -300px !important;
	}

	.forabg ul.topiclist dt .list-inner,
	.forabg ul.topiclist li.header dt .list-inner,
	.forabg ul.topiclist li.row dt .list-inner {
		margin-right: 300px !important;
	}

	.forabg ul.topiclist dd.lastpost {
		width: 200px !important;
		min-width: 200px !important;
		max-width: 200px !important;
	}
}


/* ============================================================
   Mulke Legacy 3.2
   Exact forum-index column proportions from the supplied
   original Mulke.net screenshot.

   Original screenshot (table width ~1810 px):
   Forum       ~787 px = 43.5%
   Topics       ~92 px =  5.1%
   Posts       ~161 px =  8.9%
   Last post   ~770 px = 42.5%

   Use CSS Grid explicitly on prosilver's dl so the header cells
   and body cells use the SAME tracks. Floats/legacy widths are
   neutralised for these forum-index rows only.
   ============================================================ */

@media (min-width: 701px) {
	.forabg ul.topiclist li.header dl,
	.forabg ul.topiclist li.row dl {
		display: grid !important;
		grid-template-columns:
			minmax(0, 43.5%)
			minmax(78px, 5.1%)
			minmax(125px, 8.9%)
			minmax(0, 42.5%) !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}

	.forabg ul.topiclist li.header dt,
	.forabg ul.topiclist li.header dd,
	.forabg ul.topiclist li.row dt,
	.forabg ul.topiclist li.row dd {
		float: none !important;
		clear: none !important;
		position: relative !important;
		display: block !important;
		box-sizing: border-box !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		margin: 0 !important;
	}

	/* Cancel prosilver/v3.1 negative-margin column mechanics. */
	.forabg ul.topiclist dt,
	.forabg ul.topiclist li.header dt {
		margin-right: 0 !important;
	}

	.forabg ul.topiclist dt .list-inner,
	.forabg ul.topiclist li.header dt .list-inner,
	.forabg ul.topiclist li.row dt .list-inner {
		margin-right: 0 !important;
	}

	/* The forum icon still lives inside the first grid track. */
	.forabg ul.topiclist li.row dl.row-item dt .list-inner {
		padding-left: 76px !important;
		padding-right: 8px !important;
	}

	.forabg ul.topiclist li.header dt .list-inner {
		padding-left: 16px !important;
		padding-right: 8px !important;
	}

	/* Every vertical separator now belongs to the same grid line. */
	.forabg ul.topiclist li.header dd,
	.forabg ul.topiclist li.row dd {
		border-left: 1px solid #A9B8C2 !important;
	}

	.forabg ul.topiclist dd.topics,
	.forabg ul.topiclist dd.posts {
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		padding-left: 6px !important;
		padding-right: 6px !important;
		text-align: center !important;
	}

	.forabg ul.topiclist dd.lastpost {
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		padding-left: 16px !important;
		padding-right: 10px !important;
		text-align: left !important;
	}

	/* Header labels: centred exactly over their body columns. */
	.forabg ul.topiclist li.header dd.topics,
	.forabg ul.topiclist li.header dd.posts,
	.forabg ul.topiclist li.header dd.lastpost {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		height: 36px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		white-space: nowrap !important;
	}

	.forabg ul.topiclist li.header dt {
		height: 36px !important;
	}

	.forabg ul.topiclist li.header dt .list-inner {
		display: flex !important;
		align-items: center !important;
		height: 36px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.forabg ul.topiclist li.header,
	.forabg ul.topiclist li.header dl {
		height: 36px !important;
		min-height: 36px !important;
	}

	/* Restore the old roomy body proportions visible in the original. */
	.forabg ul.topiclist li.row dl,
	.forabg ul.topiclist li.row dt,
	.forabg ul.topiclist li.row dd {
		min-height: 72px !important;
	}

	.forabg ul.topiclist li.row dt .list-inner {
		padding-top: 10px !important;
		padding-bottom: 8px !important;
	}

	.forabg ul.topiclist li.row dd.topics,
	.forabg ul.topiclist li.row dd.posts {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		line-height: 1.2 !important;
	}

	.forabg ul.topiclist li.row dd.lastpost {
		display: flex !important;
		align-items: center !important;
		padding-top: 7px !important;
		padding-bottom: 7px !important;
		line-height: 1.35 !important;
	}

	/* Override the v3.1 50/50/250px fixed widths. */
	.forabg ul.topiclist dd.topics,
	.forabg ul.topiclist dd.posts,
	.forabg ul.topiclist dd.lastpost {
		flex: none !important;
	}
}

/* Keep the normal phpBB responsive transformation on phones. */
@media (max-width: 700px) {
	.forabg ul.topiclist li.header dl,
	.forabg ul.topiclist li.row dl {
		display: block !important;
	}
}


/* ============================================================
   Mulke Legacy 3.2.1
   Vertically center the first forum-list header cell.
   Earlier subsilver/prosilver rules left padding on <dt>, which
   visually pushed the category title toward the bottom.
   ============================================================ */
@media (min-width: 701px) {
	.forabg ul.topiclist li.header dt {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		height: 36px !important;
		min-height: 36px !important;
		padding: 0 !important;
		line-height: 36px !important;
	}

	.forabg ul.topiclist li.header dt .list-inner {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		width: 100% !important;
		height: 36px !important;
		margin: 0 !important;
		padding: 0 16px !important;
		line-height: 16px !important;
	}
}


/* ============================================================
   Mulke Legacy 3.2.2
   Memorial notice above the header is now a real link, like on
   the original forum. The previous CSS pseudo-element is disabled.
   ============================================================ */

#page-header::before {
	content: none !important;
	display: none !important;
}

.mulke-memorial-link {
	display: block;
	box-sizing: border-box;
	width: 100%;
	min-height: 18px;
	padding: 2px 25px 0;
	overflow: hidden;
	background: #FFFFFF;
	color: #006597 !important;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	text-decoration: none !important;
	white-space: nowrap;
}

.mulke-memorial-link:hover,
.mulke-memorial-link:focus {
	color: #D46400 !important;
	text-decoration: underline !important;
}

@media (max-width: 700px) {
	.mulke-memorial-link {
		padding-left: 8px;
		padding-right: 8px;
		font-size: 10px;
	}
}