/*****************************************************************
1. INITIAL SETTINGS
*****************************************************************/

/* Limited Reset
----------------------------------------------------------------*/

.pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3,
.pun h4, .pun h5, .pun pre, .pun blockquote, .pun ul, .pun ol, .pun li, .pun dl,
.pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun img, .pun abbr, .pun cite {
	margin: 0;
	padding: 0;
	border: 0;
	}

.pun ul, .pun ol {
	list-style: none
	}


/* Structural Settings
----------------------------------------------------------------*/

.pun .clearer, .pun .nosize {
	height: 0;
	width: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden
	}

.pun .clearer, .pun .clearb {
	clear: both
	}

.pun .nosize {
	position: absolute;
	left: -9999em;
	text-indent: -9999em;
	width: 0;
	}

* html .inbox, * html .inform, * html .pun, * html .tclcon, * html .codebox {
	height: 1px
	}

.pun, .pun .inbox, .pun .inform, .pun .tclcon, .pun .codebox {
	min-height: 1px
	}

.clearl {
	clear: left;
	}

/* Hidden Elements
----------------------------------------------------------------*/

#brdfooter h2, #brdstats h2, #brdstats .conl dt, #brdstats .conr dt,
#modcontrols dt, #searchlinks dt, div.postright h3, span.closedtext,
.pun .required strong span {
	position: absolute;
	display: block;
	overflow: hidden;
	width: 0;
	left: -9999em;
	text-indent: -9999em;
	}

/*****************************************************************
2. TEXT & CONTENT
*****************************************************************/

/* Text Defaults
----------------------------------------------------------------*/

.pun {
	font: 68.75%/1.4545em Verdana, Helvetica, Arial, sans-serif;
	line-height: normal;
	}

.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun samp, .pun legend {
	font-size: 10px;
	font-family: verdana, helvetica, arial, sans-serif;
	}

.pun pre, .pun code {
	font-size: 1.182em;
	font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace
	}

.pun pre code {
	font-size: 1em;
	tab-size: 4;
	-moz-tab-size: 4;
	}

.pun strong {
	font-weight: bold;
	}

.pun em {
	font-style: italic;
	}

.pun .forumdesc {
	font-size: 10px;
	color: #959FB4;
	}

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

.pun p, .pun ul, .pun ol, .pun dl {
	font-size: 11px;
	padding: 3px 0;
	}

.pun h2 {
	font-size: 1em;
	font-weight: normal;
	padding: 4px 6px;
	}

.pun h3 {
	font-size: 1.091em;
	padding: 3px 0;
	}

.pun table p, .pun table h3 {
	padding: 0;
	}

.pun span.warntext, .pun p.warntext {
	font-weight: bold
	}

/* User Content (Announcements, Rules, Posts)
----------------------------------------------------------------*/

.pun .usercontent p, .pun .postmsg p {
	padding: 0.75em 0
	}

.pun .usercontent ul, .pun .postmsg ul {
	padding: 0.75em 1em 0.75em 2.5em;
	list-style: disc
	}

.pun .usercontent ol, .pun .postmsg ol {
	padding: 0.75em 1em 0.75em 2.5em;
	list-style: decimal
	}

.pun .usercontent ol.alpha, .pun .postmsg ol.alpha {
	list-style: lower-alpha
	}

.pun .usercontent li ol, .pun .usercontent li ul, .pun .postmsg li ol, .pun .postmsg li ul {
	padding: 0.25em 1em 0.75em 2.5em
	}

.pun .usercontent li p, .pun .postmsg li p {
	padding: 0
	}

.pun .usercontent h1 {
	font-size: 1.4em;
	font-weight: bold;
	padding: 0.75em 0 0 0
	}

.pun .usercontent h2 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.75em 0 0 0
	}

.pun .usercontent h3 {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.75em 0 0 0
	}

.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 {
	font-size: 1em;
	font-weight: bold;
	padding: 0.75em 0 0 0
	}

.pun .quotebox cite {
	font-weight: bold;
	font-style: normal;
	padding: 0.75em 0.75em 0 0.75em
	}

.pun span.bbu {
	text-decoration: underline
	}

.pun span.bbs, .pun del {
	text-decoration: line-through;
	}

.pun .postmsg ins, #punhelp samp ins {
	text-decoration: none;
	}

.pun div.postmsg h5, #punhelp h5 {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.75em 0 0 0;
	}


/*****************************************************************
3. COMMON STYLES
*****************************************************************/

/* Page Layout
----------------------------------------------------------------*/

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

.pun {
	max-width: 1070px;
	width: 95%;
	margin: 0 auto;
	padding: 12px 20px;
	}

#punredirect, #punmaint, #puninstall, #pundb_update {
	margin: 50px 20% 12px 20%
	}


/* Vertical Element Spacing
----------------------------------------------------------------*/

#brdheader {
	margin: 0 0 12px 0;
	}

#brdtitle p {
	padding-top: 0px
	}

#announce, #brdstats {
	margin: 12px 0 12px 0;
	}

.pun .blocktable, .pun .block, .pun .blockform, .pun .block2col, #postreview {
	margin-bottom: 12px
	}

#punindex .blocktable, .pun .blockpost {
	margin-bottom: 6px
	}

