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

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

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

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

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

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

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

.clearl {
    clear: left
}

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

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

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

.pun code,.pun pre {
    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: 700
}

.pun em {
    font-style: italic
}

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

.pun .button {
    font-size: 10px;
    font-family: verdana, helvetica, arial, sans-serif;
    background-color: #212120;
    color: #ccc !important;
    border: 1px solid #3e3e3d;
    padding: 4px 8px;
    cursor: default;
}

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

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

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

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

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

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

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

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

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

.pun .postmsg li ol,.pun .postmsg li ul,.pun .usercontent li ol,.pun .usercontent li ul {
    padding: .25em 1em .75em 2.5em
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#brdheader {
    margin: 0 0 12px 0
}

#brdtitle p {
    padding-top: 0
}

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

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

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

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

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

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

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

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

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

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

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

#brdtitle h1 a {
    color: #eaeaea
}

#brdtitle h1 a span {
    color: #95b806
}

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

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

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

#brdwelcome .conl {
    float: left
}

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

.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: 700
}

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

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

.pun .modbuttons,.pun .postlink {
    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:active,.pun .postlink a:hover {
    text-decoration: underline
}

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

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

#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
}

#brdstats .conl {
    float: left
}

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

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

.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: 400
}

.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
}

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

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

.pun .tcl h3 a {
    color: #ccc
}

.pun .tcl h3 a:hover {
    color: #b4e61e
}

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

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

.pun td span.byuser {
    white-space: normal
}

.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 {
    white-space: nowrap
}

#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: .3em 0 0 .2em;
    border-width: .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: 700;
    width: 8px;
    padding-left: 4px;
    text-align: center;
    top: 0
}

.pun .rowlist {
    display: table-cell;
    vertical-align: middle
}

.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: 700
}

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

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

.pun legend {
    padding: 0 6px
}

.pun .infldset {
    padding: 9px 0 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: .3em .5em;
    margin: .25em 16px 0 .15em
}

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

.pun .checklist legend {
    padding: 0
}

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

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

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

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

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

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

.pun .blockmenu a:active,.pun .blockmenu a:hover {
    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
}

#viewscript dd {
    margin-left: 14em;
    padding: 3px;
    margin-bottom: 3px;
    line-height: 1.25em
}

#viewscript dt {
    float: left;
    width: 13em;
    padding: 3px;
    line-height: 1.25em
}

#viewscript dd {
    background-color: #303030
}

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

.pun .blockpost h2 a:active,.pun .blockpost h2 a:hover {
    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 .postfootleft,.pun .postleft {
    float: left;
    width: 18em;
    position: relative;
    overflow: hidden
}

.pun .postleft dl {
    padding: 6px
}

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

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

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

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

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

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

#postpreview .postright {
    border-left: 0
}

.pun .postright {
    padding: 0 6px
}

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

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

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

.pun .postfootleft p,.pun .postfootright div,.pun .postfootright p,.pun .postfootright ul {
    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:active,.pun .postfootright a:hover {
    text-decoration: underline
}

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

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

.pun .quotebox cite {
    display: block;
    padding: .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
}

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

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

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

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

.pun .postmsg .postimg img {
    max-width: 98%;
    vertical-align: middle;
    margin: 7px .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: #ffd200
}

#punhelp h2 {
    margin-top: 12px
}

#punhelp div.box {
    padding: 10px
}

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

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

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

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

.pun .inbox thead .tc2,.pun .inbox thead .tc3,.pun .inbox thead .tcl,.pun .inbox thead .tcr {
    background-color: #353534;
    border-bottom: 2px solid #95b806
}

body {
    background-color: #151514;
    color: #d4d4d3
}

.pun {
    color: #d4d4d3
}

.pun .box {
    background-color: #272726
}

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

#adminconsole fieldset td,#adstats dd,#brdfooter #modcontrols,#postpreview,#viewprofile dd,.pun .blockmenu .box,.pun .forminfo,.pun td.tc2,.pun td.tc3,.pun td.tcmod {
    background-color: #30302f
}

.pun h2 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #353534;
    border-top: 1px solid #353534;
    border-right: 1px solid #353534;
    border-left: 1px solid #353534;
    padding: 8px;
    text-transform: none;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 700;
    position: relative;
    color: #bbb
}

#brdmenu {
    background-color: #353534;
    color: #d4d4d3
}

.pun th {
    background-color: #272726
}

