/*************************************************************
A - SETUP
**************************************************************/

/* Start from scratch
-------------------------------------------------------------*/

#brd-wrap {
	/* float:left; */
	width:100%;
	}

fieldset,
img,
cite {
	border: 0;
}

.visual-hidden {
	visibility: hidden;
}

.brd div, .brd p, .brd dl,.brd dt,.brd dd, .brd ul, .brd ol, .brd li,
.brd h1,.brd h2,.brd h3, .brd h4, .brd h5, .brd h6, .brd pre,
.brd form, .brd fieldset, .brd legend, .brd blockquote,
.brd table, .brd th, .brd td {
	margin:0;
	text-align: left;
	}

	.brd h2.warn {
		font-size:1.5em;
	}

	.brd ul.error-list {
		padding:0;
	}

.brd p, .brd dl,.brd dt,.brd dd, .brd ul, .brd ol, .brd li,
.brd h1,.brd h2,.brd h3, .brd h4, .brd h5, .brd h6, .brd pre,
.brd form, .brd fieldset, .brd legend, .brd blockquote,
.brd table, .brd th, .brd td {
	padding:0;
	}

.brd fieldset, .brd img, .brd cite {
	border: 0;
	}

.brd br { }
.brd hr, .brd .hr, .brd .hidden {
	display: none;
	}

.brd table {
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
	}

.brd li {
	list-style-type:none;
	}

/* Text Setup (Equalise everything before styling)
-------------------------------------------------------------*/

.brd-page {
	font: 100%/1.5em Helvetica, Arial, sans-serif;
	}

.brd h1,.brd h2,.brd h3, .brd h4, .brd h5, .brd h6 {
	font-weight: normal;
	line-height:1.25;
	}

.brd samp, .brd code, .brd pre, .brd option, .brd optgroup,
.brd input, .brd select, .brd textarea, .brd td, .brd th {
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	}

/* Float Clearing
-------------------------------------------------------------*/

/* .gen-content:after, */
.brd-page:after,
.ct-box:after,
#brd-index .item-head:after,
#brd-index .main-item:after,
#brd-index ul.item-info:after,
.frm-group:after,
.mf-set:after,
.sf-set:after,
.mf-box:after,
.sf-box:after,
.mf-item:after,
.txt-set:after,
.txt-box:after,
.frm-form label:after,
fieldset:after,
span.fld-input:after,
.posthead:after,
.postbody:after,
.postfoot .post-options:after {
	content: "\0020";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0.0;
	overflow:hidden;
	visibility: hidden;
	clear: both;
	}

.clearfix:before,
.clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

.clearfix:after {
	clear: both;
}

/* Hidden items
-------------------------------------------------------------*/

/* .main-item .item-info li span.label */

#brd-stats .hn,
#qjump label,
.post-byline span,
.posthead .post-link span,
.admin .main-subhead,
.main-item .item-info li label,
.main-item .you-posted,
.main-item .item-num,
.group-legend,
.group-legend span,
.sf-set legend,
.sf-set legend span,
.main-pagehead .page-info,
p.item-select label,
.mf-extra .mf-field label,
.mf-extra .mf-field .aslabel,
.post-options a span,
.main-title,
.main-head .hn small,
.entry-title,
.menu-page .main-head {
	font-size: 0;
	left: -999em;
	text-indent: -999em;
	position:absolute;
	line-height: 0;
	visibility: hidden;
}


/*************************************************************
B - GLOBAL STYLES
**************************************************************/

/* General Layout
-------------------------------------------------------------*/

.brd {
	margin: 0 auto;
	width:800px;
	}

#brd-pun_pm-inbox #brd-main.threethree,
#brd-pun_pm-outbox #brd-main.threethree,
#brd-pun_pm-write #brd-main.threethree {
	width:100%! important;
	float:none !important;
}

#brd-stats,
#brd-online,
#brd-about {
	padding:10px;
	}

	#brd-stats { border:1px solid #fff; }
	#brd-stats ul { padding:0; }

#brd-redirect, #brd-maint, #brd-util {
	margin: 50px auto 12px auto;
	width: 60%;
	}

.brd-page { /* Confines clearing behaviour within forum wrapper */
	/* float: left; */
	width: 100%;
	}

.brd .main-content, .brd .gen-content {
	border-style: solid;
	border-width: 0;
	}

.brd .gen-content {
	padding: 0;
	}

#brd-index #brd-about, #brd-index #brd-stats {
	margin-top: 1em;
	}
	.brd #brd-about form { margin:0 0 10px 10px; }
	.brd #brd-about p { display:none; }

.brd .main-content,
#brd-visit,
#brd-qpost {
	/*
	padding-bottom: 1em;
	padding-top: 1em;
	*/
	}
	#brd-visit {
		padding:0;
		}

	li#navsearch { display:none; }

.brd #brd-announcement {
	float:none;
	display:block;
	padding: 10px;
	height:25px;
	}
	.brd #brd-announcement ul { margin:0; padding:0; }
	.brd #brd-announcement ul li { float:left; margin-right:0; padding:0; }

.brd #brd-announcement br {
	display: inline;
	}

.brd .main-options {
	border-top: none;
	margin: -1em 0 1em 0;
}

/* Content Text (Default spacing for paragraphs and lists)
-------------------------------------------------------------*/

.brd p, .brd .hn {
	padding: 0.5em 0;
	}

.brd  ul, .brd ol {
	padding: 0.5em 0 0.5em 2em;
	}


.brd ul.spaced {
	padding: 0.25em 0 0.25em 2em;
	}

.brd ul.spaced li {
	padding: 0.25em 0;
	}

/* Headings
-------------------------------------------------------------*/

.brd th {
	font-size: 1.084em;
	padding: 0.462em 1.417em;
	border-bottom-style: solid;
	border-bottom-width: 0;
	}

.brd .main-head, .brd .main-foot {
	border-style: solid;
	border-width: 0;
	padding: 0 10px;
	}