#postreview .blockpost {
	margin-bottom: -1px;
	}

.pun .block2col .blockform, .pun .block2col .block {
	margin-bottom: 0px
	}

.pun .linkst, .pun .linksb {
	margin-top: -12px
	}

.pun .postlinksb {
	margin-top: -6px
	}


/* External Borders
----------------------------------------------------------------*/

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

#brdheader .box {
	border-top-width: 4px;
	border-radius: 4px;
	}

/* Default Internal Spacing
----------------------------------------------------------------*/

.pun .block .inbox, .pun .blockmenu .inbox {
	padding: 3px 6px
	}
	

/*****************************************************************
4. COMMON BOARD ELEMENTS
*****************************************************************/

/* Board Header
----------------------------------------------------------------*/

#brdtitle h1 {
	font-size: 1.8em;
	font-weight: normal;
	padding: 3px 0 0 0;
	font-family: 'Raleway', Verdana;
	}

#brdtitle h1 a {
	color: #E0E6F0;
	}

#brdtitle h1 a span {
	color: #AEB7C8;
	}

#brdtitle h1 img {
	height: 2.4em;
	vertical-align: middle;
	}

#brdmenu li {
	display: inline;
	margin-right: 12px;
	}

#brdmenu a:link, #brdmenu a:visited {
	text-decoration: none
	}

#brdmenu a:hover, #brdmenu a:active {
	text-decoration: underline
	}

#brdwelcome .conl {
	float: left;
	}

#brdwelcome .conr {
	float: right;
	text-align: right;
	}

/* Breadcrumbs and Post Links
----------------------------------------------------------------*/

.pun .linkst {
	padding: 8px 6px 3px 6px
	}

.pun .linksb, .pun .postlinksb {
	padding: 3px 6px 8px 6px
	}

.pun .crumbs {
	clear: both;
	width: 100%;
	overflow: hidden;
	font-size: 11px;
	}

.pun .crumbs li {
	display: inline;
	white-space: nowrap;
	font-weight: bold;
	}

.pun .pagelink {
	float: left;
	white-space: nowrap;
	}

.pun .postlink {
	font-weight: bold;
	white-space: nowrap;
	}

.pun .postlink, .pun .modbuttons {
	float: right;
	text-align: right;
	}

.pun .modbuttons {
	padding: 1px 0;
	white-space: nowrap;
	}

.pun .modbuttons input {
	margin-left: 6px;
	}

.pun .postlink a:link, .pun .postlink a:visited {
	text-decoration: none
	}

.pun .postlink a:hover, .pun .postlink a:active {
	text-decoration: underline;
	}

.pun .topiclink {
	font-size: 11px;
	}

#punindex .subscribelink {
	margin-top: 6px;
	}

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

#brdfooter .conl {
	float: left;
	}

#brdfooter .conr {
	float: right;
	text-align: right;
	}

#brdfooter #modcontrols {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: center;
	}

#brdfooter #modcontrols dd {
	display: inline;
	margin:0 6px;
	}


/* Board Stats
----------------------------------------------------------------*/

#brdstats .conl {
	float: left;
	}

#brdstats .conr {
	float: right;
	text-align: right;
	}

#onlinelist dd, #onlinelist dt {
	display: inline;
	}


/*****************************************************************
5. MAIN TABLES
*****************************************************************/

.pun table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	}

.pun .blocktable table {
	table-layout: fixed;
	}

.pun td, .pun th {
	padding: 4px 6px;
	text-align: left;
	font-weight: normal;
	}

.pun tbody td, .pun tbody th {
	border-style: solid none none solid;
	border-width: 1px;
	}

.pun .tcl {
	border-left: 0;
	width: auto;
	}

.pun .tc2, .pun .tc3, .pun .tcmod {
	width: 10%;
	text-align: center;
	padding: 4px 0;
	}

.pun .tcr {
	width: 30%;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}

.pun .tcl h3 {
	font-size: 11px;
	font-weight: bold;
	}

.pun .tcl h3 a {
	color: #E0E6F0;
	}

.pun .tcl h3 a:hover {
	color: #E0E6F0;
}

.pun .tcl h3 span.newtext {
	font-size: 0.917em;
	}

.pun .tcl span.newtext, .pun .tcl span.pagestext {
	white-space: nowrap;
	font-weight: normal;
	}

.pun td span.byuser {
	white-space: nowrap;
	}

.pun .tcl p {
	padding: 5px 0 0 0
	}

#punsearch #vf .tc2 {
	width: 18%;
	text-align: left;
	padding: 4px 6px;
	}

#users1 .tcr {
	width: 25%
	}

#users1 .tc2 {
	width: 25%;
	text-align: left;
	padding: 4px 6px;
	}

#debug .tcl {
	width: 10%
	}

#debug .tcr {
	width: 90%;
	white-space: normal
	}

#punindex .tcr .byuser {
	display: block
	}

.pun .blocktable .tclcon {
	padding: 0 11px 0 12px;
	overflow: hidden;
	min-height: 1px;
	position: relative;
	}

.pun .blocktable .tclcon div {
	width: 100%;
	overflow: hidden;
	}