.pun legend {
    color: #60a0dc
}

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

.pun .usercontent * {
    background: 0 0;
    color: #d4d4d3
}

.pun input,.pun select,.pun textarea {
    background-color: #212120;
    color: #ccc;
    border: 1px solid #3e3e3d
}

.pun a.button:hover,.pun input:hover,.pun select:hover {
    background-color: #1b1b1a;
    border-color: #444;
    color: #aaa
}

.pun a.button:disabled,.pun a.button:disabled:hover,.pun input:disabled,.pun input:disabled:hover,.pun select:disabled,.pun select:disabled:hover {
    opacity: .5;
    background-color: #1b1b1a;
    color: #ccc;
    color: #ccc;
    border: 1px solid #3e3e3d
}

.pun a.button:focus,.pun input:focus,.pun select:focus {
    outline: 0;
    border-color: #666
}

.pun .checklist,.pun .multiselect {
    color: #d4d4d3
}

.pun .checklist {
    border-color: #666
}

.pun .rowodd {
    background-color: #252524
}

.pun .roweven {
    background-color: #252524
}

.pun .roweven:hover,.pun .rowodd:hover {
    background-color: #20201f
}

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

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

.pun .blockpost label,.pun .postfootleft,.pun .postleft {
    background-color: #383837
}

.pun .codebox,.pun .quotebox {
    background-color: #30302f
}

.pun .blockpost h2 {
    background-color: #2a2a29
}

.pun .blockpost h2 span.conr {
    color: #a19e96
}

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

.pun hr {
    background-color: #606060;
    color: #606060
}

.pun .box {
    border-color: #353534
}

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

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

.pun th {
    border-color: #292929
}

.pun fieldset {
    border-color: #606060
}

#adminconsole td,#adminconsole th {
    border-color: #383838
}

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

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

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

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

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

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

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

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

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

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

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

.pun .icon {
    border-color: #333
}

.pun .iredirect .icon {
    border-color: #383838 #383838 #383838 #383838
}

.pun .inew .icon {
    border-color: #5496d8 #4b85c0 #4377ac #4f8dcb
}

.pun .usergroup-1 {
    color: #b4e61e!important;
    font-weight: 700
}

.pun a:hover.usergroup-1 {
    color: #e4ff5e!important
}

.pun .usergroup-2 {
    color: #B4E61E!important;
    font-weight: 700
}

.pun a:hover.usergroup-2 {
    color: #B4E61E!important
}

.pun .usergroup-5 {
    color: #e61515!important;
    font-weight: 700
}

.pun a:hover.usergroup-5 {
    color: #ff4545!important
}

.pun a.usergroup-6 {
    font-weight: 400
}

.pun .usergroup-7 {
    color: #58d794!important;
    font-weight: 700
}

.pun a:hover.usergroup-7 {
    color: #98fdc8!important
}

.pun .usergroup-8 {
    color: #b4e61e!important;
    font-weight: 700
}

.pun a:hover.usergroup-8 {
    color: #e4ff5e!important
}

.pun .notice-bar {
    background-color: #572e86;
    color: #856404;
    margin: 1em auto 1em auto;
    padding: .75em 1.25em;
    border: 1px solid transparent;
    border-radius: .25em;
    border-color: #8e3fe8;
    font-weight: 700;
    font-size: 1em;
    text-align: center;
    vertical-align: middle
}

.pun .notice-bar a {
    color: #e0d1ea
}

#payment th {
    width: 15em;
    font-weight: 700
}

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

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

#payment .payment-icons img {
    width: 30px;
    margin-left: 2px;
    margin-top: 4px;
    opacity: .5;
    border: 1px solid #111;
    -webkit-filter: grayscale(.5);
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%);
    filter: url(#greyscale);
    filter: gray
}

.contains-error {
    border: 1px solid #ba2323!important
}

nav {
    display: block
}

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