.brd .main-head .hn, .brd .main-foot .hn {
	font-size: 1.084em;
	padding-right: 0;
	}

.brd h2.main-subhead {
	border-style: solid;
	border-width: 0;
	font-size: 1.084em;
	padding: 0.462em 10em 0.426em 1.417em;
	}

.brd .column-title {
	border-style: solid;
	border-width: 0;
	position: relative;
	margin-bottom: -1px;
	}

.brd .main-subhead {
	border-style: solid;
	border-width: 0;
	border-bottom: none;
	display:block;
	margin-bottom:0;
	}

.brd .main-subhead .hn {
	font-size: 1em;
	/* padding: 0.462em 1.417em; */
	position: relative;
	}

.brd .main-foot {

	}

.brd #brd-announcement h1, .brd .main-extensions .ct-legend, .brd .main-hotfixes .ct-legend {
	border-bottom-style: dashed;
	border-bottom-width: 0;
	font-size: 1.1em;
	font-weight: bold;
	}

.brd #brd-announcement h1 {
	margin-bottom: 0.5em;
	}

.brd .main-pagehead .hn {
	padding: 0.5em 0;
	}

.brd .content-head {
	margin: 0.5em 1em 0;
	}

.brd .content-head .hn {
	font-size: 1.084em;
	padding: 0.462em 0;
	}


/*************************************************************
C - COMMON CONTENT TYPES (RE-USABLE FORMATS)
**************************************************************/

/* Option lists
-------------------------------------------------------------*/

.brd .options span {
	padding: 0 0 0 0.5em;
	margin: 0 0 0 0.5em;
	}

.brd .options span.feed {
	display:none;
}

.brd .options span.first-item {
	border-left: 0;
	padding-left: 0;
	margin-left: 0;
	}

.brd .extension .options, .brd .hotfix .options {
	border-top-style: dashed;
	border-top-width: 1px;
	}

/* Content Containers
-------------------------------------------------------------*/

.brd .ct-box {
	border-style: solid;
	border-width: 0;
	margin: 1em;
	padding: 0.5em 0;
	position: relative;
	}

.brd .ct-box li {
	padding: 0;
	margin: 0 0 0.7em 0;
	}

.brd .ct-set {
	border-style: solid;
	border-width: 0;
	/*
	margin: 1.417em;
	padding: 0 0 0 17em;
	*/
	position: relative;
	}

.brd .ct-group {
	border-style: solid;
	border-width: 0;
	margin: 0;
	}

.brd .frm-group .ct-set {
	border-style: dashed none none none;
	margin: 0;
	}

.brd .ct-group .ct-set {
	border-style: dashed none none none;
	margin: 0 1em;
	/*
	padding: 0 0 0 16em;
	*/
	}
.brd .ct-group .group-item1 {
	border: none;
	}

.brd .ct-group .set1, .brd .frm-group .set1 {
	border-top: none;
	}

.brd .ct-group .ct-box, .brd .frm-group .ct-box {
	border-style: none;
	margin: 0;
	}

.brd .ct-group .ct-set .ct-box, .brd .ct-set .ct-box,
.brd .frm-group .ct-set .ct-box {
	border-style: none;
	margin: 0;
	}

.brd .ct-group .set1 {
	border-top: 0;
	}

.brd .ct-set .ct-legend {
	/*
	float: left;
	margin-left: -17em;
	width: 16em;
	display: inline;
	position: relative;
	text-align: right;
	*/
	font-weight: bold;
	}

.brd .ct-set ul {
	padding-left: 0;
	list-style: none;
	}

.brd .ct-box div {
	padding: 0.5em 0;
	}

.brd .ct-box p.options {
	float: none;
	}

.brd .ct-box .info-list {
	padding-bottom: 0;
	}

 /* User Identity
-------------------------------------------------------------*/

.brd .user-ident {
	padding-left: 0;
	list-style: none;
	}

.brd .user-ident .username a,
.brd .user-ident .username strong {
	font-size: 1.167em;
	font-weight: bold;
	}

.brd .user-ident .username a,
.brd .user-ident .username a:link,
.brd .user-ident .username a:visited {
	text-decoration: none;
	}

.brd .user-ident .username a:hover,
.brd .user-ident .username a:active,
.brd .user-ident .username a:focus {
	text-decoration: underline;
	}

.brd .user-ident .usertitle {
	font-weight: bold;
	}

.brd .user-ident .useravatar {
	padding: 0.25em 0;
	}

.brd .user-ident .useravatar img {
	display: block;
	}

 /* Message Boxes
-------------------------------------------------------------*/

.brd .main-message {
	padding: 0.5em 1.417em;
	}

.brd .main-message p span {
	display: block;
	padding-top: 0.5em;
	}

/* Section Menus (By Default - Profile and Admin)
-------------------------------------------------------------*/

.brd .main-menu, .brd .admin-menu {
	border: 0;
	padding: 0.4em 0 0.2em 0.75em;
	}
	.brd .main-menu {
		line-height:40px;
		min-height:40px;
		}

.brd .main-menu ul, .brd .admin-menu ul {
	list-style-type: none;
	float: left;
	padding: 0;
	}
	.brd .main-menu ul {
		margin:0;
		}
			.brd ul.item-info span.label { color:#999; }

.brd .main-menu li, .brd .admin-menu li {
	font-size: 1.084em;
	float: left;
	display: inline;
	}

.brd .main-menu a, .brd .admin-menu a {
	float: left;
	position: relative;
	padding: 0.2em 0.75em 0.4em 0.75em;
	}

.brd .main-menu li.active a, .brd .admin-menu li.active a {
	font-weight: bold;
	}

.brd .main-menu li.first-item, .brd .admin-menu li.first-item {
	border-left: 0;
	}

.brd .admin-submenu {
	border-style: solid;
	border-width: 0;
	}

.brd .admin-submenu ul {
	padding: 0.5em 0;
	list-style: none;
	}

.brd .admin-submenu li {
	display: inline;
	margin-right: 0.75em;
	}

/*************************************************************
D - COMMON INTERFACE ELEMENTS
**************************************************************/

/* Logo and Tagline
-------------------------------------------------------------*/

#brd-head {
	padding-bottom: 0.75em;
	padding-top: 1em;
	}