.pun .icon {
	margin: 0.3em 0 0 0.2em;
	border-width: 0.4em;
	border-style: solid;
	border-radius: 2px;
	height: 0;
	width: 0;
	overflow: hidden;
	float: left;
	}

.pun .icon div {
	position: absolute;
	left: -9999em;
	text-indent: -9999em;
	height: 0;
	}

.pun .iposted .ipost {
	position: absolute;
	left: 0;
	font-weight: bold;
	width: 8px;
	padding-left: 4px;
	text-align: center;
	top: 0;
	}

.pun .rowlist {
	display: inline-block;
	vertical-align: middle;
	}

/*****************************************************************
6. MAIN FORMS
*****************************************************************/

.pun .blockform form, .pun .fakeform {
	PADDING: 20px 20px 15px 20px
	}

.pun .forminfo {
	margin-bottom: 12px;
	padding: 9px 10px;
	border-style: solid;
	border-width: 1px;
	}

.pun .forminfo h3 {
	font-weight: bold;
	}

.pun .inform {
	padding-bottom: 12px
	}

.pun fieldset {
	padding: 0px 12px 0px 12px;
	border-style: solid;
	border-width: 1px
	}

.pun legend {
	padding: 0px 6px
	}

.pun .infldset {
	padding: 9px 0px 12px 0
	}

.pun label {
	display: block;
	padding: 3px 0
	}

.pun label.conl {
	float: left;
	overflow: visible;
	margin-right: 10px
	}

.pun fieldset .rbox br {
	display: none;
	}

.pun fieldset .rbox label {
	padding: 3px 0 3px 25px;
	position: relative;
	vertical-align: middle;
	}

.pun fieldset .rbox input {
	margin: 0 9px 0 -25px;
	padding: 0;
	width: 16px;
	position: relative;
	vertical-align: middle;
	}

.pun .txtarea {
	width: 75%
	}

.pun .txtarea textarea, .pun input.longinput {
	width: 100%
	}

.pun .bblinks {
	padding-bottom: 10px;
	padding-left: 4px
	}

.pun .bblinks li {
	display: inline;
	padding-right: 20px
	}

.pun .blockform .buttons {
	padding-left: 12px;
	}

.pun .blockform .buttons input {
	margin-right: 8px;
	}

#posterror ul {
	list-style: square;
	padding: 3px 0 3px 24px;
	}

.pun .deletemsg {
	border-style: solid;
	border-width: 1px;
	padding: 6px 15px;
	}

.pun p.actions span {
	margin-right: 12px;
	}

.pun .multiselect {
	float: left;
	padding-bottom: 7px;
	}

.pun .checklist {
	border-width: 1px;
	border-style: solid;
	max-height: 9em;
	width: 20em;
	overflow: auto;
	padding: 0.3em 0.5em;
	margin: 0.25em 16px 0 0.15em;
	}

.pun .checklist fieldset {
	border: 0;
	padding: 0;
	}

.pun .checklist legend {
	padding: 0;
	}

.pun .checklist legend span {
	width: auto;
	max-width: 25em;
	}

/*****************************************************************
7. PROFILES AND ADMIN
*****************************************************************/

.pun .block2col {
	padding-bottom: 1px
	}

.pun .block2col .blockform, .pun .block2col .block {
	margin-left: 14em
	}

.pun .blockmenu {
	float:left;
	width: 13em
	}

.pun .blockmenu li {
	padding: 3px 0;
	font-weight: bold;
	}

.pun .blockmenu a:link, .pun .blockmenu a:visited {
	text-decoration: none
	}

.pun .blockmenu a:hover, .pun .blockmenu a:active {
	text-decoration: underline
	}

#viewprofile dl {
	float: left;
	width: 100%;
	overflow: hidden
	}

#viewprofile dd {
	margin-left: 14em;
	padding: 3px;
	}

#viewprofile dt {
	float: left;
	width: 13em;
	margin: 3px 0;
	}

#profileavatar img {
	float: right;
	margin-left: 1em
	}

#adintro ul {
	list-style-type: disc;
	margin-left: 8px;
	padding-left: 16px;
	}

/*****************************************************************
8. MAIN POSTS
*****************************************************************/

.pun .blockpost h2 a:link, .pun .blockpost h2 a:visited {
	text-decoration: none;
	}

.pun .blockpost h2 a:hover, .pun .blockpost h2 a:active {
	text-decoration: underline;
	}

.pun .blockpost h2 .conr {
	float: right;
	text-align: right;
	}

#punsearch .blockpost h2 span {
	white-space: nowrap;
	}

.pun .blockpost .box {
	overflow: hidden;
	}

.pun .postleft, .pun .postfootleft {
	float:left;
	width: 18em;
	position: relative;
	overflow: hidden;
	}

.pun .postleft dl {
	padding: 6px;
	}

.pun .postleft .usercontacts, .pun .postleft .icon {
	margin-top: 6px
	}

.pun .postleft .postavatar, .pun .postleft .usertitle {
	margin-bottom: 6px;
	display: block;
	}

.pun .blockpost dt {
	font-size: 1.091em;
	font-weight: bold;
	}

.pun .blockpost dt a:link, .pun .blockpost dt a:visited {
	text-decoration: none;
	}

.pun .blockpost dt a:hover, .pun .blockpost dt a:active {
	text-decoration: underline;
	}

