importHEADmaster

1 files changed, 2009 insertions, 0 deletions

diff --git a/style/Remi/Remi.css b/style/Remi/Remi.css
new file mode 100644
index 0000000..3927786
--- /dev/null
+++ b/style/Remi/Remi.css
@@ -0,0 +1,2009 @@
+/*************************************************************
+A - SETUP
+**************************************************************/
+
+/* Start from scratch
+-------------------------------------------------------------*/
+
+html, body, /* remove this line if necessary for site integration */
+.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;
+	padding:0;
+	text-align: left;
+	}
+
+.brd .main-head h2{
+	font-weight:bold;
+}
+
+.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;
+	}
+
+/* Text Setup (Equalise everything before styling)
+-------------------------------------------------------------*/
+
+body {
+	font: 0.7em Arial,sans-serif;
+/* 	font-size: 100%; */
+	}
+
+.brd-page {
+	/*font: 75%/1.5em Verdana, Helvetica, Arial, sans-serif;*/
+	}
+
+.brd h1,.brd h2,.brd h3, .brd h4, .brd h5, .brd h6 {
+	font-size: 1em;
+	font-weight: normal;
+	}
+
+.brd samp, .brd code, .brd pre, .brd option, .brd optgroup,
+.brd input, .brd select, .brd textarea, .brd td, .brd th {
+#	font-size: 1em;
+/* 	font-family: Verdana,Helvetica,Arial,sans-serif; */
+	font-style: normal;
+	font-weight: normal;
+	}
+
+/* Float Clearing
+-------------------------------------------------------------*/
+
+.brd-page:after,
+.brd .gen-content:after,
+.brd .ct-box:after,
+#brd-index .item-head:after,
+#brd-index .main-item:after,
+#brd-index ul.item-info:after,
+.brd .frm-group:after,
+.brd .mf-set:after,
+.brd .sf-set:after,
+.brd .mf-box:after,
+.brd .sf-box:after,
+.brd .mf-item:after,
+.brd .txt-set:after,
+.brd .txt-box:after,
+.brd .frm-form label:after,
+.brd fieldset:after,
+.brd span.fld-input:after,
+.brd .posthead:after,
+.brd .postbody:after,
+.brd .postfoot .post-options:after {
+	content: "";
+	display: block;
+	font-size: 0;
+	height: 0;
+	line-height: 0.0;
+	overflow:hidden;
+	visibility: hidden;
+	clear: both;
+	}
+
+/* Hidden items
+-------------------------------------------------------------*/
+
+#brd-stats .hn,
+#qjump label,
+.brd .post .post-byline span,
+.brd .post .posthead .post-link span,
+.admin .main-subhead,
+.brd .main-item .item-info li span.label,
+.brd .main-item .item-info li label,
+.brd .main-item .you-posted,
+.brd .main-item .item-num,
+.brd .group-legend,
+.brd .group-legend span,
+.brd .sf-set legend,
+.brd .sf-set legend span,
+.brd .main-pagehead .page-info,
+.brd p.item-select label,
+.brd .mf-extra .mf-field label,
+.brd .mf-extra .mf-field .aslabel,
+.brd .item-subject .item-nav span,
+.brd .post-options a span,
+.brd .main-title,
+.brd .main-head .hn small,
+.brd .entry-title,
+.brd .menu-page .main-head {
+	font-size: 0;
+	left: -999em;
+	text-indent: -999em;
+	position:absolute;
+	line-height: 0em;
+	visibility: hidden;
+	}
+
+
+/*************************************************************
+B - GLOBAL STYLES
+**************************************************************/
+
+/* General Layout
+-------------------------------------------------------------*/
+
+.brd {
+	width:99%;
+	margin:0 auto;
+	/*padding: 1.3em 2em;
+	margin: 0 auto;
+	max-width: 1100px;
+	min-width: 700px;
+	width: 90%;*/
+	}
+
+#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%;
+	position: relative;
+    background: white url(images/monkey.png) bottom right no-repeat;
+	}
+
+.brd .gen-content {
+	padding: 0 1.5em;
+	}
+
+#brd-index #brd-about, #brd-index #brd-stats {
+	margin-top: 1em;
+	}
+
+.brd .main-content,
+#brd-index #brd-visit, #brd-qpost,
+#brd-index #brd-announcement {
+	margin-bottom: 1em;
+	}
+
+.brd #brd-announcement {
+	padding: 0.5em 1.5em;
+	margin-top: 1em;
+	/*margin: 0em 0em 1em 0em;*/
+	}
+
+.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: 1px;
+	}
+
+.brd .main-head, .brd .main-foot {
+	padding: 0 1.417em;
+	}
+
+.brd .main-head .hn, .brd .main-foot .hn {
+	font-size: 1.084em;
+	padding-right: 10em;
+	}
+
+.brd h2.main-subhead {
+	border-style: solid;
+	border-width: 1px;
+	font-size: 1.084em;
+	padding: 0.462em 10em 0.426em 1.417em;
+	}
+
+.brd .column-title {
+	border-style: solid;
+	border-width: 1px;
+	position: relative;
+	margin-bottom: -1px;
+	}
+
+.brd .main-subhead {
+	border-style: solid;
+	border-width: 1px;
+	border-bottom: none;
+	}
+
+.brd .main-subhead .hn {
+	font-size: 1.084em;
+	padding: 0.462em 1.417em;
+	position: relative;
+	}
+
+.brd .main-foot {
+	margin-top: -1em;
+	}
+
+.brd #brd-announcement h1, .brd .main-extensions .ct-legend, .brd .main-hotfixes .ct-legend {
+	border-bottom-style: dashed;
+	border-bottom-width: 1px;
+	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 1.417em 0;
+	}
+
+.brd .content-head .hn {
+	font-size: 1.084em;
+	border-style: none none double none;
+	border-width: 3px;
+	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.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: 1px;
+	margin: 1.417em;
+	padding: 0.5em 1em;
+	position: relative;
+	}
+
+.brd .ct-box li {
+	padding: 0;
+	margin: 0 0 0.7em 0;
+	}
+
+.brd .ct-set {
+	border-style: solid;
+	border-width: 1px;
+	margin: 1.417em;
+	padding: 0 0 0 17em;
+	position: relative;
+	}
+
+.brd .ct-group {
+	margin: 1.417em;
+	}
+
+.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 ul, .brd .admin-menu ul {
+	list-style-type: none;
+	float: left;
+	padding: 0;
+	}
+
+.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: 0px 1px 0px 1px;
+	}
+
+.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:0;
+	border:none;
+    height: 100px;
+	}
+
+#brd-title {
+	background: transparent url(images/top_monkey.png) bottom left no-repeat;
+	font-size: 3em;
+	text-align: center;
+	height:53px;
+	padding-bottom: 20;
+	padding-top: 30px;
+	}
+
+#brd-title a, #brd-title strong {
+	/*font-size: 1.5em;*/
+	text-decoration: none;
+	font-weight: bold;
+	}
+
+#brd-desc {
+/* 	font-size: 1.084em; */
+	font-size:1.2em;
+	font-weight:bold;
+	padding-top: 0;
+	padding-bottom: 0;
+	position:absolute;
+	top:65px;
+/* 	right:.5em; */
+	width:100%;
+	text-align:center;
+	color: white;
+	}
+
+/* Primary navigation
+-------------------------------------------------------------*/
+
+#brd-navlinks {
+	border:none;
+    margin-top: 2.1em;
+}
+
+#brd-navlinks ul {
+/* 	margin: 0 0 0 1em; */
+/* 	width: 350px; */
+	margin:-20px auto 0 auto;
+	padding: 0;
+	text-align:center;
+/* 	float: left; */
+	}
+
+#brd-navlinks ul#remi_navlinks{
+	margin:0;
+}
+#brd-navlinks ul#remi_navlinks li {
+	display:inline;
+	margin:0;
+	padding:0;
+	background:none;
+}
+#brd-navlinks li {
+	display: inline;
+	margin-right: .7em;
+	background:transparent url(images/sidebar_li.png) no-repeat scroll 10px 50%;
+	padding: 3px 4px 3px 20px;
+}
+
+#brd-navlinks li a {
+	font-size: 1.167em;
+	text-decoration: none;
+	}
+
+#brd-navlinks form {
+    position:absolute;
+    top:110px;
+    right:.5em;
+}
+
+#brd-admod {
+	position:absolute;
+	top:0;
+	left:80px;
+}
+
+#brd-admod span {
+	margin-left: 0.75em;
+	}
+
+#brd-access {
+	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;
+	}
+
+
+/* Welcome box
+-------------------------------------------------------------*/
+
+#brd-visit{
+	width:99%;
+/* 	height:0; */
+/* 	width:0; */
+	border:none;
+	/*position:absolute;*/
+	margin:0 auto;
+	padding:0;
+	position:absolute;
+	left:0;
+	top:0;
+}
+
+#brd-visit #welcome {
+	/*float: left;
+	margin-right:2em;*/
+	position:absolute;
+	top:80px;
+	left:125px;
+	color:#CAE4FC;
+	}
+
+#brd-visit #visit-links {
+	text-align: right;
+/* 	float: right; */
+	position:absolute;
+	top:80px;
+	right:9em;
+	}
+
+#brd-visit #visit-links a {
+	color:#CAE4FC;
+	text-decoration:none;
+	}
+#brd-visit #visit-links a:hover {
+	text-decoration:underline;
+	}
+/* Paging and posting
+-------------------------------------------------------------*/
+
+#brd-pagepost-end {
+	border-top: none;
+	}
+
+#brd-pagepost-top {
+	border-bottom: none;
+	}
+
+.brd .paging {
+	float: left;
+	}
+
+.brd .posting {
+	text-align: right;
+	float: right;
+	}
+
+.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 .posting .newpost {
+	font-size: 1.084em;
+	font-weight: bold;
+	}
+
+/* Breadcrumbs
+-------------------------------------------------------------*/
+
+.brd .crumbs .crumblast {
+	font-weight: bold;
+	}
+
+.brd .crumbs .crumblast  span {
+	font-weight: normal;
+	}
+
+.brd .crumbs span, .brd crumbs span * {
+	white-space: nowrap;
+	}
+
+.brd .crumbs {
+	margin: 0.5em 0em;
+	padding: 0em 1.417em;
+	font-size: 1.084em;
+	}
+
+/* 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 .hn, #brd-online p {
+	padding-bottom: 0;
+	padding-top: 0;
+	}
+
+ #brd-online .hn {
+	float: left;
+	margin-right: 0.5em;
+	}
+
+/* Footer
+-------------------------------------------------------------*/
+
+#brd-about #qjump {
+	float: left;
+	padding: 0.5em 0;
+	}
+
+#brd-about #qjump div, #qjump label {
+	padding: 0;
+	border: none;
+	}
+
+#brd-about #copyright {
+	margin: 0 auto;
+	padding: 16px 16px 6px 0;
+	background: #5682ab;
+	color: #FFF;
+	text-align: right;
+	font-weight: bold;
+
+	}
+
+#querytime {
+	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;
+	}
+
+.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 1.417em;
+	position: relative;
+	}
+
+.brd #select-all {
+	float: right;
+	padding-left: 1em;
+	}
+
+/*************************************************************
+E - INDEX, FORUMS, SEARCH RESULTS, MODERATE FORUMS
+**************************************************************/
+
+/* Header setup generally
+-------------------------------------------------------------*/
+
+.brd .item-summary {
+	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 .main-subhead .item-summary strong {
+	font-weight:bold;
+}
+.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;
+	}
+
+.brd .item-summary .info-forum {
+	margin-left: 100%;
+	text-align: center;
+	width: 20em;
+	left: 952em;
+	}
+.brd .item-summary .info-posts,
+.brd .item-summary .info-views {
+	margin-left: 100%;
+	text-align: center;
+	width: 7em;
+	left: 972em;
+	}
+
+.brd .item-summary .info-lastpost {
+	margin-left: 100%;
+	left: 980em;
+	}
+
+.brd p.forum-noview .info-replies {
+	left: 972em;
+	}
+
+/* Content setup generally
+-------------------------------------------------------------*/
+
+.brd .main-content .main-item {
+	border-top-style: solid;
+	border-top-width: 1px;
+	overflow: hidden;
+	position: relative;
+	line-height: 1.4em;
+	}
+
+.brd .main-content .main-first-item {
+	border-top: none;
+	}
+
+.brd .main-content .main-item ul {
+	float: right;
+	position: relative;
+	padding: 0;
+	list-style: none;
+	}
+
+.brd .main-content .main-item p,
+.brd .main-content .main-item .hn {
+	padding: 0;
+	}
+
+.brd .main-content .main-item .hn .item-status {
+	font-weight:normal;
+	}
+
+.brd .main-content .main-item .hn .item-status em {
+	font-style:normal;
+	}
+
+.brd .main-content .main-item .item-subject,
+.brd .main-content .main-item li {
+	float: left;
+	border-left-style: solid;
+	border-left-width: 1px;
+	margin: 0 -2px -9.7em 0;
+	position: relative;
+	padding-top: 0.6em;
+	padding-bottom: 10.4em;
+	}
+
+.brd .main-content .main-item .item-subject {
+	overflow: hidden;
+	width: 100%;
+	}
+
+.brd .main-content .main-item li.info-topics,
+.brd .main-content .main-item li.info-forum,
+.brd .main-content .main-item li.info-posts,
+.brd .main-content .main-item li.info-views,
+.brd .main-content .main-item li.info-replies {
+	width: 7em;
+	text-align: center;
+	}
+
+.brd .main-content .main-item li.info-forum {
+	width: 20em;
+	}
+
+.brd .main-content .main-item li.info-lastpost {
+	width: 20em;
+	}
+
+.brd .main-content .main-item li.info-lastpost cite {
+	overflow: hidden;
+	width: 18em;
+	}
+
+.brd .main-item li strong {
+	font-weight: normal;
+	}
+
+
+/* Setup for Index and Forums
+-------------------------------------------------------------*/
+
+.brd .main-content .main-item {
+	padding-right: 35em;
+	padding-left: 3.75em;
+	}
+
+.brd .main-content .main-item .hn {
+	position: relative;
+	}
+
+.brd .main-content .main-item ul {
+	width: 34em;
+	right: -35em;
+	margin-left: -34em;
+	}
+
+.brd .forum-noview .main-item {
+	padding-right: 28em;
+	}
+
+.brd .forum-noview .main-item ul {
+	width: 27em;
+	right: -28em;
+	margin-left: -27em;
+	}
+
+.brd .forum-forums .main-item {
+	padding-right: 48em;
+	}
+
+.brd .forum-forums .main-item ul {
+	width: 47em;
+	right: -48em;
+	margin-left: -47em;
+	}
+
+.brd .main-content .main-item .item-subject span.modlist {
+	display: block;
+	}
+
+.brd .main-content .main-item .hn strong {
+	font-size: 1em;
+	}
+
+.brd .main-content .main-item .hn strong span {
+	font-weight: normal;
+	}
+
+ #brd-index .main-content .main-item .hn span {
+	font-size: 1.084em;
+	font-weight: bold;
+	}
+#brd-index .main-content .main-item .hn small {
+	font-size: 1em;
+	}
+
+.brd .main-content .main-item .item-status {
+	font-weight: bold;
+	}
+
+.brd .main-content .main-item cite {
+	font-style: normal;
+	}
+
+.brd .main-content .main-item span.item-nav,
+.brd .main-content .main-item span.item-nav * {
+	white-space: nowrap;
+	font-style: normal;
+	}
+
+.brd .main-content .main-item .item-subject .hn,
+.brd .main-content .main-item .item-subject p {
+	margin: 0 0 0 1.5em;
+	}
+
+.brd .main-content .main-item li.info-lastpost cite,
+.brd .main-content .main-item li.info-lastpost span,
+.brd .main-content .main-item li.info-forum a {
+	display: block;
+	padding: 0 1em;
+	font-style: normal;
+	font-weight: normal;
+	}
+
+.brd .main-content .main-item li.info-lastpost strong {
+	padding: 0 0 0 1em;
+	font-style: normal;
+	font-weight: normal;
+	}
+
+.brd .main-content .main-item li.info-select {
+	position: absolute;
+	right: 0;
+	top: 0;
+	padding: 0.3em;
+	border-style: none none solid solid;
+	border-width: 1px;
+	}
+
+.brd .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;
+	}
+
+.brd .main-content .main-item .hn .posted-mark {
+	position: absolute;
+	font-size: 2em;
+	width: 1em;
+	left: -0.5em;
+	top: 0;
+	}
+
+/*************************************************************
+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.3em 0;
+	position: relative;
+	}
+
+.brd .sf-set, .brd .mf-set, .brd .txt-set {
+	margin: 1.417em;
+	padding: 0 0 0 17em;
+	position: relative;
+	}
+
+.brd .sf-set .sf-box, .brd .mf-set .mf-box, .brd .txt-set .txt-box {
+	margin: 0;
+	}
+
+.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.75em 1.417em 1em 1.417em;
+	position: relative;
+	border-top-style: double;
+	border-top-width: 3px;
+	padding: 0.8em 0pt 0.3em 18em;
+	}
+
+.brd .frm-buttons span.submit {
+	margin-right: 0.75em;
+	}
+
+.brd span.submit input, .brd span.cancel input {
+	overflow: visible;
+	padding-left: 0.5em;
+	padding-right: 0.5em;
+	font-size: 1.084em;
+	}
+
+.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 3em;
+	}
+
+.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;
+	}
+
+.brd .sf-set .text label small, .brd .sf-set .select label small {
+	display: block;
+	text-align: left;
+	position: relative;
+	margin: 2.5em 1em 0 1em;
+	font-size: 0.917em;
+	}
+
+.brd .sf-set .fld-input {
+	position: absolute;
+	top: 0;
+	left: 0;
+	display: block;
+	padding: 0.3em 1em;
+	}
+
+.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 6.5em;
+	}
+
+
+/* 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 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 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: 1px;
+	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%;
+	background-color: #fff;
+	}
+
+.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: left;
+	}
+
+.brd .txt-set label span {
+	float: left;
+	margin-left: -17em;
+	display: block;
+	position: relative;
+	padding: 2px 1em;
+	width: 16em;
+	text-align:right;
+	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 {
+	position: relative;
+	width: 100%;
+	}
+
+.brd .txt-set .fld-input {
+	display: block;
+	padding: 0 0 0 1em;
+	}
+
+.brd .txt-set textarea {
+    border: 1px solid #CDCDCD;
+    background: transparent;
+	width: 95%;
+	}
+
+/* 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;
+	}
+
+/*************************************************************
+G - MAIN CONTENT - TOPICS AND PARSED CONTENT
+**************************************************************/
+
+/* Structure
+-------------------------------------------------------------*/
+
+.brd .post {
+	border-style: solid;
+	border-width: 1px;
+	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: 1px;
+	}
+
+.brd .posthead .hn {
+	padding-right: 1.5em;
+	padding-left: 1em;
+	border-style: none none dashed none;
+	border-width: 1px;
+	}
+
+.brd .post .posthead .post-byline a,
+.brd .post .posthead .post-byline strong {
+	font-size: 1.167em;
+	font-weight: bold;
+	text-decoration: none;
+	font-style: normal;
+	}
+
+.brd .post .posthead .post-byline {
+	float: left;
+	width: 15.5em;
+	padding: 0.5em 1em 0.5em 1.5em;
+	margin-left: -19em;
+	margin-top: -0.5em;
+	position: relative;
+	left: -1px;
+	overflow: hidden;
+	}
+
+.brd .posthead .post-num {
+	float:right;
+	font-weight: bold;
+	}
+
+#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: 1px;
+	padding: 0.5em 1.5em 0 1em;
+	clear: both;
+	}
+
+.brd .postfoot {
+	padding-left: 18em;
+	border-top-style: dashed;
+	border-top-width: 1px;
+	position: relative;
+	}
+
+.brd .postfoot .post-options {
+	border-left-style: solid;
+	border-left-width: 1px;
+	}
+
+.brd .postbody .post-author {
+	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;
+	}
+
+
+.brd .postbody .post-author ul {
+	margin: 0;
+	padding: 0 0 0.5em 0;
+	list-style: none;
+	}
+
+.brd .post .author-ident .useravatar img {
+	display: block;
+	padding: 0.5em 0;
+	}
+
+.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 li span strong {
+	font-weight: normal;
+}
+.brd .online .author-ident .userstatus span {
+	font-weight: bold;
+	}
+
+.brd .postfoot .post-contacts {
+	float: left;
+	margin-left: -18em;
+	width: 15.5em;
+	padding: 0.5em 1em 0.5em 1.5em;
+	position: relative;
+	display: inline;
+	left: -1px;
+	}
+
+.brd .postfoot .post-actions {
+	padding: 0.5em 1.5em 0.5em 1em;
+	text-align: right;
+	display: block;
+	float: right;
+	}
+
+.brd .postfoot .post-actions span {
+	margin-left: 0.75em;
+	}
+
+.brd .postfoot .post-contacts span {
+	margin-right: 0.75em;
+	}
+
+/* Content
+-------------------------------------------------------------*/
+
+.brd .entry-content {
+	padding-bottom: 1em;
+	overflow: hidden;
+	width: 100%;
+	font-size: 1.084em;
+	}
+
+.brd .entry-content ol {
+	padding-left: 2.5em;
+	list-style-type: decimal;
+	}
+
+.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: 1px;
+	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 {
+	padding-top: 1em;
+	}
+
+.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;
+	width: 90%;
+	}
+
+#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 table td {
+	padding: 0.5em 1.417em;
+	border-width: 1px;
+	border-style: solid none none solid;
+	}
+
+.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
+	}
+
+#brd-pun_tags{
+	text-align:center;
+	padding:1em;
+	border:none;
+}
+#brd-pun_tags a {
+	margin-right: .5em;
+	text-decoration:none;
+}
+#brd-pun_tags a:hover {
+	text-decoration:underline;
+}
+
+#brd-about {
+	background: transparent url(images/footer.png) repeat-x center bottom;
+    margin: 0 auto;
+    border: none;
+	padding: 0 0 14px;
+}
+#brd-about p a:link, #brd-about p a:visited {
+	color: #FFF;
+	text-decoration: underline;
+}
+
+#brd-about p a:hover {
+	text-decoration: none;
+}
+
+/* Progress */
+progress {
+        width: 25em;
+        background-color: #ff8484;
+        border-radius: 1em;
+        margin: 0 1em;
+}
+
+progress::-webkit-progress-bar { 
+        background: #00ee00;
+        border-radius: 1em;
+}
+
+progress::-moz-progress-bar { 
+        background: #00ee00;
+        border-radius: 1em;
+}
+