#brd-title {
	padding: 10px;
	}

#brd-title a, #brd-title strong {
	font-size: 1.5em;
	text-decoration: none;
	font-weight: normal;
	}

#brd-desc {
	font-size: 1.084em;
	padding-top: 0;
	padding-bottom: 0;
	}

/* Primary navigation
-------------------------------------------------------------*/

#brd-navlinks {
	clear:both;
	display:block;
	padding:0;
	margin:0;
	}

#brd-navlinks p { font-size:100%; }

#brd-navlinks ul {
	clear:both;
	display: block;
	list-style-type:none;
	padding:0;
	}

	#brd-navlinks,
	#brd-navlinks ul,
	#brd-navlinks li,
	#brd-navlinks li a {

		}

	#brd-navlinks li {
		text-transform: capitalize;
		float:left;
		list-style-type:none;
		margin:0;
		padding:0 10px 0 0;
		}

	#brd-navlinks li a {
		color:#9CF;
		display:block;
		text-decoration: none;
		padding:0;
		}
		body #brd-navlinks li a:hover {
			color:#fff;
			text-decoration:none;
			}

/* e.g. New Alerts */
#brd-admod {
	clear:none;
	display:inline-block;
	}

	#brd-admod span {
		margin-left: 0.75em;
		}

#brd-access { /* Skip to forum content */
	text-align: right;
	padding: 0;
	height: 0;
	margin: 0;
	position: absolute;
	background: transparent;
	}

	#brd-access a, #brd-access a:link, #brd-access a:visited {
		height: 2em;
		padding: 0 1.3em;
		line-height: 2em;
		position: absolute;
		left: -999em;
		margin: 1px;
		width: 12em;
		}

	#brd-access a:hover, #brd-access a:active, #brd-access a:focus {
		text-indent: 0;
		background: #000;
		position: static;
		float: right;
		}

#search_form {

	}
	#search_form label {
		}
	#search_form input {

		}
	#search_form_q {

		}
	#search_form_submit {
	}
	#search_form .sf-box { margin:0; padding:5px 10px; }

/* Welcome box
-------------------------------------------------------------*/

#brd-visit {
	}

	#brd-visit div.three { float:left; }

#brd-visit #welcome {
	float: left;
	}
	#brd-visit #welcome span { padding:0 10px; display:block; }

#brd-visit #visit-links {
	float:none;
	display:block;
	margin-left:10px;
	}

	#visit-links a, p.posting a.newpost {
		text-transform:capitalize;
		text-decoration:none;
		}
		#visit-links a:hover, p.posting a.newpost:hover {
			color:#ffcc66;
			text-decoration:none;
			}

/* Paging and posting
-------------------------------------------------------------*/

#brd-pagepost-end {
	border-top: none;
	}

#brd-pagepost-top {
	border-bottom: none;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	}

	#brd-pagepost-top p {
		flex:0 1 50%;
		display:inline-block;
	}

.brd .paging {
	float: left;
	padding-left:10px;
	}

	#brd-pagepost-top .paging {
		display:block;
		width:100%;
		}

.brd .posting {
	color:#ffcc66;
	text-align: right;
	float: none;
	}
	.brd .main-pagepost .posting a { background:#ffcc66; color:#000; padding:5px 10px; text-transform:uppercase; }
	.brd .main-pagepost .posting a:hover { background:#555; color:#ffcc66; }

.brd .paging, .brd .paging * {
	white-space:nowrap;
	}

.brd .paging a, .brd .paging strong, .brd .paging span {
	padding: 0 1em;
	border-left-style: solid;
	border-left-width: 1px;
	float: left;
	}

.brd .paging .first-item,
.brd .paging span.pages {
	border-left: 0;
	padding-left: 0;
	}

	.brd .paging span.pages {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		}

.brd .posting .newpost {
	font-size: 1.084em;
	font-weight: bold;
	}

/* Breadcrumbs
-------------------------------------------------------------*/

#brd-crumbs-top {
	}

#brd-crumbs-top p {
	color:#ccc;
	}

	.brd .crumbs span.crumb span { display:none; }

	.brd .crumbs span a { display:block; }
	.brd .crumbs span.crumbfirst a:hover,
	.brd .crumbs span.crumb a:hover,
	.brd .crumbs span.crumblast a:hover { color:#ffcc66; text-decoration:none; }

	#brd-crumbs-top span.crumbfirst { display:none; }

	.brd .crumbs span.crumbfirst a,
	.brd .crumbs span.crumb a {
		font-size:100%;
		}
		#brd-crumbs-top span.crumbfirst a,
		#brd-crumbs-top span.crumb a,
		#brd-crumbs-top span.crumblast {
			font-size:150%;
			}
		#brd-crumbs-top span.crumblast {
			font-weight:bold;
			color:#fff;
		}
	.brd .crumbs span.crumblast a {
		color:#fff;
		font-size:100%;
		text-transform:uppercase;
		}
		#brd-crumbs-top span.crumblast a {
			font-size:200%;
			}



.brd .crumbs span, .brd crumbs span * {
	/* white-space: nowrap; */
	}

.brd .crumbs {
	margin: 0;
	padding: 0;
	}

/* Statistics
-------------------------------------------------------------*/

#brd-stats {
	border-bottom: 0;
	}

#brd-stats ul {
	list-style: none;
	padding-left: 0;
	}

#brd-stats ul li.st-users {
	/* float: left; */
	clear: both;
	/* white-space: nowrap; */
	}

 #brd-stats ul li.st-activity {
	/* text-align: right; */
	display: block;
	/* white-space: nowrap; */
	}

 #brd-stats li strong {
	font-weight: bold;
	}