.pun .postright, .pun .postfootright {
	border-left-width: 18em;
	border-left-style: solid
	}

#postpreview .postright {
	border-left: 0
	}

.pun .postright {
	padding: 0 6px;
	}

.pun .postfootright, .pun .multidelete {
	text-align: right
	}

.pun .postmsg {
	width:98%;
	overflow: hidden;
	padding-bottom: 6px;
	word-wrap: break-word;
	}

.pun .postmsg p {
	font-size: 11px;
	}

.pun .postfootright ul, .pun .postfootright div, .pun .postfootright p,
.pun .postfootleft p {
	padding: 10px 6px 5px 6px;
	}

.pun .postfootright li {
	display: inline;
	}

.pun .postfootright li:before {
	content: " | ";
	}

.pun .postfootright li:first-child:before {
	content: "";
	}

.pun .postfootright a:link, .pun .postfootright a:visited {
	text-decoration: none
	}

.pun .postfootright a:hover, .pun .postfootright a:active {
	text-decoration: underline
	}

.pun .codebox {
	border-style: solid;
	border-width: 1px;
	margin: 0.75em 1em;
	padding: 0;
	}

.pun .quotebox {
	border-style: solid;
	border-width: 1px;
	margin: 0.75em 1em;
	padding: 0 0.75em;
	}

.pun .quotebox cite {
	display: block;
	padding: 0.75em 0 0 0;
	}

.pun .quotebox blockquote {
	width: 100%;
	overflow: hidden
	}

.pun .codebox pre {
	overflow: auto;
	width: 100%;
	overflow-y:hidden
	}

* html .pun .codebox pre {
	padding-bottom: 10px;
	}

*+html .pun .codebox pre {
	padding-bottom: 10px
	}

.pun .codebox pre code {
	display: block;
	padding: 0.75em;
	}

.pun .codebox pre.vscroll {
	height: 32em;
	overflow: auto;
	overflow-y: auto
	}

.pun .postmsg img {
	vertical-align: bottom;
	}

.pun .postsignature hr {
	margin-left: 0px;
	width: 200px;
	text-align: left;
	height: 1px;
	border:none
	}

.pun .postmsg .postimg img {
	max-width: 98%;
	vertical-align: middle;
	margin: 7px 0.5em 7px 0;
	}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
	border-style: solid;
	border-width: 2px;
	}

.pun .blockpost label {
	padding: 3px 6px;
	border-style: solid;
	border-width: 1px;
	vertical-align: middle;
	display: inline-block;
	}

.pun .blockpost label * {
	vertical-align: middle;
	margin: 0;
	padding: 0;
	}

.pun input.pollchoice {
	display: table-cell;
	vertical-align: middle;
	margin: 5px 5px;
	}

.pun .stickytext {
	font-size: 1.2em;
	color: #AEB7C8;
	}

/****************************************************************/
/* 9. HELP FILES AND MISC. */
/****************************************************************/

#punhelp h2 {
	margin-top: 12px
	}

#punhelp div.box {
	padding: 10px
	}

#debugtime {
	margin-top: -12px;
	text-align: center;
	}

#brdwelcome, #brdfooter dl a, div.blockmenu li, div.rbox input {
	line-height: 1.4em
	}

#announce div.inbox div {
	padding: 3px 0
	}

.pun .inbox thead {
	color: #959FB4;
	font-size: 10px;
	border-style: none;
	}

.pun .inbox thead .tcl,
.pun .inbox thead .tc2,
.pun .inbox thead .tc3,
.pun .inbox thead .tcr {
	border-bottom: 1px solid #AEB7C8;
	}

/*****************************************************************
COLOUR SCHEME
*****************************************************************/

/* Background / Text
----------------------------------------------------------------*/

body {
	background-color: #292E39;
	color: #E0E6F0
	}

.punwrap {
	background-color: #292E39;
	padding: 20px 20px !important;
	border-radius: 4px;
	}

.pun {
	color: #E0E6F0
	}

.pun .box {
	background-color: #3B414B
	}

.pun #adminconsole fieldset th {
	background-color: #3B414B
	}

#postpreview, #viewprofile dd, .pun .forminfo,
#brdfooter #modcontrols, #adminconsole fieldset td, #adstats dd {
	background-color: #3E434D
	}

