/*[variables]
colors
{
	@00: #C4DCFF;
}
*/
@import url(imports/base.css);
@import url(imports/Lithium_cs.css);
/***************************************************************
1. IMPORTED STYLESHEETS
**************************************************************
Import the basic setup styles
Import the colour scheme
**************************************************************
2. TEXT SETTINGS
**************************************************************
2.1 This sets the default Font Group*/
*
{
	position: relative;
}
.header
{
	width: 900px;
	margin: auto;
}
BODY
{
	background: url(resources/bg.png) repeat-x;
}
.images-on .header H1 A
{
	width: 135px;
	height: 39px;
	background-position: 0 0;
	position: static;
	top: 30px;
	#position: relative;
	#top: 25px;
}
.images-on .header A
{
	color: #FFFFFF;
	background: url(resources/ti.png) no-repeat -135px -2px;
	display: block;
	text-indent: -12345px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 8px;
	z-index: 2;
	width: 144px;
	height: 17px;
	#top: 27px;
}
.info
{
	width: 800px;
	margin: auto;
}
.info
{
	font-family: sans-serif;
}
.info A
{
	display: block;
	margin-top: 15px;
	color: #0145A9;
	font-weight: bold;
}
.info A:hover
{
	color: #102F5B;
}
.info P
{
	float: left;
}
.info P.geckofx
{
	width: 415px;
	padding-right: 75px;
	font-size: 80%;
}
.info P.stylizer
{
	width: 307px;
	font-size: 80%;
}
#punwrap
{
	clear: left;
}
.pun, .pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP
{
	font-family: sans-serif;
}
.pun
{
	font-size: 10pt;
	line-height: normal;
	padding: 20px;
	margin: 0 auto;
}
/*IEWin Font Size only - to allow IEWin to zoom. Do not remove comments \*/
* HTML .pun
{
	font-size: 68.75%;
}
/*End IE Win Font Size
Set font size for tables because IE requires it*/
.pun TABLE, .pun INPUT, .pun SELECT, .pun OPTGROUP, .pun TEXTAREA, DIV.postmsg P.postedit
{
	font-size: 1em;
}
/*2.2 Set the font-size for preformatted text i.e in code boxes*/
.pun PRE
{
	font-family: Consolas, "Courier New", courier, monospace;
}
/*2.3 Font size for headers*/
.pun H2, .pun H4
{
	font-size: 1em;
}
.pun H3
{
	font-size: 1.8em;
	clear: both;
	margin-bottom: 0.5em;
}
#brdtitle H1
{
	font-size: 1.4em;
}
/*2.4 Larger text for particular items*/
DIV.postmsg P
{
	line-height: 1.4;
}
DIV.postleft DT
{
	font-size: 1.1em;
}
.pun PRE
{
	/*[disabled]font-size:1.2em;*/
}
/*2.5 Bold text*/
DIV.postleft DT, DIV.postmsg H4, TD.tcl H3, DIV.forminfo H3, P.postlink, DIV.linkst LI, DIV.linksb LI, DIV.postlinksb LI, .blockmenu LI, #brdtitle H1, .pun SPAN.warntext, .pun P.warntext
{
	font-weight: bold;
}
/***************************************************************
3. LINKS
**************************************************************
3.1 Remove underlining for main menu, post header links, post links and vertical menus*/
#brdmenu A:link, #brdmenu A:visited, .blockpost DT A:link, .blockpost DT A:visited, .blockpost H2 A:link, .blockpost H2 A:visited, .postlink A:link, .postlink A:visited, .postfootright A:link, .postfootright A:visited, .blockmenu A:link, .blockmenu A:visited
{
	text-decoration: none;
}
/*3.2 Underline on hover for links in headers and main menu*/
#brdmenu A:hover, .blockpost H2 A:hover
{
	text-decoration: underline;
}
/***************************************************************
4. BORDER WIDTH AND STYLE
**************************************************************
4.1 By default borders are 1px solid*/
DIV.box, .pun TD, .pun TH, .pun BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL
{
	border-style: solid;
	border-width: 1px;
	/*[disabled]background:url(/resources/bg-input.png) repeat-x 0px -15px;*/
}
#punviewtopic .blockpost .box
{
	background: url(/resources/bg-input.png) repeat-x 0px -15px;
}
.blocktable .box .inbox
{
	border: 1px solid #A5B6CE;
	border-top-width: 0;
}
/*4.2 Special settings for the board header.*/
#brdtitle
{
	display: none;
}
/*4.3 Borders for table cells*/
.pun TD, .pun TH
{
	border-bottom: none;
	border-right: none;
}
.pun .tcl
{
	border-left: none;
}
.blocktable .box .inbox .tcl
{
}
/*4.4 Special setting for fieldsets to preserve IE defaults*/
DIV>FIELDSET
{
	border-style: solid;
	border-width: 1px;
}
/***************************************************************
5. VERTICAL AND PAGE SPACING
**************************************************************
5.1 Page margins*/
HTML, BODY
{
	margin: 0;
	padding: 0;
}
/*5.2 Creates vertical space between main board elements (Margins)*/
DIV.blocktable, DIV.block, DIV.blockform, DIV.block2col, #postreview
{
	margin-bottom: 12px;
}
.blocktable H2
{
	font-size: 13.9pt;
	letter-spacing: -1px;
}
#punindex DIV.blocktable, DIV.blockpost
{
	margin-bottom: 6px;
}
DIV.block2col DIV.blockform, DIV.block2col DIV.block
{
	margin-bottom: 0px;
}
/*5.3 Remove space above breadcrumbs, postlinks and pagelinks with a negative top margin*/
DIV.linkst, DIV.linksb
{
	margin-top: -12px;
}
DIV.postlinksb
{
	margin-top: -6px;
}
/*5.4 Put a 12px gap above the board information box in index because the category tables only
have a 6px space beneath them*/
#brdstats
{
	margin-top: 12px;
}
/***************************************************************
6. SPACING AROUND CONTENT
**************************************************************
6.1 Default padding for main items*/
DIV.block DIV.inbox, DIV.blockmenu DIV.inbox
{
	padding: 3px 6px;
}
.pun P, .pun UL, .pun DL, DIV.blockmenu LI, .pun LABEL, #announce DIV.inbox DIV
{
	padding: 3px 0 !important; /*[e]3px 0*/
}
.pun H2
{
	padding: 4px 6px;
}
/*6.2 Special spacing for various elements*/
.pun H1
{
	padding: 3px 0px 0px 0;
}
#brdtitle P
{
	padding-top: 0px;
}
DIV.linkst
{
	padding: 8px 6px 3px;
}
DIV.linksb, DIV.postlinksb
{
	padding: 3px 6px 8px;
	border-top: 1px solid #C4DCFF;
}
#brdwelcome, #brdfooter DL A, DIV.blockmenu LI, DIV.rbox INPUT
{
	line-height: 1.4em;
}
#viewprofile DT, #viewprofile DD
{
	padding: 0 3px;
	line-height: 2em;
}
/*6.4 Create some horizontal spacing for various elements*/
#brdmenu LI, DIV.rbox INPUT, DIV.blockform P INPUT
{
	margin-right: 12px;
}
/***************************************************************
7. SPACING FOR TABLES
***************************************************************/
.pun TH, .pun TD
{
	padding: 10px;
}
.pun TD P
{
	padding: 5px 0 0;
}
/***************************************************************
8. SPACING FOR POSTS
**************************************************************
8.1 Padding around left and right columns in viewtopic*/
DIV.postleft DL, DIV.postright
{
	padding: 6px;
}
/*8.2 Extra spacing for poster contact details and avatar*/
DD.usercontacts, DD.postavatar
{
	margin-top: 5px;
}
DD.postavatar
{
	margin-bottom: 5px;
}
/*8.3 Extra top spacing for signatures and edited by*/
DIV.postsignature, DIV.postmsg P.postedit
{
	padding-top: 15px;
}
/*8.4 Spacing for code and quote boxes*/
DIV.postmsg H4
{
	margin-bottom: 10px;
}
.pun BLOCKQUOTE, DIV.codebox
{
	margin: 5px 0 15px;
	padding: 8px;
	background: #FFE8D3;
	border: 1px solid #7B6C5F;
}
/*8.5 Padding for the action links and online indicator in viewtopic*/
DIV.postfootleft P, DIV.postfootright UL, DIV.postfootright DIV
{
	padding: 10px 6px 5px;
}
/*8.6 This is the input on moderators multi-delete view*/
DIV.blockpost INPUT, DIV.blockpost LABEL
{
	padding: 3px;
	display: inline;
}
P.multidelete
{
	padding-top: 15px;
	padding-bottom: 5px;
}
/*8.7 Make sure paragraphs in posts don't get any padding*/
DIV.postmsg P
{
	padding: 0;
}
/***************************************************************
9. SPECIAL SPACING FOR FORMS
**************************************************************
9.1 Padding around fieldsets*/
DIV.blockform FORM, DIV.fakeform
{
	padding: 20px 20px 15px;
}
DIV.inform
{
	padding-bottom: 12px;
}
DIV.inform .txtarea LABEL
{
	float: none;
}
DIV.inform .txtarea TEXTAREA
{
	width: 100%;
	margin: auto;
	z-index: 10;
}
/*9.2 Padding inside fieldsets*/
.pun FIELDSET
{
	padding: 0px 12px;
}
DIV.infldset
{
	padding: 9px 0px 12px 0;
}
.pun LEGEND
{
	padding: 0px 6px;
}
/*9.3 The information box at the top of the registration form and elsewhere*/
DIV.forminfo
{
	margin-bottom: 12px;
	padding: 9px 10px;
}
/*9.4 BBCode help links in post forms*/
UL.bblinks LI
{
	padding-right: 20px;
}
UL.bblinks
{
	padding-bottom: 10px;
	padding-left: 4px;
}
/*9.5 Horizontal positioning for the submit button on forms*/
DIV.blockform P INPUT
{
	margin-left: 12px;
}
/***************************************************************
10. POST STATUS INDICATORS
**************************************************************
10.1 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. By default only .inew is different from the default.*/
DIV.icon
{
	float: left;
	margin-top: 0.1em;
	margin-left: 0.2em;
	display: none;
	border-width: 0.6em;
	border-style: solid;
}
DIV.searchposts DIV.icon
{
	margin-left: 0;
}
/*10.2 Class .tclcon is a div inside the first column of tables with post indicators. The
margin creates space for the post status indicator*/
DIV DIV.box
{
	padding: 0;
	border: 0;
}
DIV.rowodd
{
	background: #C4DCFF; /*[e]@00*/
}
DIV.rowodd H2
{
	background: #C4DCFF; /*[e]@00*/
	color: #262727;
}
DIV.blockpost.roweven H2
{
	background-color: white;
}
DIV.blockpost
{
	padding: 2.1 2;
}
DIV.blockpost .box
{
	padding: 3px 13px;
}
DIV.blockpost.roweven H2 *
{
	color: black;
}
DIV.blockpost.roweven
{
	border-left: 1px solid #C4DCFF;
	border-right: 1px solid #C4DCFF;
	margin-top: -7px;
}
DIV.blockpost.rowodd
{
	margin-top: -7px;
}
DIV#brdfooter DIV.inbox
{
	background: #CCD6E4;
}
#punindex TBODY .tc2, #punindex TBODY .tc3, #punindex TBODY .tcr
{
	background: #E7F0FF;
}