#brd-online {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	}

	#brd-online { border:1px solid #fff; }

#brd-online .hn, #brd-online p {
	padding-bottom: 0;
	padding-top: 0;
	}

 #brd-online .hn {
	margin-right: 0.5em;
	font-size:1em;
	}

/* Footer
-------------------------------------------------------------*/

#brd-about #qjump {
	float: left;
	padding: 0.5em 0;
	}

#brd-about #qjump div, #qjump label {
	padding: 0;
	border: none;
	}

#brd-about #copyright {
	color:#555;
	text-align: right;
	margin: 0;
	}
	.brd #brd-about #copyright a { color:#555; text-decoration:none; }

#querytime {
	display:none;
	text-align: center;
	font-size: 0.9em;
	}

#extensions-used {
	border-bottom: 1px dotted;
}

/* Main and Content Options
-------------------------------------------------------------*/

.brd p.options {
	border-top: none;
	/*
	float:right;
	font-size:1em !important;
	*/
	}

.brd .main-modoptions .options {
	text-align: center;
	}

.brd a.feed {
	padding-left: 22px;
	background: url(feed-icon.png) center left no-repeat;
	}

.brd .content-options, .brd .ct-options {
	/* float: right;
	margin-top: -2.7em;
	padding: 0.5em 1.417em;
	position: relative;
	*/
	}

.brd #select-all {
	float: right;
	padding-left: 1em;
	}

.content-options.options,
.main-subhead h2.hn span { padding:0; }

.main-subhead h2.hn span { font-size:2em; }

/*************************************************************
E - INDEX, FORUMS, SEARCH RESULTS, MODERATE FORUMS
**************************************************************/

/* Header setup generally
-------------------------------------------------------------*/

.brd .item-summary {
	display:none;
	height: 2.5em;
	padding: 0;
	position: relative;
	font-size: 1em;
	}

.brd .item-summary span {
	width: 100%;
	position: absolute;
	left: -999em;
	text-indent: -999em;
	display: block;
	}

.brd .item-summary strong {
	position: absolute;
	left: 999em;
	text-indent: 0;
	padding: 0.5em 0;
	white-space: nowrap;
	font-weight: normal;
	}

.brd .item-summary strong:first-letter {
	text-transform: uppercase;
	}

.brd .item-summary .subject-title {
	padding-left: 1.417em;
	}

.brd .item-summary .info-topics,
.brd .item-summary .info-replies {
	margin-left: 100%;
	text-align: center;
	width: 7em;
	left: 965em;
	}

.item-summary .info-forum {
	margin-left: 100%;
	text-align: center;
	width: 20em;
	left: 952em;
	}
.item-summary .info-posts,
.item-summary .info-views {
	margin-left: 100%;
	text-align: center;
	width: 7em;
	left: 972em;
	}

.item-summary .info-lastpost {
	margin-left: 100%;
	left: 980em;
	}

p.forum-noview .info-replies {
	left: 972em;
	}

/* Content setup generally
-------------------------------------------------------------*/

.main-content .main-item {
	border-top-style: solid;
	border-top-width: 1px;
	border-color:#555;
	overflow: hidden;
	position: relative;
	line-height: 1.4em;
}

.main-content .main-first-item {
	border-top: none;
}

.main-content .main-item ul {
	/* float: right; */
	/* position: relative; */
	padding: 0;
	list-style: none;
}

.main-content .main-item p,
.main-content .main-item .hn {
	padding: 0;
}

.hn .item-status {
	font-size:75%;
}

.hn .item-status em {
	font-style: italics;
}

.main-item .item-subject,
.main-content .main-item li {
	/* float: left; */
	/* border-left-style: solid;
	border-left-width: 1px;
	border-color:#555; */
	/* margin: 0 -2px -9.7em 0;
	position: relative;
	padding-top: 0.6em;
	padding-bottom: 10.4em; */
}

.item-subject .item-starter {
	display:block;
	}

	.main-content .main-item li {
		float:left;
		margin-right:10px;
		width:auto;
		}

.main-item .item-subject {
	display:block;
	margin-left:2em;
	/*
	overflow: visible;
	width: 100%;
	*/
}

li.info-topics,
li.info-posts,
li.info-views,
li.info-replies {
	width: 7em;
	text-align: center;
}

li.info-forum {
	width: 20em;
	text-align: center;
}

li.info-lastpost {
	/* padding:1em; */
	/* width: 18em; */
}

li.info-lastpost cite {
	overflow: hidden;
	width: 18em;
}

.main-item li strong {
	color:#eee;
	font-weight: bold;
}


/* Setup for Index and Forums
-------------------------------------------------------------*/

.main-content .main-item {
	/* padding-right: 35em; */
	padding-left: 3.75em;
}

.main-content .main-item .hn {
	position: relative;
}

.main-content .main-item ul {
	display:block;
	margin-left:2em;
	/*
	width: 34em;
	right: -35em;
	margin-left: -34em;
	*/
}

.forum-noview .main-item {
	padding-right: 28em;
}

.forum-noview .main-item ul {
	width: 27em;
	right: -28em;
	margin-left: -27em;
}

.forum-forums .main-item {
	/* padding-right: 48em; */
}

.forum-forums .main-item ul {
	width: 47em;
	right: -48em;
	margin-left: -47em;
}

.item-subject span.modlist {
	display: block;
}

#brd-index .main-item .hn span {
	font-size: 1.084em;
	font-weight: bold;
}

#brd-index .main-item .hn small {
	font-size: 1em;
}

.item-status {
	font-weight: bold;
}

.main-content .main-item cite {
	font-style: normal;
}

.item-nav,
.item-nav a,
.item-nav span  {
	white-space: nowrap;
	font-style: normal;
}

.item-subject .hn,
.item-subject p {
	/* margin: 0 0 0 10px; */
	margin:0;
}

li.info-lastpost cite,
li.info-lastpost span,
li.info-forum a {
	display: inline;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}

