/* canvas */
html { height: 100%; background: #000000; color: #ffcc00; scrollbar-base-color: #ffcc00 }
body { margin: 10px; background: #000000; color: #ffcc00; padding: 10px }
img { border: none }



/* base font */

body, table { font-size: medium; font-family: tahoma; color: #ffcc00 }


/* link */

a { color: #cc6600; text-decoration: none }
a:visited { color: #cc6600 }
a:active { color: #ffcc00; text-decoration: underline }
a:hover { color: #999999; text-decoration: underline }



/* generic frame */

div.frm { margin-top: 20px; border: 1px solid #ffcc00 }


/* generic header cell */

div.hcl { background-color: #ffcc00; color: #000000; padding: 4px }



/* generic content cell */

div.ccl { border-top: 1px solid #ffcc00; background-color: #000000; padding: 4px }

div.ccl:first-child { border-top: none }



/* generic button cell */

div.bcl { border-top: 1px solid #ffcc00; background-color: #000000; padding: 4px }



/* button link */

div.bcl a, a.btl { padding: 4px }

img.btl { vertical-align: bottom }

div.bcl a:hover, a.btl:hover { border: 0 }
td.shr a.btl { padding: 4px }



/* nav button, page link float */

span.nav, span.pln { float: left }



/* page button link */

span.pln a { margin: 0;	padding: 0 }

span.pln a:hover { margin: 0; border: none; background-color: inherit }



/* table frame */

table.tbl { margin-top: 20px; width: 100%; border: 1px solid #ffcc00; border-collapse: collapse; border-spacing: 0; empty-cells: show }



/* table header row */

table.tbl tr.hrw { background-color: #ffcc00; color: #000000; font-weight: bold }



/* table header cell */

table.tbl th { border: 1px solid #ffcc00; padding: 3px; text-align: left; color: #000000; white-space: nowrap }


/* table header column cell */

table.tbl td.hco { width: 20%; font-weight: bold }



/* table content row */
table.tbl tr.crw { background-color: #000000 }


/* table content cell */

table.tbl td { border: 1px solid #ffcc00; padding: 3px }



/* table cell short */

table.tbl .shr { width: 20%; white-space: nowrap }



/* table cell icon */

table.tbl img.ico { margin: 3px }



/* top bar frame */

div.tpb { margin-top: 0 }



/* error header cell */
div.err div.hcl { border: 1px solid red; background-color: red; color: #000000 }



/* error message paragraph */

div.err div.ccl p { margin: 3px; background-color: #000000; color: red }

div.err div.ccl p:first-child { margin: 0 }



/* form */

form { margin: 0; padding: 0 }

input, button, textarea, select { font-size: inherit; font-family: inherit }

textarea { width: 95% }



/* poll result */

td.plv, td.plp { padding-left: 10px; text-align: right }



/* poll result bar */

img.plb { margin-left: 10px; height: 10px; background-color: red }



/* post header of new posts */

div.pst.new div.hcl { background-color: #ffffcc }

/* post header of target posts */

div.pst.tgt div.hcl { background-color: #ffffcc }



/* quote */

blockquote { margin: 0; color: 999999 }

blockquote p { margin: 0 }



/* rank image */

img.rnk { margin: 0; vertical-align: text-top }



/* avatar image */

img.ava { width: 100px;
	height: 100px }

div.pst img.ava { margin-left: 5px; float: right }

form.agl img.ava { margin: 5px; vertical-align: middle }



/* make post ccl enclose avatar */

div.pst div.ccl:after { content: "."; display: block; visibility: hidden; height: 0; clear: both }


/* signature */

div.sig, span.sig { font-size: small }


/* icon */
img.ico { margin: 0 3px; vertical-align: text-bottom; cursor: pointer }



/* smiley icon */

img.sml { margin-top: 1px; vertical-align: text-top }

img.psm { margin: 1px; vertical-align: text-top }


/* flag */

img.flg { margin: 3px; vertical-align: text-top; width: 20px; height: 20px }



/* header title */

span.htt { font-weight: bold }


/* sticky topic title */

span.stk { font-weight: bold }



/* execution message */

span.tbm { font-weight: bold; color: red }



/* admin message */

div.ams div.ccl { color: red }



/* highlighted keyword, report/message link */

em { font-weight: bold; font-style: normal; color: #ffcc00 }

/* monospace font */

tt { font-size: small }



/* float right */

.flr { float: right }



/* help */

div.hlp h3 {
 margin: 3px; font-size: 100%; font-weight: bold }

div.hlp p { margin: 3px }



/* forum info copyright, mini banner */

div.icr, div.bni { text-align: center; font-size: 1%; color: #000000 }
div.icr { border: 0; font-size: 1%; color: #000000 }
div.bni img { margin: 0; font-size: 1%; color: #000000 }



/* board jump form */

form.bjp { margin: 20px 0; float: left }

/* copyright message */

p.cpr { text-align: center; font-size: 1%; color: #000000 }



/* page timer message */

p.pct { text-align: center; font-size: small; color: #999999 }



/* forum config */

form.cfg h3 { margin: 20px 0; border-top: 1px solid 999999; padding: 3px; font-size: 100%; font-weight: bold }

form.cfg h3:first-child { margin-top: 0; border-top: none }

form.cfg h4 { margin: 10px 0; font-size: 100%; font-weight: bold }

form.cfg p { margin: 10px 0; width: x-small }

form.cfg samp { color: #cc6600; font-family: tahoma; font-weight: normal }

form.cfg dfn { color: 999999; font-style: normal; font-weight: normal }
form.cfg input.ctx { width: 50% }

form.cfg textarea { width: 90% }


/* tag buttons */

button.tbt { margin: 3px; width: 40px; border: 1px solid #999999; background-color: #ffcc00 }

button.tbt:hover { background-color: white }



/* invisible table */

table.tiv { border-collapse: collapse; border: none }

table.tiv tr { border: none }

table.tiv td { border: none; padding: 0 5px 0 0 }



/* topic tags */

img.ttg { vertical-align: text-top }