.pun h2 {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
    background-image: -webkit-linear-gradient(top, #3E434D 0%, #3B414B 100%);
    background-image: -o-linear-gradient(top, #3E434D 0%, #3B414B 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3E434D), to(#3B414B));
    background-image: linear-gradient(to bottom, #3E434D 0%, #3B414B 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff3E434D', endColorstr='#ff3B414B', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled false);
    background-repeat: repeat-x;
    border-top: 1px solid #4D5460;
    border-right: 1px solid #4D5460;
    border-left: 1px solid #4D5460;
    padding: 5px;
    text-transform: none;
    font-size: 11px;
    line-height: 1.4;
    font-weight: bold;
    position: relative;
	color: #E0E6F0;
	}

#brdmenu {
	background-color: #313742;
	color: #E0E6F0
	}

.pun th {
	background-color: #3B414B
	}

.pun legend {
	color: #C6CEDC
	}

.pun .blockmenu li.isactive a, #posterror li strong {
	color: #E0E6F0
	}

.pun .usercontent * {
	background: transparent;
	color: #E0E6F0
	}

.pun textarea, .pun input, .pun select {
	background-color: #3B414B;
	color: #E0E6F0;
	border: 1px solid #313742;
	}

.pun input:hover, .pun select:hover {
    background-color: #313742;
    border-color: #4D5460;
    color: #C6CEDC
	}

.pun input:disabled, .pun select:disabled,
.pun input:disabled:hover, .pun select:disabled:hover {
	opacity: 0.5;
	background-color: #313742;
	color: #E0E6F0;
	color: #E0E6F0;
	border: 1px solid #313742;
	}

.pun input:focus, .pun select:focus {
	outline: none;
	border-color: #C6CEDC;
}

.pun input[type=submit] {
	background-color: #C6CEDC;
	color: #2A2F3A;
	border-color: #7C8698;
	}

.pun input[type=submit]:hover {
	background-color: #E0E6F0;
	color: #2A2F3A;
	border-color: #7C8698;
	}

.pun .multiselect, .pun .checklist {
	color: #E0E6F0;
	}

.pun .checklist {
	border-color: #5A6270;
	}

.pun .rowodd {
	background-color: #3B414B;
	}

.pun .roweven {
	background-color: #3E434D;
	}

.pun .rowodd:hover,
.pun .roweven:hover {
	background-color: #4D5460;
	}

/* Posts
----------------------------------------------------------------*/

.pun .blockpost .box, .pun .postright, .pun .postfootright, .pun .deletemsg {
	background-color: #3B414B
	}

.pun .postright, .pun .postfootright {
	border-left-color: #313742
	}

.pun .postleft, .pun .postfootleft, .pun .blockpost label, .pun .codebox, .pun .quotebox {
	background-color: #313742
	}

.pun .blockpost h2 {
	background-color: #313742
	}

.pun .blockpost h2 span.conr {
	color: #959FB4
	}

.pun .postmsg ins, #punhelp samp ins {
	background-color: #ff0;
	}

.pun hr {
	background-color: #4D5460;
	color: #4D5460
	}

/* Borders
----------------------------------------------------------------*/

.pun .box {
	border-color:#4D5460;
	}

.pun .blocktable .box {
	border-top: none;
	}

.pun td, #brdfooter #modcontrols {
	border-color: #4D5460
	}

.pun th {
	border-color: #3E434D
	}

.pun fieldset {
	border-color: #4D5460
	}

#adminconsole td, #adminconsole th {
	border-color: #3B414B
	}

.pun .quotebox, .pun .codebox, .pun .forminfo,
.pun .blockpost label, .pun .deletemsg {
	border-color: #4D5460
	}

/* Links
----------------------------------------------------------------*/

.pun a:link, .pun a:visited {
	color: #C6CEDC;
	text-decoration: none;
	}

.pun a:hover, .pun a:active, .pun a:focus {
	color: #E0E6F0
	}

.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img {
	border-color: #C6CEDC;
	}

.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img {
	border-color: #E0E6F0;
	}

.pun h2 a:link, .pun h2 a:visited,
#brdmenu a:link, #brdmenu a:visited {
	color: #E0E6F0
	}

.pun h2 a:hover, .pun h2 a:active,
#brdmenu a:hover, #brdmenu a:active {
	color: #E0E6F0
	}

.pun .postreport a:link, .pun .postreport a:visited,
.pun .iclosed td.tcl a:link, .pun .iclosed td.tcl a:visited {
	color: #959FB4
	}

.pun .postreport a:hover, .pun .postreport a:active,
.pun .iclosed td.tcl a:hover, .pun .iclosed td.tcl a:active {
	color: #C6CEDC
	}

.pun .maintenancelink a:link, .pun .maintenancelink a:visited {
	color: #ff4000
	}

.pun .maintenancelink a:hover, .pun .maintenancelink a:active {
	color: #ff5010
	}

/* Status Indicators
----------------------------------------------------------------*/

.pun .icon {
	border-color: #4D5460;
	}

.pun .iredirect .icon {
	border-color: #3B414B #3B414B #3B414B #3B414B
	}

.pun .inew .icon {
	border-color: #B7C0CE #9AA4B4 #8590A0 #A5AEBC
	}

/* Usergroup name colors
----------------------------------------------------------------*/
.pun .usergroup-1 { /* Administrator */
	color: #FFCC00 !important;
	font-weight: bold;
	}

.pun a:hover.usergroup-1 { /* Administrator */
	color: #FFE066 !important;
	}

.pun span:hover.usergroup-1 { /* Administrator */
	color: #FFE066 !important;
	}
	
.pun .usergroup-2 { /* Moderator */
	color: #FF4545 !important;
	font-weight: bold;
	}

.pun a:hover.usergroup-2 { /* Moderator */
	color: #FF8080 !important;
	}

.pun span:hover.usergroup-2 { /* Moderator */
	color: #FF8080 !important;
	}

.pun .usergroup-5 { /* Premium */
	color: #AEB7C8 !important;
	font-weight: bold;
	}

.pun a:hover.usergroup-5 { /* Premium */
	color: #E0E6F0 !important;
	}