li.info-lastpost strong {
	padding: 0;
	font-style: normal;
	font-weight: normal;
}

.main-item li.info-select {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0.3em;
	border-style: none none solid solid;
	border-width: 1px;
}

.main-content .main-item .icon {
	border-style: solid;
	border-width: 0.5833em;
	height: 0;
	width: 0;
	float: left;
	margin-top: 0.667em;
	/* margin-left: -2.417em; */
	margin-right:10px;
	line-height:1.25;
}

.main-content .main-item .hn .posted-mark {
	position: absolute;
	font-size: 2em;
	left: -0.6em;
	top: -0.2em;
}

/*************************************************************
F - MAIN CONTENT - FORMS
**************************************************************/

/* Generally
-------------------------------------------------------------*/

.brd .frm-group {
	border-top-style: dashed;
	border-top-width: 1px;
	/*
	margin: 1.417em;
	padding: 1.3em 0pt 0em;
	*/
	}

.brd .group1{
	border-top: none;
	padding-top: 0;
	}

.brd .sf-box, .brd .mf-box, .brd .txt-box {
	margin: 1.417em;
	padding: 0;
	position: relative;
	}

.brd .sf-set, .brd .mf-set, .brd .txt-set {
	margin: 1.417em;
	padding: 0 0 0 17em;
	position: relative;
	}
	.brd .mf-set,
	.brd .sf-set,
	.brd .txt-set {
		padding-left:0;
		}


	#pun_bbcode_buttons {
		background:#fff;
		display:inline-block;
		}

.brd .sf-set .sf-box, .brd .mf-set .mf-box, .brd .txt-set .txt-box {
	margin: 0;
	}
		.brd .mf-set .mf-box {
			/*
			margin:0 0 0 18em;
			*/
			}

.brd .frm-group .sf-set, .brd .frm-group .mf-set, .brd .frm-group .txt-set {
	margin: 0;
	}

.brd .text input, .brd .select select {
	font-size: 1.084em;
	}

.brd .frm-buttons {
	margin: 0;
	position: relative;
	/*
	padding: 0.8em 0pt 0.3em 18em;
	*/
	}

.brd .frm-buttons span.submit {
	display:inline-block;
	margin: 0 1em 1em 0;
	border-bottom:0 !important;
	}

.brd span.submit input, .brd span.cancel input {
	overflow: visible;
	padding:0.25em 1em;
	font-size: 1.8em;
	background:#555;
	border:0;
	text-transform:uppercase;
	color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	font-family:Helvetica, Arial, sans-serif;
	}
	.brd span.primary input {
		background:#99CC99;
		}

	.brd span.submit input:hover {
		background:#333;
		}
		.brd span.primary input:hover {
			background:#669966;
			}
	.brd span.cancel input {
		background:#6F0F1A;
		}

.brd .button-set span.submit {
	padding-left: 1em;
	}

/* Single Field Items (Text, Select, Checkbox)
-------------------------------------------------------------*/

.brd .sf-box label, .brd .sf-box .aslabel {
	/* float: left; */
	padding: 0;
	}


.brd .sf-set .checkbox label {
	padding: 2px 0 2px 0;
	width:16em;
	}

.brd .sf-set .text label span, .brd .sf-set .select label span, .brd .sf-set .aslabel span {
	float: left;
	margin-left: -17em;
	display: block;
	position: relative;
	padding: 2px 0 2px 1em;
	width: 16em;
	text-align:right;
	font-weight:bold;
	}



.brd .sf-set .checkbox label span {
	float: left;
	margin-left: -18em;
	display: block;
	position: relative;
	padding: 0 0 0 2em;
	width: 16em;
	left: -3em;
	text-align:right;
	font-weight:bold;
	}

	/* Revised 2020-08-13 */
	.brd .sf-set .text label span,
	.brd .sf-set .select label span,
	.brd .sf-set .aslabel span,
	.brd .sf-set .checkbox label span,
	.brd .required label span {
		margin:1em 0;
		padding:0;
		width:100%;
		text-align:left;
		left:0;
		}

		.brd .sf-set .text label span { float:none; padding: 0; }

.brd .sf-set .text label small, .brd .sf-set .select label small {
	display: block;
	text-align: left;
	position: relative;
	margin: 0;
	font-size: 0.917em;
	}

.brd .sf-set .fld-input {
	/*
	position: absolute;
	top: 0;
	left: 18em;
	padding: 0.3em 1em;
	*/
	display: inline-block;
	}

	.brd .sf-set .text input[name="req_subject"] {
		font-size:2em;
		padding: 0.5em;
		width:90%;
		}

.brd .sf-set .checkbox input {
	margin: 2px 0 2px -0.25em;
	height: 1.55em;
	width: 1.55em;
	}

.brd .sf-set .text input:not([title]) { /* Fixes alignment issue in Safari */
	height: 100%;
	}

.brd .sf-set .sf-short input {
	width: 4em;
	}

.brd .sf-set .sf-short label small {
	font-size: 1em;
	padding: 2px 0;
	margin: 0 1em 0 0;
	}


/* Multi-Field Items (Radio/Checkbox Groups)
-------------------------------------------------------------*/

.brd .mf-box .mf-item {
	position: relative;
	top: -0.166em;
	padding: 0.25em 0;
	}

.brd .mf-set legend {
	position: absolute;
	height: 0;
	background: transparent;
	}

	.brd .mf-set legend {
		position: relative;
		min-height:25px;
	}

.brd .mf-set legend span {
	position: absolute;
	left: -17em;
	width: 16em;
	padding: 0.3em 1em;
	margin: 1px 0 2px 0;
	overflow: hidden;
	display: block;
	text-align: right;
	font-weight: bold;
	}
	.brd .mf-set legend span {
		left:0;
		text-align:left;
		padding-left:0;
		}

.brd .mf-set legend span em {
	display: block;
	white-space: normal;
	font-style: normal;
	font-weight:normal;
	font-size: 0.917em;
	}