.gs-navbar {
    position: relative;
    min-height: 50px;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(top,#303030 0,#151515 100%);
    background-image: -o-linear-gradient(top,#303030 0,#151515 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#303030),to(#151515));
    background-image: linear-gradient(to bottom,#303030 0,#151515 100%);
    background-repeat: repeat-x
}

.gs-navbar ul {
    float: left;
    margin: 0;
    padding-left: 0;
    list-style: none;
    border-left: 1px solid #161616;
    border-right: 1px solid #333;
    border-bottom: 1px solid transparent
}

.gs-navbar li {
    float: left;
    margin-bottom: -1px;
    position: relative;
    display: block;
    height: 60px;
    border-left: 1px solid #333;
    border-right: 1px solid #161616
}

.gs-navbar li.active>a,.gs-navbar li.active>a:focus,.gs-navbar li.active>a:hover {
    color: #fff;
    cursor: default
}

.gs-navbar a {
    text-decoration: none;
    color: #888;
    margin-right: 2px;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    transition: color .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: #fff
}

.gs-divider {
    padding: 0;
    margin: 0;
    background: #1e5799;
    background: -moz-linear-gradient(left,#1e5799 0,#f300ff 50%,#e0ff00 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#1e5799),color-stop(50%,#f300ff),color-stop(100%,#e0ff00));
    background: -webkit-linear-gradient(left,#1e5799 0,#f300ff 50%,#e0ff00 100%);
    background: -o-linear-gradient(left,#1e5799 0,#f300ff 50%,#e0ff00 100%);
    background: -ms-linear-gradient(left,#1e5799 0,#f300ff 50%,#e0ff00 100%);
    background: linear-gradient(to right,#1e5799 0,#f300ff 50%,#e0ff00 100%);
    height: 2px;
    border-bottom: 1px solid #000
}

.pun li.workshop-icon {
    width: 40px;
    height: 31px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center
}

.pun li.workshop-icon-0 {
    background-image: url(/static/img/cat_rbot.png)
}

.pun li.workshop-icon-1 {
    background-image: url(/static/img/cat_lbot.png)
}

.pun li.workshop-icon-2 {
    background-image: url(/static/img/cat_aa.png)
}

.pun li.workshop-icon-3 {
    background-image: url(/static/img/cat_vis.png)
}

.pun li.workshop-icon-4 {
    background-image: url(/static/img/cat_misc.png)
}

.pun li.workshop-icon-5 {
    background-image: url(/static/img/cat_skins.png)
}

.pun li.workshop-icon-6 {
    background-image: url(/static/img/cat_plist.png)
}

.pun li.workshop-icon-8 {
    background-image: url(/static/img/cat_lua.png)
}

.pun .luadisabled {
    opacity: .5;
    background-color: #111
}

.pun .spoiler-head {
    font-weight: 700;
    cursor: pointer;
    font-size: .9em;
    height: 1.4em
}

.pun .spoiler-head span {
    padding: 0 5px
}

.pun .spoiler-body {
    padding: 6px;
    margin: 0;
    display: none
}

.pun .pms-tbl .tc2,.pun .pms-tbl .tc3 {
    width: 15%
}

#notifications {
    position: relative
}

#navnotifications {
    margin-right: 20px!important
}

.badge-unread:after {
    content: attr(data-after-content);
    position: absolute;
    height: 1.25em;
    width: 1em;
    top: -.5em;
    background: #e2523b;
    border: 1px solid #300;
    border-radius: 25%;
    line-height: 1.25em;
    font-size: x-small;
    color: #fff;
    font-family: sans-serif;
    text-align: center;
    text-shadow: 1px 1px #000
}

#notifications li {
    position: relative
}

#notifications-container {
    background-color: #3a3a3a;
    border: 1px solid rgba(100,100,100,.4);
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.25);
    overflow: visible;
    position: absolute;
    z-index: 1000;
    display: none
}

#notifications-list .dateTime {
    font-size: .8em;
    color: #d4d4d3
}

#notifications-list li a {
    display: inline-block;
    padding: 0 0 4px 0
}

.new-notification {
    font-weight: 700;
    border-bottom: 1px solid #555!important
}

.old-notification {
    opacity: .75;
    border-bottom: 1px solid #555!important
}

#notifications-container {
    padding: 10px 10px
}

#notifications-footer {
    text-align: center
}

.hidden {
    display: none!important
}

.fake-link {
    cursor: pointer
}

.full-width {
    width: 100%
}

.flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.flex-col {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1
}

.disable-max-height {
    max-height: none!important
}

.pun .postmsg ul.likelist {
    list-style: none;
    padding: 6px 0 0 0
}

.pun .postmsg .likelist li {
    display: inline
}

.pun .postmsg .likelist li:after {
    content: ", "
}

.pun .postmsg .likelist li:last-child:after {
    content: ""
}