.pun span:hover.usergroup-5 { /* Premium */
	color: #E0E6F0 !important;
	}

.pun a.usergroup-6 { /* Banned */
	font-weight: normal;
	}

/* Notification bars
----------------------------------------------------------------*/
.pun .notice-bar {
	display: none;
	border: 1px solid #E0A0A0;
	margin: 10px auto 10px auto;
	width: 100%;
	height: 20px;
	background: #FDE9E9 linear-gradient(#FDE9E9, #FBD3D3);
	color: #C0392B;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	text-shadow: 1px 1px #FDE9E9;
	text-transform: uppercase;
	padding-top: 6px;
	}

.pun .notice-bar a {
	color: #8E2A22;
	}

/* Payment form
----------------------------------------------------------------*/
#payment th {
	width: 15em;
	font-weight: bold
	}

#payment fieldset td span {
    display: block;
    font-size: 1em;
    font-weight: normal;
	}

#payment table.aligntop th, #paymenttable.aligntop td {
	vertical-align: top;
	}

#payment .payment-icons img {
	width: 30px;
	margin-left: 2px;
	margin-top: 4px;
	opacity: 0.5;
	border: 1px solid #292E39;
	-webkit-filter: grayscale(0.5);
	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);
	filter: url(#greyscale);
	filter: gray;
	}
	
.contains-error {
	border: 1px solid #BA2323 !important;
	}

/*****************************************************************
9b. SMOOTH PASS (astral.rip look: flat cards, 8px radius, soft separators)
*****************************************************************/

/* Type
----------------------------------------------------------------*/

.pun {
	font: 400 13px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	}

.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun samp, .pun legend, .pun button {
	font-family: inherit;
	font-size: 13px;
	}

.pun p, .pun ul, .pun ol, .pun dl {
	font-size: 13px;
	}

.pun .forumdesc, .pun .crumbs, .pun .topiclink, .pun .postmsg p {
	font-size: 12px;
	}

.pun a {
	transition: color .15s ease;
	}

.punwrap {
	border-radius: 8px;
	}

/* Cards
----------------------------------------------------------------*/

.pun .block, .pun .blocktable, .pun .blockform, .pun .block2col {
	margin-bottom: 20px;
	}

#punindex .blocktable, .pun .blockpost {
	margin-bottom: 12px;
	}

.pun .block, .pun .blocktable, .pun .blockform, .pun .blockpost, .pun .blockmenu {
	filter: drop-shadow(0 3px 10px rgba(0, 0, 0, .25));
	}

.pun .box {
	background-color: #313742;
	border: 0;
	border-radius: 8px;
	overflow: hidden;
	}

.pun .block > h2, .pun .blocktable > h2, .pun .blockform > h2, .pun .blockpost > h2, .pun .blockmenu > h2 {
	background: #313742;
	background-image: none;
	border: 0;
	border-bottom: 1px solid #4D5460;
	border-radius: 8px 8px 0 0;
	padding: 12px 15px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: .2px;
	line-height: 1.4;
	color: #E0E6F0;
	}

.pun .block > h2 + .box, .pun .blocktable > h2 + .box, .pun .blockform > h2 + .box, .pun .blockpost > h2 + .box, .pun .blockmenu > h2 + .box {
	border-radius: 0 0 8px 8px;
	}

.pun .block .inbox {
	padding: 12px 15px;
	}

.pun .blockmenu .inbox {
	padding: 8px;
	}

.pun .blocktable .inbox {
	padding: 0;
	}

/* Tables
----------------------------------------------------------------*/

.pun td, .pun th {
	padding: 12px 15px;
	}

.pun tbody td, .pun tbody th {
	border: 0;
	border-top: 1px solid #4D5460;
	}

.pun tbody tr:first-child td, .pun tbody tr:first-child th {
	border-top: 0;
	}

.pun .tc2, .pun .tc3, .pun .tcmod {
	padding: 12px 8px;
	background-color: transparent;
	}

.pun .tcl h3 {
	font-size: 14px;
	font-weight: 400;
	}

.pun .tcl p {
	font-size: 12px;
	line-height: 1.5;
	color: #959FB4;
	padding: 2px 0 0 0;
	}

.pun .tcr {
	font-size: 12px;
	line-height: 1.6;
	color: #959FB4;
	}

.pun th {
	border-color: #4D5460;
	font-weight: 700;
	}

.pun .inbox thead th {
	background-color: #3F454F;
	}

.pun .inbox thead {
	color: #BDC6DB;
	font-size: 12px;
	}

.pun .inbox thead .tcl,
.pun .inbox thead .tc2,
.pun .inbox thead .tc3,
.pun .inbox thead .tcr {
	border-bottom: 1px solid #4D5460;
	}

.pun tbody .rowodd, .pun tbody .roweven {
	background-color: transparent;
	transition: background-color .15s ease;
	}

.pun tbody .rowodd:hover, .pun tbody .roweven:hover {
	background-color: #3F454F;
	}

.pun .blockpost.rowodd, .pun .blockpost.roweven,
.pun .blockpost.rowodd:hover, .pun .blockpost.roweven:hover {
	background-color: transparent;
	}

.pun .icon {
	margin: .35em .7em 0 .2em;
	border-width: .5em;
	border-radius: 3px;
	}