.brd .mf-item .fld-input {
	position: absolute;
	top: 0.25em;
	left: 0;
	display: block;
	padding: 0 1em;
	}

.brd .mf-item input {
	margin: 0 0 0 -0.25em;
	height: 1.55em;
	width: 1.55em;
	}

.brd .mf-item label {
	padding: 0 0 0 3em;
	float: left;
	}

.brd .mf-set .mf-yesno .mf-item {
	width: 10em;
	float: left;
	}

.brd .mf-set .mf-field {
	float: left;
	padding: 0 1em 0 1em;
	border-left: 1px solid #ccc;
	}

.brd .mf-set .mf-field1 {
	border-left: none;
	}

.brd .mf-set .mf-field label, .mf-set .mf-field .aslabel {
	position: absolute;
	top: -2em;
	display: block;
	}

.brd .mf-set .mf-cell .fld-input {
	position: static;
	padding: 0 0 0 1em;
	border-left: 1px solid #ccc;
	}

.brd .frm-hdgroup {
	padding-top: 2em;
	}

/*.brd .frm-hdgroup .set1 {
	border-top-style: solid;
	border-top-width: 1px;
	}*/

.brd .sf-set .sf-box .sf-forum {
	width: 25em;
	}

.brd .mf-set .mf-box .forum-field {
	width: 25em;
	}

/* Multi Checkbox Widget
-------------------------------------------------------------*/

.brd .checklist {
	min-height: 6em;
	max-height: 9em;
	max-width: 30em;
	overflow: auto;
	border-style: solid;
	border-width: 0;
	position: relative;
	padding: 0.25em 0.5em;
	margin: 0 1em;
	}

.brd .checklist fieldset {
	height: auto;
	}

.brd .checklist legend,
.brd .checklist legend span {
	font-weight: bold;
	position: static;
	padding: 0;
	height: auto;
	text-align:left;
	}

.brd .checklist .checklist-item {
	position: relative;
	height: auto;
	}

.brd .checklist .checklist-item label {
	display: block;
	padding: 0 0 0 2.25em;
	float: none;
	height: 100%;
	}

.brd .checklist .checklist-item .fld-input {
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	}

.brd .checklist .checklist-item input {
	margin: 0;
	height: 1.55em;
	width: 1.55em;
	}


/* Single Field Textareas and Long Inputs (Flexi Width)
-------------------------------------------------------------*/

.brd .txt-box label {
	float: none;
	}

.brd .txt-set label span {
	/*
	float: left;
	margin-left: -17em;
	*/
	display: block;
	position: relative;
	text-align:left;
	font-weight:bold;
	}

.brd .txt-set label small {
	display: block;
	text-align: left;
	position: relative;
	margin: 0 1em 0 -1px;
	padding: 2px 1em;
	font-size: 0.917em;
	z-index: 100;
	}

.brd .txt-set .txt-input {
	display:block;
	position: relative;
	width: 100%;
	}

.brd .txt-set .fld-input {
	display: block;
	padding:0;
	}

.brd .txt-set textarea {
	padding:1em;
	width: 100%;
	font-size:1.25em;
	line-height: 1.3;
	font-family:Helvetica, Arial, sans-serif;
	}

/* Error handling
-------------------------------------------------------------*/

.brd .req-warn {
	display: none;
	}

.brd #req-msg p em, .brd .required label span em {
	font-style: normal;
	font-weight: normal;
	}

.brd .required label span em {
	float: left;
	font-size: 0.917em;
	line-height: 1.2em;
	width: 100%;
	position: relative;
	}

.brd .txt-set .required label span em {
	margin-bottom: -1.2em;
	}

.brd .req-error {
	display: block;
	}

.brd .required label span  {
	font-weight: bold;
	padding:0;
	}

/*************************************************************
G - MAIN CONTENT - TOPICS AND PARSED CONTENT
**************************************************************/

/* Structure
-------------------------------------------------------------*/

.brd .post {
	border-style: solid;
	border-width: 0;
	position: relative;
	margin: 1.417em;
	margin-top: -1.417em;
	}

.brd .firstpost, .brd .singlepost {
	margin-top: 1.417em;
	}

.brd .main-topic .lastpost {
	border-bottom: 0;
	}

.brd .main-topic .post {
	border-style: solid none;
	margin: 0;
	}

.brd  .main-topic .firstpost {
	border-top: none;
	}

.brd .posthead {
	/*
	margin-left: 18em;
	*/
	border-style: none none none solid;
	border-width: 0;
	}

.brd .posthead .hn {
	padding:10px;
	border-style: none none dashed none;
	border-width: 0;
	}
	.brd .posthead .hn .post-link,
	.brd .posthead .hn .post-edit {
		color:#ccc;
		font-size:85%;
		}
	.brd .posthead .hn a {
		font-weight:normal;
		text-decoration:none;
		}

.brd .post .posthead .post-byline a,
.brd .post .posthead .post-byline strong {
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	}

.brd .post .posthead .post-byline {
	/*
	float: left;
	width: 11em;
	padding: 0.5em 1em 0.5em 1.5em;
	margin-left: -13.5em;
	margin-top: -0.5em;
	position: relative;
	left: -1px;
	overflow: hidden;
	*/
	}

.brd .posthead .post-num {
	float:right;
	font-weight: bold;
	display:none;
	}

.brd .posthead .post-link {
	float:right;
	}

#brd-modtopic .posthead .hn {
	padding-right: 2.7em;
	}

.brd .posthead .post-title {
	padding: 0 1.5em 0.5em 1em;
	margin-top: -1px;
	position: relative;
	}

.brd .posthead .post-title span {
	display: block;
	width: 100%;
	overflow: hidden
	}

.brd .posthead .post-title a {
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	}

.brd .posthead .post-title small,
.brd .posthead .post-title small a {
	font-size: 1em;
	font-weight: normal;
	white-space: nowrap;
	}

.brd .posthead p.item-select {
	position: absolute;
	top: 0;
	right: 0.75em;
	height: 2.5em;
	}

