punbb/style/Oxygen/Oxygen.css
changeset 6 5e1f1e916419
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/punbb/style/Oxygen/Oxygen.css	Sat Apr 05 23:56:45 2008 -0400
@@ -0,0 +1,1628 @@
+/*************************************************************
+A - SETUP
+**************************************************************/
+	
+/* Start from scratch
+-------------------------------------------------------------*/
+
+html, body, /* Remove this line if integrating */
+.pun div, .pun p, .pun h1, .pun h2, .pun h3, .pun h4, .pun h5, .pun h6,
+.pun blockquote, .pun pre, .pun code, .pun samp,
+.pun abbr, .pun acronym, .pun address, .pun small, .pun cite,
+.pun span, .pun em, .pun img, .pun strong,
+.pun dl, .pun dt, .pun dd, .pun ol, .pun ul, .pun li,
+.pun form, .pun fieldset, .pun label, .pun legend,
+.pun table, .pun caption, .pun tbody, .pun tfoot, .pun thead,
+.pun tr, .pun th, .pun td {
+	margin: 0;
+	padding: 0;
+	font-size: 100%;
+	vertical-align: baseline;
+	font-weight: normal;
+	font-style: normal;
+	}
+
+.pun fieldset, .pun img, .pun cite {
+	border: none;
+	}
+
+.pun ol, .pun ul {
+	list-style: none;
+	}
+
+.pun table {
+	width: 100%;
+	table-layout: fixed;
+	empty-cells: show;
+	border-spacing: 0;
+	}
+	
+.pun td {
+	overflow: hidden;
+	vertical-align: middle;
+	}
+	
+.pun span.submit input,
+.pun span.cancel input {
+	overflow: visible;
+	padding-left: 0.5em;
+	padding-right: 0.5em;
+	padding-bottom: 2px;
+	}
+	
+.pun a {
+	cursor: pointer;
+	text-decoration: underline;
+	}
+	
+.pun div.divider, .pun fieldset br {
+	display: none;
+	}
+	
+	
+/* Text Setup
+-------------------------------------------------------------*/
+
+.pun { /* Needs modifying if body has non default font-size */
+	font: 75%/130% Verdana, Arial, Helvetica, sans-serif;
+	}
+	
+.pun samp, .pun code, .pun pre, .pun option, .pun optgroup {
+	font-size: 1em;
+	font-family: Verdana, Arial, sans-serif;
+	font-style: normal;
+	}
+
+.pun input, .pun select, .pun textarea {
+	font-size: 1.1em;
+	font-family: Verdana, Arial, sans-serif;
+	}
+	
+.pun code {
+	font-size: 1.1em;
+	line-height: 140%;
+	font-family: 'andale mono', 'lucida console', monospace
+	}
+	
+.frm .frm-info li span strong,
+.pun .important strong,
+.pun .warn strong {
+	font-weight: bold;
+	}
+
+/*************************************************************
+B - FLOAT CLEARING AND HIDDEN STUFF
+**************************************************************/
+	
+/* Clear Me
+-------------------------------------------------------------*/
+
+.pun-page:after,
+#pun-visit:after,
+#pun-about:after,
+#pun-info #stats:after,
+#pun-info #onlinelist:after,
+.main .paged-head:after,
+.main .paged-foot:after,
+.main .main-head:after,
+.main .main-foot:after,
+.sectioned .main-nav:after,
+.frm .frm-set div:after,
+.frm .link:after,
+.frm .frm-group:after,
+.user .user-info li.status:after,
+.frm .profile:after,
+.main .topic .post .postbody:after,
+.main .topic .post .postfoot:after {
+	content: "";
+	display: block;
+	font-size: 0;
+	height: 0;
+	line-height: 0.0;
+	overflow:hidden;
+	visibility: hidden;
+ 	clear: both;
+	}
+	
+/* Hide Me
+-------------------------------------------------------------*/
+
+.main h1,
+#pun-info .main-head,
+#pun-info #stats h3,
+#qjump legend,
+.crumbs span span,
+.crumbs strong span,
+.main table .tcmod label span,
+.main .main-head h2 span span,
+.main .main-foot .h2 strong span,
+.frm .frm-legend,
+.frm .frm-legend span,
+.frm .frm-info h3,
+.frm .frm-warn,
+.user .user-info .status strong,
+.user .user-info .title strong,
+.frm .profile h3,
+.pun a span span,
+.main .post h3 cite,
+.main .post .posthead .post-select span,
+.main .post .post-entry h4,
+.frm .twin .twin2 .fld-label,
+.pun .frm .frm-group .nodefault span.noshow,
+.main .parted .frm-head {
+ 	font-size: 0;
+ 	left: -9999px;
+ 	text-indent: -9999px;
+ 	position:absolute;
+ 	line-height: 0em;
+ 	}
+	
+	
+/*************************************************************
+C - PAGE LAYOUT and COMMON ELEMENTS
+**************************************************************/
+
+/* Page Layout
+-------------------------------------------------------------*/
+
+.pun-page {
+	width: 95%;
+	margin: 0 auto;
+	padding: 20px 0;
+	}
+
+#pun-redirect, #pun-maint, #pun-util {
+	margin: 50px auto 12px auto;
+	width: 60%;
+	}
+	
+.pun { /* Confines clearing behaviour within forum wrapper */
+	float: left;
+	width: 100%;
+	position: relative;
+	}
+	
+	
+/* Skip Link
+-------------------------------------------------------------*/
+	
+#pun-access {
+	text-align: right;
+	padding: 0;
+	height: 0;
+	margin: 0;
+	position: absolute;
+	background: transparent;
+	}
+	
+#pun-access a, #pun-access a:link, #pun-access a:visited {
+	height: 2em;
+	padding: 0 1.3em;
+	line-height: 2em;
+	position: absolute;
+	left: -999em;
+	margin: 1px;
+	width: 12em;
+	}
+	
+#pun-access a:hover, #pun-access a:active, #pun-access a:focus {
+	text-indent: 0;
+	background: #000;
+	position: static;
+	float: right;
+	}
+	
+	
+/* Board Title and Description
+-------------------------------------------------------------*/
+	
+#pun-title {
+	padding: 1.3em 1.3em 0.3em 1.3em;
+	white-space: nowrap;
+	}
+	
+#pun-title strong {
+	font-size: 1.5em;
+	}
+	
+#pun-desc {
+	padding: 0 1.3em 1em 1.3em;
+	}
+	
+	
+/* Main Menu
+-------------------------------------------------------------*/
+	
+#pun-navlinks ul {
+	padding: 0.7em 1.3em;
+	}
+	
+#pun-navlinks ul li {
+	display: inline;
+	margin-right: 0.8em;
+	font-size: 1.2em;
+	}
+	
+	
+/* Welcome Box
+-------------------------------------------------------------*/
+
+#pun-visit {
+	border-style: none solid solid solid;
+	border-width: 1px;
+	padding: 0.8em 1.3em 0.8em 1.3em;
+	margin: 0 0 1em 0;
+	}
+	
+#pun-visit ul {
+	float: right;
+	}
+	
+#pun-visit ul li {
+	display: inline;
+	margin-left: 0.7em;
+	}
+	
+#pun-visit p span, #pun-visit ul li a {
+	white-space: nowrap;
+	}
+	
+#pun-visit p strong,
+#pun-visit ul li strong {
+	font-weight: bold;
+	}
+	
+	
+/* Alert Box
+-------------------------------------------------------------*/
+
+#pun-alert {
+	border-style: solid;
+	border-width: 1px;
+	margin: 0 0 1em 0;
+	}
+	
+#pun-alert h1 {
+	padding: 0.6em 0;
+	margin: 0 1.3em 0.6em 1.3em;
+	border-bottom-style: dashed;
+	border-bottom-width: 1px;
+	}
+	
+#pun-alert h1 strong {
+	font-size: 1.1em;
+	}
+
+#pun-alert p {
+	padding: 0.2em 0 0.8em 0;
+	margin: 0 1.3em;
+	}
+
+#pun-alert p strong {
+	display: block;
+	padding-bottom: 0.2em;
+	font-weight: bold;
+	}
+	
+	
+/* Statistics
+-------------------------------------------------------------*/
+
+ #stats ul {
+ 	padding: 0.6em 1.3em;
+ 	}
+ 	
+ #stats ul li.st-users {
+ 	float: left;
+ 	clear: both;
+ 	white-space: nowrap;
+ 	line-height: 150%;
+ 	}
+ 
+ #stats ul li.st-activity {
+ 	text-align: right;
+ 	display: block;
+ 	white-space: nowrap;
+ 	line-height: 150%;
+ 	}
+ 	
+#stats ul li strong {
+	font-weight: bold;
+	}
+ 
+#onlinelist {
+	border-top-style: dashed;
+	border-top-width: 1px;
+	line-height: 150%;
+	padding: 0.6em 1.3em;
+	}
+ 
+#onlinelist h3 {
+	float: left;
+	margin: 0 0.5em 0 0;
+	}
+	
+#onlinelist h3 strong {
+	font-weight: bold;
+	}
+	
+	
+/* About Box (Footer / Copyright / Jump Menu) and Home Link
+-------------------------------------------------------------*/
+
+#pun-about {
+	border-style: solid;
+	border-width: 1px;
+	margin: 0 0 1em 0;
+	padding: 0.6em 1.3em;
+	}
+
+#pun-about p {
+	text-align: right;
+	}
+	
+#pun-about #qjump {
+	float: left;
+	width: 40%;
+	}
+	
+#pun-about #qjump label {
+	font-weight: bold;
+	display: block;
+	}
+	
+#pun-home {
+	font-weight: normal;
+	float:right;
+	padding: 0.4em 1.3em 0 0;
+	}
+	
+/* Announcements
+-------------------------------------------------------------*/
+
+#pun-announcement .userbox {
+	margin: 0 0 1em 0;
+	padding-bottom: 1em;
+	}
+	
+#pun-announcement .msg-head {
+	font-size: 1.2em;
+	padding-bottom: 0.5em;
+	margin-bottom: 0.5em;
+	border-bottom-style: dashed;
+	border-bottom-width: 1px;
+	font-size: 1.1em;
+	font-weight: bold;
+	}
+
+	
+/*************************************************************
+D - MAIN CONTENT COMMON ELEMENTS
+**************************************************************/
+
+/* Common Styling
+-------------------------------------------------------------*/
+	
+.main .main-content, .paged .paged-foot {
+	margin-bottom: 1em;
+	}
+	
+.paged .main-content {
+	margin-bottom: 0;
+	}
+
+.main .main-content {
+	border-style: solid;
+	border-width: 1px;
+	}
+	
+
+
+/* Breadcrumbs
+-------------------------------------------------------------*/
+
+#pun-crumbs-head,
+#pun-crumbs-foot {
+	padding: 0 1.3em;
+	margin: 0 0 1em 0;
+	}
+	
+#pun-crumbs-head .crumb,
+#pun-crumbs-foot .crumb {
+	padding-left: 1.5em;
+	padding-right: 0.5em;
+	background-image: url(crumb.png);
+	background-repeat: no-repeat;
+	background-position: 0;
+	white-space: nowrap;
+	}	
+
+#pun-crumbs-head .crumbfirst,
+#pun-crumbs-foot .crumbfirst {
+	background-image: none;
+	padding-left: 0;
+	}
+
+#pun-crumbs-head .crumblast,
+#pun-crumbs-foot .crumblast {
+	font-weight: bold;
+	}
+	
+	
+/* Paging and Posting
+-------------------------------------------------------------*/
+	
+.main .paged-head,
+.main .paged-foot {
+	border-style: solid;
+	border-width: 1px;
+	padding: 0 1.3em;
+	min-height: 2.6em;
+	}
+	
+.main .paged-head .paging,
+.main .paged-foot .paging {
+	float: left;
+	font-size: 1.1em;
+	padding: 0.6em 0;
+	}
+	
+.main .paged-head .posting,
+.main .paged-foot .posting {
+	float: right;
+	font-size: 1.1em;
+	padding: 0.6em 0;
+	}
+	
+.main .paged-head .posting span,
+.main .paged-head .paging strong,
+.main .paged-foot .posting span,
+.main .paged-foot .paging strong {
+	font-weight: bold;
+	}
+	
+.main .paged-foot .submitting {
+	float: right;
+	padding: 0.3em 0 0.3em 0;
+	}
+	
+.main .submitting {
+	text-align: right;
+	}
+	
+.main .paged-foot .submitting span {
+	margin-left: 0.8em;
+	}
+
+
+/* Main Headers and Footers
+-------------------------------------------------------------*/
+
+.main .main-head,
+.main .main-foot {
+	padding: 0.7em 1.3em;
+	min-height: 1.3em;
+	}
+
+#pun-install .main-head {
+	padding-left: 1.7em;
+	}
+	
+.main .main-head h1 {
+	position: static;
+	font-size: 1em;
+	line-height: 1.3em;
+	text-indent: 0;
+	}
+
+.main .main-head h1,
+.main .main-head h2,
+.main .main-foot .h2 {
+	float: left;
+	padding: 0 1px;
+	}
+
+.main .main-head h1 span,
+.main .main-head h2 span,
+.main .main-foot .h2 strong {
+	font-size: 1.1em;
+	}
+
+.main .main-head .main-options,
+.main .main-foot .main-options,
+.admin .main-head h2,
+.admin .main-head h1 {
+	float: right;
+	padding: 0 1px;
+	}
+
+.main .main-head .main-options a.feed-option {
+	margin-left: 0.5em;
+	}
+	
+.main .main-foot .main-options a.mod-option,
+.main .main-foot .main-options a.user-option {
+	margin-left: 0.8em;
+	}
+	
+.main .main-head .main-options a.feed-option,
+.main .main-head .main-options a.feed-option:link,
+.main .main-head .main-options a.feed-option:visited {
+	padding-left: 22px;
+	background-repeat: no-repeat;
+	background-position: left;
+	background-image: url(feed.png);
+	}
+
+.main .main-head a.exthelp,
+.main-head a.exthelp:link,
+.main .main-head a.exthelp:visited {
+	padding-left: 20px;
+	background-repeat: no-repeat;
+	background-position: left;
+	background-image: url(helpdark.png);
+	}
+	
+.main .frm-head {
+	padding: 0.5em 1.7em;
+	border-style: solid none solid none;
+	border-width: 1px;
+	background: #f1f1f1 !important;
+	border-bottom-color: #bbb !important;
+	}
+
+.main .frm-head span, .main .frm-part h3 span {
+	font-size: 1.1em;
+	}
+
+/* Tabbed Navigation (General
+-------------------------------------------------------------*/
+
+.main .main-nav {
+	min-width: 50em;
+	}
+
+.main .main-nav * {
+	white-space: nowrap;
+	}
+
+.main .main-nav ul {
+	padding: 0 1.9em;
+	}
+
+.main .main-nav ul li {
+	display: inline;
+	float:left;
+	padding: 0 5px 0 0;
+	}
+
+.main .main-nav ul li a,
+.main .main-nav ul li a:link,
+.main .main-nav ul li a:visited {
+	border-style: solid solid none solid;
+	border-width: 1px;
+	float: left;
+	padding: 0;
+	}
+	
+.main .main-nav ul li a span,
+.main .main-nav ul li a:link span,
+.main .main-nav ul li a:visited span {
+	height: 2.2em;
+	line-height: 2.2em;
+	padding: 0 1em;
+	background:transparent;
+	float: left;
+	border-top-style: solid;
+	border-top-width: 1px;
+	}
+
+	
+/* Tabbed Navigation (with submenu)
+-------------------------------------------------------------*/
+.main .submenu {
+	position: relative;
+	}
+
+.main .submenu ul li.topactive ul {
+	background: transparent;
+	border: none;
+	height: 2.5em;
+	left: 0;
+	line-height: 2.5em;
+	margin: 0;
+	padding: 0 1.7em;
+	position: absolute;
+	top: 2.5em;
+	}
+
+.main .submenu ul li.topactive ul li a,
+.main .submenu ul li.topactive ul li a:link,
+.main .submenu ul li.topactive ul li a:visited {
+	margin-right: 0.8em;
+	border: none;
+	padding: 0;
+	}
+
+/*************************************************************
+E - MAIN TABLES ( Index / Forums / Userlist )
+**************************************************************/
+
+/* Table Cells Widths and Alignment
+-------------------------------------------------------------*/
+
+.main table .tcl {
+	width: 50%;
+	text-align: left;
+	}
+
+.main table .tc2,
+.main table .tc3,
+.main table .tcmod {
+	width: 10%;
+	text-align: center;
+	}
+
+.main table .tcr {
+	width: 30%;
+	text-align: left;
+	}
+	
+#pun-userlist table .tcl,
+#pun-searchtopics table .tcl {
+	width: 40%
+	}
+	
+#pun-userlist table .tc2,
+#pun-searchtopics table .tc2 {
+	width: 20%;
+	text-align: left;
+	}
+	
+#pun-debug  table .tcl {
+	white-space:normal;
+	width: 15%;
+	}
+
+#pun-debug table .tcr {
+	white-space: normal;
+	width: 90%;
+	}
+	
+#pun-admin-users table .tcl {
+	width: 35%;
+	line-height: 1.4em;
+	}
+	
+	
+#pun-admin-users table .tc2 {
+	width: 20%;
+	}
+	
+#pun-admin-users table .tc3 {
+	width: 10%;
+	}
+	
+#pun-admin-users table .tcr {
+	width: 20%;
+	}
+	
+#pun-admin-users table .actions {
+	width: 15%;
+	}
+	
+#pun-admin-users td.tcl span {
+	display: block;
+	}
+	
+#pun-admin-users td.tcl strong {
+	font-weight: bold;
+	}
+	
+	
+/* Table Cell Styling
+-------------------------------------------------------------*/
+
+.main table .tcl h3 span {
+	font-size: 1.1em;
+	font-weight: bold;
+	}
+
+.main table .tcl span.topic-nav,
+.main table .tcl span.topic-nav *,
+.main table .tcr a {
+	white-space: nowrap;
+	}
+	
+.main table .tcl .modlist {
+	display: block;
+	padding-top: 0.3em
+	}
+	
+.main table td {
+	padding: 0.6em 1.3em 0.7em 1.3em;
+	border-width: 1px;
+	border-style: solid none none solid;
+	line-height: 130%;
+	}
+	
+.main table td.tcl {
+	border-left-style: none;
+	border-left-width: 0
+	} 
+	
+.main table th {
+	padding: 0.5em 1.3em;
+	border-style: none;
+	}
+
+.main table tbody.statused td.tcl {
+	padding-left: 3.4em;
+	}
+	
+.main table tbody.statused span.status {
+	margin-left: -2.4em;
+	position: absolute;
+	}
+
+.main table .tcl img {
+	border-style: solid;
+	border-width: 0.6em;
+	display: inline;
+	height: 0;
+	width: 0;
+	float: left;
+	margin-right: 0.4em;
+	margin-top: 0.1em;
+	}
+	
+#pun-index .main table .tcl img {
+	border-width: 0.7em;
+	}
+
+#pun-index .main table .tcr .byuser {
+	display: block;
+	}
+	
+.main table td.actions, .main table th.actions {
+	text-align: right;
+	}
+
+.main table td.actions span {
+	display: block;
+	}
+	
+/*************************************************************
+E - MAIN FORMS
+**************************************************************/
+
+/* General Styling
+-------------------------------------------------------------*/
+	
+.frm .frm-form {
+	margin: 1.7em 1.7em 0.7em 1.7em;
+	}
+	
+.frm .frm-set {
+	border-top-style: dashed;
+	border-top-width: 1px;
+	padding: 1.3em 0 0.5em 0;
+	}
+
+.frm .set1 {
+	border-top-style: none;
+	padding-top: 0;
+	}
+	
+.frm .frm-buttons {
+	padding: 0.8em 0 0.3em 15.6em;
+	border-top-style: double;
+	border-top-width: 3px;
+	margin-top: 0.5em;
+	}
+	
+.frm .frm-buttons span {
+	margin-right: 1em;
+	}
+	
+.frm .frm-fld span.submit {
+	clear: left;
+	display: block;
+	padding-top: 0.3em;
+	}
+	
+.frm table {
+	border-style: solid;
+	border-width: 1px;
+	margin-bottom: 1em;
+	}
+	
+/* Text, Select. Link Field and Textarea
+-------------------------------------------------------------*/
+
+.main form .frm-fld {
+	padding: 0 0 0.7em 0;
+	margin: 0 0 0 15.6em;
+	position: relative;
+	line-height: 1.3em;
+	}
+
+.main form .frm-fld .fld-label {
+	float: left;
+	width: 14.6em;
+	position: relative;
+	margin-left: -15.6em;
+	text-align: right;
+	font-weight: bold;
+	padding: 3px 1em 2px 0;
+	}
+	
+.main form .link .fld-label {
+	padding: 0 1em 0 0;
+	}
+	
+.admin .frm form fieldset .link .fld-input {
+	float: left;
+	}
+	
+.main form .frm-fld .fld-input,
+.main form .frm-fld .fld-input input,
+.main form .frm-fld .fld-input select {
+	float: left;
+	}
+	
+.main form .frm-fld .fld-input {
+	padding-right: 0.5em;
+	}
+	
+.main form .frm-fld label span.fld-help,
+.main form .frm-fld label span.fld-extra {
+	float: left;
+	width: 98%;
+	display: block;
+	font-size: 0.9em;
+	margin-left: -2px;
+	position: relative;
+	}
+
+.main form .textarea label span.fld-help {
+	width: 86%;
+	}
+	
+.main form .frm-fld label span.fld-extra {
+	display: inline;
+	width: auto;
+	margin: 0;
+	padding-top: 3px;
+	}
+	
+.main form .frm-fld label small.extra {
+	font-size: 1em;
+	}
+
+.main form .frm-fld .fld-label a {
+	margin-left: 0.5em;
+	}
+	
+.main form .frm-fld .fld-label a span {
+	font-weight: bold;
+	}
+	
+.main form .textarea .fld-input,
+.main form .longtext .fld-input {
+ 	width: 84%;
+ 	padding-right: 0.8em;
+ 	}
+	
+.main form .textarea textarea,
+.main form .longtext input {
+	width: 100%;
+	}
+
+.main form .frm-fld em.req-text {
+ 	float: left;
+ 	padding-top: 2px;
+ 	}
+ 	
+ .main .frm .frm-part {
+	margin: 0 -1.7em;
+ 	padding: 0 1.7em;
+ 	border-top: 1px solid #ddd;
+ 	margin-top: 1em;
+ 	}
+ 	
+ .main .frm .frm-part h3 {
+ 	margin-top: 0;
+ 	background: #f1f1f1;
+ 	margin: 1em -1.7em;
+ 	margin-top: 0;
+ 	margin-bottom: 1.3em;
+ 	padding: 0.5em 1.7em;
+ 	border-top: 1px solid #fff;
+ 	border-bottom: 1px solid #bbb;
+ 	}
+ 	
+ .main .frm .part1 {
+	margin-top: -1.7em;
+	border-top: none;
+ 	}
+ 	
+ .main .frm .frm-part h3 * {
+ 	color: #113C5E;
+ 	}
+ 	
+ /* Checkboxes and Radio Buttons
+-------------------------------------------------------------*/
+	
+.main form .frm-group {
+	padding: 0 0 0.7em 0;
+	position: relative;
+	}
+
+.main form .radbox {
+	margin: 0 0 0 15.6em;
+	padding: 3px 0 0.3em 23px;
+	line-height: 1.3em;
+	position: relative;
+	}
+
+.main form .checkbox {
+	padding-bottom: 1em;
+	}
+	
+.main form .radbox input {
+	float: left;
+	position: relative;
+	left: -20px;
+	top: 0.65em;
+	margin: -7px -13px 0 0;
+	min-width: 13px;
+	min-height: 13px;
+	}
+	
+.main form .checkbox .fld-label {
+	float: left;
+	width: 14.6em;
+	text-align: right;
+	position: relative;
+	left: -23px;
+	padding: 0;
+	margin-left: -15.6em;
+	font-weight: bold;
+	}
+	
+.main form .frm-yesno label,
+.main form .frm-choice label {
+	float: left;
+	}
+	
+.main form .frm-yesno label {
+	width: 8em;
+	}
+	
+.main form .frm-choice label {
+	width: 11em;
+	}
+	
+.main form .frm-group legend span {
+	position: absolute;
+	left: 0;
+	width: 14.6em;
+	text-align: right;
+	padding-top: 3px;
+	font-weight: bold;
+	}
+	
+	
+ /* Form Information Boxes
+-------------------------------------------------------------*/
+	
+.frm .frm-info,
+.frm .frm-error,
+.frm .req-warn {
+	margin: 1.7em;
+	padding: 1em 1em 0.3em 1em;
+	border-style: solid;
+	border-width: 1px;
+	}
+	
+.frm .frm-form .frm-info {
+	margin: 0.7em 0 1.7em 0;
+	}
+
+.frm .frm-info p,
+.frm .frm-error .warn,
+.frm .frm-error .important {
+	padding: 0 0 0.8em 0;
+	}
+	
+.frm .frm-info ul {
+	padding: 0 0 0.2em 1em;
+	margin: 0 0 0 8px;
+	}
+	
+.frm .frm-info li,
+.frm .frm-error li {
+	padding: 0 0 0.7em 0.5em;
+	list-style-type: square;
+	line-height: normal;
+	}
+	
+#pun-main .frm .actions a, #pun-main .frm .actions a * {
+	font-weight: bold;
+	}
+
+.frm .frm-info .actions {
+	padding-left: 2em;
+	}
+
+.frm .actions a {
+	margin-right: 0.7em;
+	white-space: nowrap;
+	}
+	
+#pun-search .frm .frm-info .actions {
+	background: url('searchicon.png') no-repeat top left;
+	padding-left: 2.2em;
+	}
+	
+.frm .frm-error ul {
+	margin-top: 0;
+	margin-bottom: 0;
+	padding-left: 0;
+	margin-left: 1.6em;
+	}
+	
+.frm .frm-error li {
+	line-height: 1.5em;
+	}
+	
+.main form .item-select {
+	position: relative;
+	float: right;
+	margin-top: -2.8em;
+	z-index: 100;
+	padding-bottom: 0;
+	}
+
+.main form div.item-select * {
+	font-weight: bold;
+	}
+	
+.main form div.item-select .fld-label {
+	font-weight: normal;
+	}
+	
+	
+ /* Data Boxes
+-------------------------------------------------------------*/
+
+.main .frm-form .databox {
+	margin: 1.7em 0;
+	}
+	
+.main .databox {
+	margin: 1.7em;
+	padding: 1em 1em 0.3em 1em;
+	border-style: solid;
+	border-width: 1px;
+	overflow: hidden;
+	}
+	
+.main .databox p,
+.main .databox ul {
+	padding-bottom: 0.8em;
+	overflow: hidden;
+	}
+	
+.main .databox .legend {
+	padding-bottom: 0.5em;
+	border-bottom-style: dashed;
+	border-bottom-width: 1px;
+	margin-bottom: 0.7em;
+	}
+	
+.main .databox .legend span,
+.main .databox .term span {
+	font-weight: bold;
+	}
+	
+.main .databox .legend strong {
+	float: right;
+	font-weight: bold;
+	}
+	
+.main .databox .note {
+	font-weight: bold;
+	padding-bottom: 0.3em;
+	}
+	
+ /* Multiple Data Boxes (Data Sets)
+-------------------------------------------------------------*/
+
+	
+.main .dataset {
+	margin: 1.7em;
+	border-style: solid solid solid solid;
+	border-width: 1px;
+	}
+
+.main .frm-form .dataset {
+	margin: 1.7em 0;
+	}
+
+.main .dataset .databox {
+	margin: 0;
+	border-style: dashed none none none;
+	padding: 0.8em 1em 0 1em;
+	}
+
+.main .dataset .db1 {
+	border: none;
+	}
+	
+.main .dataset .databox .legend {
+	padding: 0;
+	margin: 0;
+	border: none;
+	}
+
+ /* Multiple Data Boxes with Grid layout (Data Grids)
+-------------------------------------------------------------*/
+
+.main .datagrid {
+	margin: 1.7em;
+	border-style: solid solid solid solid;
+	border-width: 1px;
+	}
+	
+.main .datagrid .databox {
+	margin: 0;
+	padding: 0;
+	width: 100%;
+	position: relative;
+	border-style: dashed none none none;
+	}
+	
+.main .datagrid .db1 {
+	border: none;
+	}
+	
+.main .datagrid .databox .data {
+	padding: 0.8em 1em 0.8em 1em;
+	margin: 0 0 0 16em;
+	border-left-style: dashed;
+	border-left-width: 1px;
+	}
+	
+.main .datagrid .legend {
+	position: absolute;
+	padding: 0.8em 1em 0 1em;
+	margin: 0;
+	border: none;
+	left: 0;
+	top: 0;
+	}
+	
+/*************************************************************
+F - USER PROFILES
+**************************************************************/
+
+ /* User Identity (Profile and Viewtopic)
+-------------------------------------------------------------*/
+	
+.user .user-ident {
+	position: relative;
+	padding-top: 1.6em;
+	white-space: normal;
+	}
+
+.user .user-ident img {
+	display: block;
+	margin-bottom: 0.3em;
+	}
+
+.user .user-ident .username {
+	font-size: 1.2em;
+	font-weight: bold;
+	display: block;
+	position: absolute;
+	top: 0;
+	margin: 0;
+	line-height:1.2em;
+	}
+	
+.user .user-ident a {
+	text-decoration: none;
+	}
+	
+.user .user-info li {
+	padding-bottom: 0.2em;
+	line-height: 1.3em;
+	}
+	
+.user .user-info .status,
+.user .user-info .title {
+	padding-bottom: 0.8em;
+	}
+
+.user .user-info .title span {
+	font-weight: bold;
+	}
+	
+.user .user-info .status span {
+	border-left-style: solid;
+	border-left-width: 0.7em;
+	float:left;
+	font-weight: normal;
+	height: 0.8em;
+	line-height: 0.8em;
+	padding-left: 0.4em;
+	position: relative;
+	font-style: normal;
+	}
+
+
+ /* Profile normal view and edit profile about page
+-------------------------------------------------------------*/
+
+.frm .profile {
+	margin: 1.7em;
+	padding: 1em 1em 0.3em 17em;
+	border-style: solid;
+	border-width: 1px;
+	}
+
+.frm .profile .user,
+.frm .profile .user-data,
+.frm .profile .user-actions {
+	float: left;
+	margin: 0;
+	padding-bottom: 1em;
+	padding-left: 4em;
+	display: inline;
+	}
+
+.frm .profile .user {
+	margin: 0 0 0 -16em;
+	padding-left: 0;
+	white-space: normal;
+	padding-bottom: 0;
+	overflow: hidden;
+	width: 16em;
+	}
+	
+.frm .profile .username {
+	width: 14em;
+	overflow: hidden;
+	}
+
+.frm .profile .user-actions li,
+.frm .profile .user-data li {
+	line-height: 1.4em;
+	padding-bottom: 0.8em;
+	list-style-position: outside;
+	list-style-type: disc;
+	white-space: nowrap;
+	}
+	
+.frm .profile .user-actions li a {
+	font-weight: bold;
+	}
+	
+.frm .sig-demo {
+	margin-left: 15.6em;
+	margin-right: 13%;
+	padding-top: 0.8em;
+	padding-bottom: 1em;
+	border-top: 1px dashed #ccc;
+	clear:left;
+	}
+	
+.frm .profile .sig-demo {
+	margin-left: 3em;
+	}
+	
+.frm .av-preview img {
+	float: right;
+	margin-left: 2em;
+	margin-bottom: 1em;
+	}
+	
+/*************************************************************
+G - TOPICS / POSTS
+**************************************************************/
+
+/* Parsed Content
+-------------------------------------------------------------*/
+
+.main .post-entry {
+	padding: 0.3em 1em 0 1em;
+	}
+
+.main .entry-content {
+	padding-bottom: 0.8em;
+	overflow: hidden;
+	width: 100%
+	}
+	
+.main .sig-content {
+	padding-top: 0.8em
+	}	
+
+.main .sig-content .sig-line {
+	border-top-style: solid;
+	border-top-width: 1px;
+	display: block;
+	padding-bottom: 0.5em;
+	width: 250px;
+	}
+
+.main .entry-content .quotebox,
+.main .entry-content .codebox {
+	border-style: solid;
+	border-width: 1px;
+	margin: 0 1em 1em 1em;
+	padding: 1em 1em 0.3em 1em;
+	}
+  
+.main .entry-content blockquote {
+	overflow: hidden;
+	width: 100%;
+	}
+	
+.main .entry-content .quotebox cite {
+	display: block;
+	font-style: normal;
+	font-weight: bold;
+	margin-bottom: 0.8em;
+	}
+	
+.main .entry-content .codebox strong {
+	display: block;
+	margin-bottom: 0.8em;
+	}
+
+.main .entry-content pre {
+	margin: 0;
+	max-height: 35em;
+	min-height: 2em;
+	overflow: auto;
+	padding: 0 2% 0.1em 0;
+	width: 98%;
+	}
+	
+.main .entry-content em {
+	font-style: italic
+	}
+
+.main .entry-content em.bbuline {
+	font-style: normal;
+	text-decoration: underline;
+	}
+
+.main .entry-content p {
+	margin: 0 0 1em 0;
+	}
+
+.frm .post-entry {
+	margin: 1.7em;
+	border-style: solid;
+	border-width: 1px;
+	}
+
+/* Topic / Post Layout
+-------------------------------------------------------------*/
+
+.main .topic .post {
+	border-style: solid none none none;
+	border-width: 1px;
+	}
+
+.main .topic .firstpost {
+	border-top: none;
+	margin-top: 0;
+	}
+
+.main .topic .post .postmain {
+	margin-left: 17em;
+	position: relative;
+	border-left-style: solid;
+	border-left-width: 1px;
+	}
+	
+.main .topic .post .posthead {
+	border-bottom-style: dashed;
+	border-bottom-width: 1px;
+	margin-bottom: 0.7em;
+	}
+	
+.main .topic .post .posthead h3 {
+	padding: 0.5em 0 0.5em 1em;
+	margin: 0;
+	}
+	
+.main .topic .post .posthead h3 strong {
+	float: right;
+	font-weight: bold;
+	position: relative;
+	text-decoration: none;
+	padding-right: 1em;
+	}
+	
+.main .topic .post .postmain  .user {
+	float: left;
+	margin: -2.6em 0 0 -16em;
+	width: 15em;
+	}
+	
+.main .topic .user-info {
+	overflow: hidden;
+	width: 15em;
+	}
+
+.main .topic .user-ident .username {
+	overflow: hidden;
+	width: 13em;
+	}
+	
+.main .topic .post .user .user-info {
+	padding-bottom: 1em;
+	}
+	
+.main .topic .post .postmain .postfoot {
+	margin-left: -17em;
+	text-align: right;
+	border-top-style: dashed;
+	border-top-width: 1px;
+	padding: 0.5em 1em;
+	}
+	
+.main .topic .post .postmain .postfoot .post-options a {
+	margin-left: 1em;
+	}
+
+.main .topic .post .postmain .postfoot .post-options a.contact {
+	float: left;
+	margin-right: 1em;
+	margin-left: 0;
+	}
+	
+.main .topic .post .postmain .entry-info {
+	padding: 0 0 1em 0;
+	margin: 0 0 0 1.5em;
+	}
+
+.main .post .item-select {
+	padding-right: 1em;
+	}
+
+#pun-searchposts .main .post h3 cite {
+	position: static;
+	font-size: 1em;
+	}
+	
+#pun-searchposts .main .post h4.entry-title {
+	position: static;
+	font-size: 1em;
+	padding-bottom: 1em;
+	font-weight: normal;
+	line-height: 1.3em;
+	text-indent: 0;
+	}
+	
+#pun-searchposts .main h3 strong {
+	text-decoration: none;
+	}
+	
+#pun-searchposts .main h4.entry-title strong {
+	display: block;
+	font-weight: bold;
+	}
+	
+	
+/*************************************************************
+H - OTHER MAIN CONTENT ITEMS
+**************************************************************/
+
+/* Message Boxes / Redirect
+-------------------------------------------------------------*/
+
+.main .message {
+	padding-bottom: 0.3em;
+	}
+
+.main .message p {
+	padding: 0 1.3em 0;
+	margin: 1em 0;
+	}
+	
+.main .message p span {
+	display: block;
+	padding-top: 1em;
+	}
+
+	
+/* Help File
+-------------------------------------------------------------*/
+	
+.frm .example code {
+	display: block;
+	}
+
+.frm .example li,
+.frm div.example {
+	padding: 0 0 1em 0;
+	line-height: normal;
+	margin: 0 0 0 1.5em;
+	list-style: disc;
+	}
+	
+.frm .example code {
+	padding-bottom: 0.1em;
+	}
+	
+.frm ul.example {
+	padding: 0 0 0 0.5em;
+	margin: 0;
+	}
+
+.frm .example span {
+	font-size: 0.9em;
+	}
+	
+#pun-help h3 {
+	padding: 0 0 0.7em 0;
+	margin: 0;
+	}
+	
+#pun-help .quotebox, #pun-help .codebox {
+	margin: 0.3em 0 0 0;
+	}
+	
+.frm .example code * {
+	vertical-align: middle;
+	}
+	
+	
+/* Rules
+-------------------------------------------------------------*/
+	
+.pun .userbox {
+	padding: 1em 1.3em 0.7em 1.3em;
+	margin: 1.7em;
+	border-style: solid;
+	border-width: 1px;
+	}
+	
+.pun .userbox p, .pun .userbox h2, .pun .userbox h3, .pun .userbox h4 {
+	margin: 0 0 0.8em 0;
+	list-style: disc;
+	}
+	
+.pun .userbox h2 {
+	font-size: 1.2em;
+	font-weight: bold;
+	}
+	
+.pun .userbox h3 {
+	font-size: 1.1em;
+	font-weight: bold;
+	}
+	
+.pun .userbox ul, .pun .userbox ol {
+	margin: 0 0 0.3em 1.5em;
+	list-style: disc;
+	}
+	
+.pun .userbox li {
+	margin-bottom: 0.5em;
+	}
+	
+.pun .userbox strong {
+	font-weight: bold;
+	}
+	
+.pun .userbox em {
+	font-style: italic;
+	}
\ No newline at end of file