/* Pagination and action rows
----------------------------------------------------------------*/

.pun .linkst .inbox, .pun .linksb .inbox, .pun .postlinksb .inbox {
	background-color: #313742;
	border-radius: 8px;
	padding: 10px 15px;
	}

.pun .pagelink a, .pun .postlink a {
	display: inline-block;
	padding: 3px 9px;
	border-radius: 4px;
	background-color: rgba(224, 230, 240, .08);
	transition: background-color .2s ease, color .2s ease;
	}

.pun .pagelink a:hover, .pun .postlink a:hover {
	background-color: rgba(224, 230, 240, .16);
	text-decoration: none;
	}

/* Board header
----------------------------------------------------------------*/

#brdheader .box {
	border: 0;
	border-radius: 8px;
	overflow: hidden;
	}

#brdheader #brdtitle {
	padding: 18px 15px 10px;
	}

#brdheader #brdmenu {
	padding: 0 8px 6px;
	background-color: transparent;
	}

#brdheader #brdwelcome {
	padding: 10px 15px;
	border-top: 1px solid #4D5460;
	background-color: #363C46;
	font-size: 12px;
	color: #959FB4;
	}

#brdmenu li {
	display: inline-block;
	margin-right: 2px;
	}

#brdmenu a {
	position: relative;
	display: block;
	padding: 9px 12px 13px;
	font-size: 13px;
	text-decoration: none;
	transition: color .18s ease;
	}

#brdmenu a::after {
	content: "";
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 8px;
	height: 3px;
	border-radius: 2px;
	background-color: #4D5460;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .22s ease-out;
	}

#brdmenu a:link, #brdmenu a:visited {
	color: #959FB4;
	}

#brdmenu a:hover, #brdmenu a:active, #brdmenu a:focus {
	color: #FFFFFF;
	text-decoration: none;
	}

#brdmenu a:hover::after, #brdmenu a:focus::after {
	transform: scaleX(1);
	}

#brdmenu li.isactive > a:link, #brdmenu li.isactive > a:visited {
	color: #E0E6F0;
	}

#brdmenu li.isactive > a::after {
	transform: scaleX(1);
	}

/* Fields and buttons
----------------------------------------------------------------*/

.pun textarea, .pun input, .pun select {
	background-color: #3B414B;
	background-image: none;
	border: 1px solid #4D5460;
	border-radius: 8px;
	color: #E0E6F0;
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, .1);
	transition: background-color .2s ease, border-color .2s ease;
	}

.pun input:not([type=submit]):not([type=button]):not([type=radio]):not([type=checkbox]):not([type=image]), .pun textarea, .pun select {
	padding: 7px 10px;
	}

.pun input:hover, .pun select:hover, .pun textarea:hover {
	background-color: #363C46;
	border-color: #5A6270;
	color: #E0E6F0;
	}

.pun input:focus, .pun select:focus, .pun textarea:focus {
	outline: none;
	border-color: #C6CEDC;
	background-color: #3B414B;
	}

.pun input[type=radio], .pun input[type=checkbox] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #3B414B;
	border: 1px solid #4D5460;
	border-radius: 4px;
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, .1);
	color: #2A2F3A;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	cursor: pointer;
	transition: background-color .18s ease, border-color .18s ease;
	}

.pun input[type=radio] {
	border-radius: 50%;
}

.pun input[type=radio]:hover, .pun input[type=checkbox]:hover {
	border-color: #7C8698;
	}

.pun input[type=radio]:checked, .pun input[type=checkbox]:checked {
	background-color: #C6CEDC;
	border-color: #C6CEDC;
	box-shadow: none;
	}

.pun input[type=checkbox]:checked::after {
	content: "";
	display: block;
	width: 4px;
	height: 8px;
	margin: 1px auto 0;
	border: solid #2A2F3A;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}

.pun input[type=radio]:checked::after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	margin: 4px auto 0;
	border-radius: 50%;
	background-color: #2A2F3A;
	}

.pun input[type=submit], .pun input[type=button], .pun button {
	background-color: #C6CEDC;
	background-image: none;
	border: 0;
	border-radius: 4px;
	box-shadow: none;
	color: #2A2F3A;
	font-weight: 600;
	min-height: 33px;
	padding: 0 15px;
	cursor: pointer;
	transition: all .3s cubic-bezier(.25, .8, .25, 1);
	}

.pun input[type=submit]:hover, .pun input[type=button]:hover, .pun button:hover {
	background-color: #E0E6F0;
	border-color: transparent;
	color: #2A2F3A;
	box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .2);
	}

.pun input[type=submit]:active, .pun input[type=button]:active, .pun button:active {
	background-color: #C3CBD8;
	box-shadow: none;
	}

.pun input:disabled, .pun select:disabled,
.pun input:disabled:hover, .pun select:disabled:hover {
	opacity: .5;
	background-color: #313742;
	border-color: #4D5460;
	color: #E0E6F0;
	}

/* Forms
----------------------------------------------------------------*/

.pun fieldset {
	border: 1px solid #4D5460;
	border-radius: 8px;
	padding: 0 15px 12px;
	}

.pun legend {
	padding: 0 8px;
	font-size: 12px;
	color: #C6CEDC;
	}