.brd .postbody {
	/* margin-left: 18em; */
	position: relative;
	border-left-style: solid;
	border-left-width: 0;
	/* padding: 10px; */
	clear: both;


	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	}



.brd .postfoot {
	/* padding-left: 18em; */
	border-top-style: dashed;
	border-top-width: 0;
	position: relative;
	}

.brd .postfoot .post-options {
	border-left-style: solid;
	border-left-width: 0;
	}

.brd .postbody .post-author {
	background:#222;
	/*
	float: left;
	width: 15.5em;
	margin-left: -19em;
	left: -1px;
	position: relative;
	display: inline;
	padding: 0 1em 0.5em 1.5em;
	overflow: hidden;
	margin-top: -1em;
	float:left;
	*/
	width:120px;
	-webkit-flex: 0 1 120px;
	flex: 0 1 120px;
	}

.brd .postbody .post-entry {
	/*
	float:left;
	display:block;
	padding:0 10px;
	width:auto;
	max-width:86%;
	margin-left:120px;
	*/
	-webkit-flex: 1 0 85%;
	flex: 1 0 85%;
	}

.brd .postbody .post-author ul {
	margin: 0;
	padding: 10px;
	list-style: none;
	}

.brd .post .author-ident .useravatar img {
	display: block;
	padding: 0;
	max-width:100%;
	height:auto;
	}

.brd .post .author-ident .username {
	display: none;
	}

.brd .postbody .author-ident .usertitle {
	font-weight: bold;
	line-height: normal;
	}

.brd .postbody .author-ident .userstatus {
	padding: 0.75em 0 0.25em 0;
	margin: 0;
	line-height: 0.75em;
	width: 100%;
	}

.brd .postbody .author-ident .userstatus span {
	font-size: 0.917em;
	display: block;
	border-left-style: solid;
	border-left-width: 0.7em;
	text-indent: 0.5em;
	}
.brd .postbody .author-info {
	font-size:85%;
	}
	.brd .postbody .author-info li span strong {
		font-weight: normal;
	}
.brd .online .author-ident .userstatus span {
	font-weight: bold;
	}

.brd .postfoot .post-contacts {

	}
	.brd .postfoot .post-contacts a{
		color:#ccc;
		font-weight:normal;
		text-decoration:none;
		}

.brd .postfoot .post-actions {

	}
	.brd .postfoot .post-actions a {
		font-weight:normal;
		padding:0;
		text-decoration:none;
		}

.brd .postfoot .post-actions span {
	margin-left: 1em;
	}

.brd .postfoot .post-contacts span {
	margin-right: 1em;
	}

/* Content
-------------------------------------------------------------*/

.brd .entry-content {
	padding:10px;
	overflow: hidden;
	font-size: 1.084em;
	word-break: break-word;
	}

.brd .entry-content ol {
	padding-left: 2.5em;
	list-style-type: decimal;
	}

#doc .brd .entry-content ul,
#doc .brd .entry-content ul li {
	list-style-type:square;
	}

.brd .entry-content ol p,
.brd .entry-content ul p {
	padding: 0;
	}

.brd .entry-content ol.alpha {
	list-style-type: upper-alpha;
	}

.brd .entry-content h5, .brd .entry-content h5 * {
	font-weight: bold;
	font-size: 1.084em;
	padding: 0.5em 0;
	}

.brd .entry-content img {
	vertical-align: text-top;
	}

.brd .entry-content .quotebox,
.brd .entry-content .codebox {
	border-style: solid;
	border-width: 0;
	margin: 0.75em 1em;
	padding: 1em 0.75em;
	}

.brd .entry-content .codebox code, #brd-debug table .tcl, #brd-debug table .tcr {
	font-family: monospace;
	}

.brd .entry-content blockquote {
	overflow: hidden;
	width: 100%;
	}

.brd .entry-content .quotebox cite {
	display: block;
	font-style: normal;
	font-weight: bold;
	}

.brd .entry-content pre {
	margin: 0;
	max-height: 35em;
	min-height: 2em;
	overflow: auto;
	padding: 0 2% 0.1em 0;
	width: 98%;
	}

.brd .entry-content img {
	max-width: 100%;
	}

.brd .entry-content span.bbu {
	text-decoration: underline;
	}

.brd .entry-content br, .brd .sig-demo br, .brd .user-box br, .brd .main-message br {
	display: inline;
	}

.brd .sig-content {
	color:#555;
	padding-top: 1em;
	font-size:85%;
	}
	.brd .sig-content a {
		color:#555;
		text-decoration:underline;
		}

.brd span.sig-line {
	display: block;
	width: 200px;
	border-top-style: solid;
	border-top-width: 1px;
	padding-bottom: 0.5em;
	}


/*************************************************************
H - MAIN TABLES
**************************************************************/

/* Table Cells Widths and Alignment
-------------------------------------------------------------*/

.brd table {
	width: 100%;
	table-layout: fixed;
	empty-cells: show;
	border-spacing: 0;
	line-height: 1.3333em;
	}

.brd td {
	overflow: hidden;
	vertical-align: middle;
	}

#brd-userlist table .tc0 {
	width: 30%
	}

#brd-userlist table .tc1 {
	width: 20%;
	text-align: left;
	}

#brd-userlist table .tc2 {
	width: 10%;
	text-align: center;
	}

#brd-debug  table .tc1 {
	white-space: normal;
	width: 10%;
	}

#brd-debug table .tcr {
	white-space: normal;
	}

#brd-admin-uresults table .tc0,
#brd-admin-iresults table .tc0 {
	width: 45%;
	}

#brd-admin-uresults table .tc1,
#brd-admin-iresults table .tc1,
#brd-admin-iresults table .tc2 {
	width: 20%;
	}

#brd-admin-uresults table .tc2,
#brd-admin-uresults table .tc4 {
	width: 10%;
	text-align: center;
	}

