/* 1. background and text colours */
/* 1.1 default background colour and text colour */

body { background-color: #fff; }
.pun { color: #000; }
div.box,  #adminconsole fieldset th, .rowodd, .roweven { background-color: #fff; }
#adminconsole td, #adminconsole th { border-color: #fff; }

/* 1. 2 darker background colours */
td.tc2, td.tc3, td.tcmod, #brdfooter div.box { background-color: #eee; }
#adminconsole fieldset td, #viewprofile dd, div.forminfo, div.blockmenu div.box, #adstats dd { background-color: #eee; }
.pun blockquote, div.codebox { background-color: #cacacc; }

/* 1.3 main headers and navigation bar background and text colour */
.pun h2, #brdmenu { background-color: #ddd; color: #222; }

/* 1.4 table header rows */
.pun th { background-color: #eee; }

/* 1.5 fieldset legend text colour */
.pun legend { color: #000; }

/* 1.6 highlighted text for various items */
.pun div.blockmenu li.isactive a, #posterror li strong { color: #222; }

/* 1.7 dark background for form elements */
.pun textarea, .pun input, .pun select { background-color: #eeeeee; color: #222; border: 1px solid #999; }


/* 2. post backgrounds and text */
/* 2.1 this is the setup for posts. */
div.blockpost div.box, div.postright, div.postfootright, #postpreview { background-color: #fff; }
div.postright, div.postfootright { border-left-color: #eee; }
div.postleft, div.postfootleft, div.blockpost label { background-color: #eee; }

/* 2.2 background for post headers and text colour for post numbers in viewtopic */
div.blockpost h2 { background-color: #ddd; }
div.blockpost h2 span.conr { color: #5e6169; }

/* 2.3 this is the line above the signature in posts. colour and background should be the same */
.pun hr { background-color: #9f9f9f;	color: #9f9f9f; }


/* 3. border colours */
/* 3.1 all external borders (h1 is the board title) */
div.box { border-color: #ddd; }

/* 3.2 makes the top border of posts match the colour used for post headers */
div.blockpost div.box { border-color: #ddd #adadad #adadad; }

/* 3.3 table internal borders. by default th is same as background so border is invisible */
.pun td { border-color: #ddd; }
.pun th { border-color: #eee; }

/* 3.4 creates the inset border for quote boxes, code boxes and form info boxes */
.pun blockquote, div.codebox, div.forminfo, div.blockpost label { border-color: #ddd; }

/* 3.5 gecko's default fieldset borders are really nasty so this gives them a colour
without interferring with ie's rather nice default */
.pun div>fieldset { border-color: #6f6f6f; }


/* 4. link colours */
/* 4.1 this is the default for all links */
.pun a { color: #850; }

/* 4.2 this is the colour for links in header rows and the navigation bar */
.pun h2 a:link, .pun h2 a:visited { color: #222; }
.pun h2 a:hover { color: #222; }

/* 4.3 this is for closed topics and "hot" links */
li.postreport a:link, li.postreport a:visited, tr.iclosed td.tcl a:link, tr.iclosed td.tcl a:visited { color: #555; }
li.postreport a:hover, tr.iclosed td.tcl a:hover { color: #333; }
li.maintenancelink a:link, li.maintenancelink a:visited { color: #000000; }
li.maintenancelink a:hover { color: #00afef; }


/* 5. post status indicators */
/* these are the post status indicators which appear at the left of some tables. 
.inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and
.isticky = sticky topics. the default is "icon". by default only .inew is different.*/

div.icon { border-color: #eee #eee #eee #eee; }
tr.iredirect div.icon { border-color: #fff #fff #fff #fff; }
div.inew { border-color: #850 #ecae1f #d09a1b #e1a61d; }