.pun .forminfo, .pun .deletemsg {
	background-color: #363C46;
	border: 0;
	border-radius: 8px;
	padding: 12px 15px;
	}

.pun .checklist {
	background-color: #3B414B;
	border: 1px solid #4D5460;
	border-radius: 8px;
	}

.pun .blockform form, .pun .fakeform {
	padding: 18px 15px 12px;
	}

.pun .blockform .buttons {
	padding: 0 15px 6px;
	}

/* Posts
----------------------------------------------------------------*/

.pun .blockpost .box, .pun .postright, .pun .postfootright {
	background-color: #313742;
	}

.pun .postright, .pun .postfootright {
	border-left-color: #2C323B;
	}

.pun .postleft, .pun .postfootleft {
	background-color: #2C323B;
	}

.pun .blockpost dt {
	font-size: 13px;
	font-weight: 600;
	}

.pun .postmsg {
	padding: 6px 6px 12px;
	}

.pun .quotebox {
	background-color: #2C323B;
	border: 0;
	border-left: 3px solid #4D5460;
	border-radius: 0 8px 8px 0;
	margin: 12px 12px 12px 0;
	padding: 0 15px 10px;
	}

.pun .quotebox cite {
	font-size: 12px;
	font-weight: 400;
	color: #959FB4;
	padding: 12px 0 0;
	}

.pun .codebox {
	background-color: #2C323B;
	border: 0;
	border-radius: 8px;
	margin: 12px 12px 12px 0;
	overflow: hidden;
	}

.pun .codebox pre code {
	padding: 12px 15px;
	}

/* Side menus, footer and stats
----------------------------------------------------------------*/

.pun .blockmenu li {
	padding: 0;
	font-weight: 400;
	}

.pun .blockmenu h2.block2 {
	margin-top: 12px;
	}

.pun .blockmenu a:link, .pun .blockmenu a:visited {
	display: block;
	padding: 8px 12px;
	border-radius: 6px;
	font-weight: 400;
	color: #959FB4;
	text-decoration: none;
	transition: all .18s ease;
	}

.pun .blockmenu a:hover, .pun .blockmenu a:active {
	background-color: #3F454F;
	color: #FFFFFF;
	text-decoration: none;
	}

.pun .blockmenu li.isactive a:link, .pun .blockmenu li.isactive a:visited {
	background-color: #3F454F;
	color: #E0E6F0;
	}

#brdfooter .box, #brdstats .box {
	background-color: #313742;
	}

#brdfooter #modcontrols {
	background-color: #363C46;
	border-bottom: 1px solid #4D5460;
	}

.pun .notice-bar {
	border-radius: 8px;
	}

/* Top navigation
----------------------------------------------------------------*/
nav {
	display: block;
	}

.gs-nav-container {
	width: 1070px;
	margin: 0 auto;
	height: 60px;
	border-bottom: 1px solid #1D2129;
	}

.gs-navbar {
	position: relative;
	min-height: 50px;
	border-radius: 4px;
	background-image: -webkit-linear-gradient(top, #3E434D 0%, #313742 100%);
	background-image: -o-linear-gradient(top, #3E434D 0%, #313742 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3E434D), to(#313742));
	background-image: linear-gradient(to bottom, #3E434D 0%, #313742 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3E434D', endColorstr='#ff313742', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	}

.gs-navbar ul {
	float: left;
	margin: 0;
	padding-left: 0;
	list-style: none;
	border-left: 1px solid #292E39;
	border-right: 1px solid #4D5460;
	border-bottom: 1px solid transparent;
	}
.gs-navbar li {
	float: left;
	margin-bottom: -1px;
	position: relative;
	display: block;
	height: 60px;
	border-left: 1px solid #4D5460;
	border-right: 1px solid #292E39;
	}
.gs-navbar li.active > a,
.gs-navbar li.active > a:hover,
.gs-navbar li.active > a:focus {
	color: #FFFFFF;
	cursor: default;
	}
.gs-navbar a {
	text-decoration: none;
	color: #959FB4;
	margin-right: 2px;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	transition: color 0.5s ease;
	position: relative;
	display: block;
	font-family: Impact, sans-serif;
	font-size: 18pt;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 23px;
	}
.gs-navbar a:hover {
	color: #FFFFFF;
	}
.gs-divider {
	padding: 0;
	margin: 0;
	background: #7C8698;
	background: -moz-linear-gradient(left,  #7C8698 0%, #AEB7C8 50%, #C6CEDC 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#7C8698), color-stop(50%,#AEB7C8), color-stop(100%,#C6CEDC));
	background: -webkit-linear-gradient(left,  #7C8698 0%,#AEB7C8 50%,#C6CEDC 100%);
	background: -o-linear-gradient(left,  #7C8698 0%,#AEB7C8 50%,#C6CEDC 100%);
	background: -ms-linear-gradient(left,  #7C8698 0%,#AEB7C8 50%,#C6CEDC 100%);
	background: linear-gradient(to right,  #7C8698 0%,#AEB7C8 50%,#C6CEDC 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7C8698', endColorstr='#C6CEDC',GradientType=1 );
	height: 2px;
	border-bottom: 1px solid #1D2129;
	}