#brd-admin-uresults .tc3 {
	width: 15%;
	}

#brd-admin-uresults td.tc0 span,
#brd-admin-uresults td.tc3 span {
	display: block;
	white-space: nowrap;
	}

#brd-admin-uresults td.tc0 a,
#brd-admin-uresults td.tc3 a {
	font-weight: bold;
	}

#brd-admin-iresults table .tc0 {
	width: 25%;
	}

#brd-admin-iresults table .tc1 {
	width: 25%;
	}

#brd-admin-iresults table .tc2 {
	width: 20%;
	}

#brd-admin-iresults .tc3 {
	width: 30%;
	}


/* Table Cell Styling
-------------------------------------------------------------*/

.brd .main-content th {
	font-size: 1.084em;
	padding: 0.462em 1.417em;
	font-weight: normal;
	}

.brd .main-item {
	padding:10px 0;
	}

.brd table td {
	padding: 0.5em 1.417em;
	border-width: 0;
	border-style: solid none none solid;
	}
	.brd div.three table td {
		padding:0 0 1em;
	}
	.brd div.three table {
		padding:0.5em 0;
	}

.brd table td.tc0 {
	border-left-style: none;
	border-left-width: 0
	}

.brd table th {
	padding: 0.5em 1.3em;
	border-style: none;
	}

.brd table td.actions, .brd table th.actions {
	text-align: right;
	}

.brd table td.actions span {
	display: block;
	}


/*************************************************************
H - MAIN CONTENT - ODDMENTS
**************************************************************/

/* Reports
-------------------------------------------------------------*/

.brd .report {
	margin-left: 4em;
	}

.brd .report h3 span {
	display: block;
	font-style: normal;
	}

.brd .report h3 cite {
	font-style: normal;
	font-size: 1.084em;
	font-weight: bold;
	}

.brd .report h3 strong {
	position: absolute;
	left: -3.1em;
	width: 1.5em;
	text-align: right;
	font-size: 1.167em;
	}

.brd .report p strong {
	display: block;
	font-weight: normal;
	}

.brd .report h4 {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	}

#brd-admin-reports .frm-buttons {
	margin-left: 4em;
	margin-top: 0;
	}

.brd .report .item-select {
	position: absolute;
	top: 0;
	right: 0.75em;
	height: 2.5em;
	}

/* Help File
-------------------------------------------------------------*/

.brd .help-box samp {
	display: block;
	margin-left: 1.5em;
	}

.brd .help-box h5 samp {
	margin-left: 1.417em;
	}

.brd .help-box code {
	font-family: courier;
	font-size: 1.084em;
	}

.brd .help-box .entry-content {
	padding: 0;
	}

.brd .help-box .hn {
	padding-bottom: 0.5em;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	margin-bottom: 0.5em;
	color: #294F6E
	}


/* Custom */

.brd .post-author ul li { list-style:none; }

/* MEDIA QUERIES */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

	#titlecontainer img,
	img { max-width:100%; height:auto; }

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

	#doc,
	#brd-wrap,
	.brd	{
		display:block !important;
		float:none !important;
	}

	#bffc-nav { display:none !important; }

	#doc,
	#masthead,
	#titlecontainer,
	#bffc-navigation,
	#globalFooter,
	#brd-wrap,
	.brd,
	.brd .item-summary .info-topics,
	.brd .item-summary .info-replies,
	.item-summary .info-forum,
	.item-summary .info-posts,
	.item-summary .info-views,
	li.info-topics,
	li.info-posts,
	li.info-views,
	li.info-replies,
	li.info-forum,
	li.info-lastpost,
	li.info-lastpost cite,
	.main-content .main-item ul,
	.forum-noview .main-item,
	.forum-noview .main-item ul,
	.forum-forums .main-item ul,
	.brd .post .posthead .post-byline,
	.brd .postbody .post-author,
	.brd .postfoot .post-contacts {
		max-width:100% !important;
		width:100% !important;
		}
	.main-content .main-item {
		padding-right:0;
		padding-left:0;
		}
	.main-content .main-item .icon {
		margin-top:0;
		margin-left:0;
		}
	.main-item .item-subject {
		float:none !important;
		display:block !important;
		overflow:visible;
		width:100% !important;
		}
	.main-content .main-item ul {
		float:none !important;
		display:block !important;
		width:100% !important;
		right:0;
		margin-left:0;
		}
	.main-content .main-item li {
		display:inline-block !important;
		padding-bottom:0;
		margin:0;
		}
	iframe {
		display:none;
		}

}

/* 2020 Update */

.main-content .main-item {
	display:flex;
}
.main-content .main-item .icon {
	flex:0;
	width:auto;
	float:none;
	margin-right:1em;
}
.main-content .main-item .item-subject {
	flex:2;
	margin-left:0;
	margin-right:1em;
}
@media screen and (max-width: 768px) {
	.main-content .main-item .item-subject {
		flex:1;
	}
}
.main-content .main-item .item-info {
	flex:1;
}
.main-content .main-item ul.item-info {
	margin-left:0 !important;
	display:flex;
	flex-direction: column;
}
.main-content .main-item ul.item-info li {
	flex:0;
	float:none;
	text-align:left;
	margin-right:0;
}
.brd h2.hn {
	font-size:1em !important;
}

.postfoot .post-options {
	display:flex;
}
.postfoot .post-options p {
	flex:1;
	display:flex;
	font-size:85%;
	padding:10px;
	position: relative;
	margin:0;
}
.postfoot .post-options p.post-actions {
	justify-content: flex-end;
}
.postfoot .post-options p span {
	flex:0;
	white-space: nowrap;
}
@media screen and (max-width: 500px) {
	.postfoot .post-options p span { white-space: normal; }
}
.postfoot .post-options p span.contact {
	display:none;
}

/* Extensions */

#pun_bbcode_bar {
	margin:1em 0 !important;
}

#qia-block {
	margin:0 !important;
}

#qia-block input[type=button] {
	border:0 !important;
}