.autocompletelist {
    list-style: none;
    margin: 0;
    padding: 0;
    cursor: default;
    font-size: 12px;
    color: #d4d4d3;
    background: #272726;
    min-width: 120px;
    max-width: 95%;
    border: 1px solid #353534;
    margin-top: 2px
}

.autocompletelist li {
    padding: 2px;
    line-height: 14px
}

.autocompletelist li:after,.autocompletelist li:before {
    content: " ";
    display: table
}

.autocompletelist li.autocompletelist-selected {
    background: #353534
}

.spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center
}

.spinner>div {
    width: 18px;
    height: 18px;
    background-color: #d4d4d3;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

#payment-container {
    max-width: 480px;
    margin: 0 auto
}

.pun #payment-container table {
    width: auto;
    margin: 0 auto
}

.pun #payment-container tbody td,.pun #payment-container tbody th {
    border: none
}

.pun #payment-container tbody th {
    background-color: transparent;
    text-align: right
}

#payment-container fieldset {
    margin-bottom: 10px;
    background: #353534;
    border-radius: 4px;
    border: 1px solid #464645;
    font-size: 0
}

#payment-container .field {
    flex: 1;
    padding: 0 0 0 15px;
    font-weight: 400;
    color: #d4d4d4;
    outline: 0;
    border: none
}

.pun .centered {
    text-align: center;
    margin: 0 auto
}

#confirmation {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    text-align: left;
    margin: 0 auto
}

#confirmation .status {
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    justify-content: center;
    min-height: 250px;
    max-width: 75%;
    margin: 0 auto;
    border: 1px solid #464645;
    border-radius: 4px;
    background-color: #353534
}

#confirmation .statusimg {
    width: 50%;
    max-width: 96px;
    min-width: 64px
}

#confirmation h1 {
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen-Sans,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;
    font-size: 42px;
    font-weight: 300;
    letter-spacing: .3px;
    margin-bottom: 15px
}

.pun .flex-30 {
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 20px 20px
}

.pun .flex-70 {
    flex: 2;
    justify-content: center;
    padding: 20px 20px
}

#loading {
    padding: 40px 0 40px 0
}

#billinginfocc p {
    margin-bottom: 10px
}

.workshop-action {
    font-size: x-large;
    background: 0 0;
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: 0;
    color: #d4d4d3;
    opacity: .35
}

.workshop-action-active {
    text-shadow: 1px 1px #000;
    opacity: 1
}

button.workshop-action:hover {
    opacity: 1
}

button.workshop-action::after {
    content: "☆"
}

button.workshop-action-active:hover {
    color: #fff
}

button.workshop-action-active::after {
    content: "★"!important
}

@-webkit-keyframes sk-bouncedelay {
    0%,100%,80% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {
    0%,100%,80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@media only screen and (max-width: 800px) {
    .postmsg iframe {
        max-width:100%;
        height: auto
    }
}

@media only screen and (max-width: 600px) {
    .pun .postfootright,.pun .postright {
        border-left-width:0
    }

    .pun .postfootleft,.pun .postleft {
        display: none
    }

    .pun .blockpost .postleft {
        width: 100%;
        float: left;
        display: block;
        margin-left: 0
    }

    .pun .blockpost .postleft .postavatar,.pun .blockpost:not(.liker) .postleft dd {
        display: none
    }

    .pun .txtarea {
        width: 90%
    }

    .pun #profile input,.pun #profile select,.pun #profile textarea {
        width: 100%;
        max-width: 350px
    }

    .pun .blockmenu {
        width: 100%
    }

    .pun .blockmenu h2 {
        display: none
    }

    .pun .block2col .block,.pun .block2col .blockform {
        margin-left: 0;
        width: 100%;
        clear: both
    }

    .pun .blockmenu ul {
        border-width: 0
    }

    .pun .blockmenu li {
        border-width: 0
    }

    .pun .blockmenu a,.pun .blockmenu a:link,.pun .blockmenu a:visited {
        padding: 7px;
        margin: 5px 5px 0 0
    }

    .pun .blockmenu .box {
        margin-bottom: 6px
    }

    #viewprofile dd {
        margin-left: 7em;
        word-break: break-all
    }

    #viewprofile dt {
        width: 6em
    }

    .postavatar img {
        max-width: 100%;
        height: auto
    }

    .pun .pms-tbl .tc3 {
        display: none
    }
}