/****************************************************************/
/* 1. IMPORTED STYLESHEETS */
/****************************************************************/

/* Import the basic setup styles */
@import url(imports/base.css);
/* Import the colour scheme */
/*@import url(imports/pix_cs.css);*/
HTML, BODY {color :#333; margin:0; padding:0}
#punwrap {margin:0; padding:0; width:100%; background:url(i/bg.gif) repeat-x #FFF}
#punindex {margin:0; padding:0}
#punviewtopic .blockpost {margin:3px 10% 0 10%}

a {color:#336699}
a:hover {color:#ff7800}
/****************************************************************/

/*BRDMENU*/
#brdmenu {margin:0; padding:0; background:#9ec41d; color:#FFF; border-bottom:1px solid #85a80e; border-top:1px solid #85a80e; height:28px}  
#brdmenu ul {width:80%; margin-left:10%; margin-right:10%; margin-top:5px}
#brdmenu ul li {display:inline; margin-right:4px}
#brdmenu a {color:#FFF; text-decoration:none}

#navindex { background:url(i/navindex.gif) no-repeat left center; padding:5px 0 3px 25px; }
#navuserlist { background:url(i/navuserlist.gif) no-repeat left center; padding:5px 0 3px 28px;}
#navrules {background:url(i/navrules.gif) no-repeat left center; padding:5px 0 3px 28px}
#navregister { background:url(i/navregister.gif) no-repeat left center; padding:5px 0 3px 28px}
#navprofile { background:url(i/navprofile.gif) no-repeat left center; padding:5px 0 3px 28px}
#navsearch { background:url(i/navsearch.gif) no-repeat left center; padding:5px 0 3px 28px}
#navadmin { background:url(i/navadmin.gif) no-repeat left center; padding:5px 0 3px 28px}
#navpm { background:url(i/navpm.gif) no-repeat left center; padding:5px 0 3px 28px}
#navlogin { background:url(i/navlogin.gif) no-repeat left center; padding:5px 0 3px 28px}
#navlogout { background:url(i/navlogout.gif) no-repeat left center; padding:5px 0 3px 28px}
#site-map { background:url(i/sitemap.gif) no-repeat left center; padding:5px 0 3px 28px}
#rss { background:url(i/rss.gif) no-repeat left center; padding:5px 0 3px 28px}

#brdtitle {width:auto; margin:0 10%; background:url('i/clouds.gif') no-repeat top center; height:120px; text-align:center}
#brdtitle h1 a {background:url('i/logo.gif') no-repeat top center; width:173px; height:58px; position:absolute; left:50%; margin-left:-87px}
#brdtitle h1 span {display:none}
#brdtitle p {position:relative; margin-top:85px}


#brdwelcome {background:#F7FFCD; border:1px solid #d6e970; padding:5px; margin:10px 10%}
#brdwelcome a {color:#8BAE1B}
#brdstats {background:#F7FFCD; border:1px solid #d6e970; padding:5px; margin:10px 10%}
#brdstats a {color:#8BAE1B}
div.linkst p.conr a, div.linksb p.conr a{background:url(i/comment_add.gif) no-repeat left center; padding:0 0 3px 19px; background-position:0 -2px }

#brdstats, #punwrap .linkst, #punwrap .linksb, #punviewtopic .linkst, #punviewtopic .linksb, #punviewtopic .postlinksb
 {margin:0 10% 0 10%}

#brdfooter {background:url(i/footer-top-bg.gif) repeat-x top #9ec41d; color:#FFF; padding-top:48px}
#brdfooter a {color:#FFF}
#brdfooter .box {margin:0 10% 0 10%}

/*QUICK REPLAY BOX*/
DIV.toolbar {border:1px solid #ACC9D7; background:#F5F9FF; border-bottom:none}
DIV.toolbar a {border:1px solid #78A7D2; background:#E6F0FF}
DIV.toolbar a:hover {border:1px solid #78A7D2; background:#CCE1FF; color:#3480EA}
DIV.toolbar a.dropdown {background: url(i/bbcode_arrow.gif) no-repeat top right #E6F0FF}
DIV.toolbar a.dropdown_opened {background: url(i/bbcode_arrow_hover.gif) no-repeat top right #CCE1FF; color:#3480EA}
DIV.toolbar a.dropdown:hover{background: url(i/bbcode_arrow_hover.gif) no-repeat top right #CCE1FF; color:#3480EA}
DIV.toolbar .draghandle {border-left:2px dotted #78A7D2}
DIV.toolbar .separator {border-left:1px solid #78A7D2}

#colorpalette #colorcontent, #smilespanel #smilescontent, #sizepanel #sizecontent, #imgpanel #imgcontent, #listpanel #listcontent 
{border:1px #78A7D2 solid; background: #CCE1FF}

/*fucking piece of code :) begin*/
#colorpalette #colorbtn, #smilespanel #smilesbtn, #sizepanel #sizebtn, #imgpanel #imgbtn, #listpanel #listbtn 
{border-left: 1px #78A7D2 solid; border-right: 1px #78A7D2 solid; background: #CCE1FF; color:#CCE1FF}
/*end*/

#sizepanel #sizecontent a, #imgpanel #imgcontent a, #listpanel #listcontent a 
{border: 1px solid #CCE1FF; color: #3480EA; background: #CCE1FF}

#sizepanel #sizecontent a:hover, #imgpanel #imgcontent a:hover, #listpanel #listcontent a:hover  
{border: 1px solid #78A7D2; color: #3480EA; background: #CCE1FF}

#colorpalette #colorcontent a {border: 1px #78A7D2 solid}
#colorpalette #colorcontent a:hover {border: 1px #333 solid}





/*BODY*/
.blocktable h2 { margin:5px}
.blocktable h2 span{color:#ff7800; font-size:1.3em; font-weight:bold}
div.blocktable {border-left:1px solid #89a9ce;border-right:1px solid #89a9ce;border-top:2px solid #89a9ce;border-bottom:2px solid #89a9ce; margin:10px 10% 10px 10%}
TR.iclosed Div.icon {background-image : url(i/lock.gif)} 
Div.icon {background-image : url(i/iconnonew.gif)} 
TR.iredirect DIV.icon {background-image : url(../../img/Cornflower/icon_redirect.gif)} 
TR.inew Div.icon {background-image : url(i/iconnew.gif)} 
TR.isticky DIV.icon {background-image : url(i/information.gif)} 
div.icon {float: left; display: block; width:16px; height:16px}
div.blocktable th {background:#FFEDC9; border-top:1px solid #FFCB63;border-bottom:1px solid #FFCB63; font-weight:bold}
div.blocktable th.tc1 { padding:0 0 0 20px}
div.blocktable th.tc2 { border-left:1px solid #FFCB63; border-right:1px solid #FFCB63}
div.blocktable th.tcr { border-left:1px solid #FFCB63}
div.blocktable td.tcr span {color:#7F7F7F; font-size:0.8em; padding:3px 0 0 26px}
div.blocktable td.tcr a { background:url(i/comment.gif) no-repeat top left; padding:6px 0 0 22px; background-position:0 3px; margin:5px}
div.blocktable td.tcr a:hover { background:url(i/comment-go.gif) no-repeat top left; padding:6px 0 0 22px; background-position:0 3px}
div.blocktable td {border-bottom:1px solid #D0DFEC; padding:5px}
div.blocktable td.tc2 {border-left:1px solid #D0DFEC;border-right:1px solid #D0DFEC }
div.blocktable td.tcr {border-left:1px solid #D0DFEC}
.pun TH{PADDING:8px; color:#514F50}

/*Post view*/
div.blockpost {margin:0 10% 0 10%}
div.rowodd {background:#F3F7FC; border:1px solid #ACC9D7}
div.rowodd h2 {background:#EAF2FA; border-bottom:1px solid #C2DEEB}
div.roweven {background:#FFF; border:1px solid #ACC9D7}
div.roweven h2 {background:#EAF2FA; border-bottom:1px solid #C2DEEB}
div.firstpost {background:#FFF5E6; border:1px solid #FFC266}
div.firstpost h2 {background:#FFEBCC; border-bottom:1px solid #FFC266}

div.rowodd div.postfootleft, div.rowodd div.postleft {background:#EAF2FA; /*border-right:1px solid #C2DEEB*/}
div.firstpost div.postfootleft, div.firstpost div.postleft {background:#FFEBCC; /*border-right:1px solid #FFC266;*/ border-bottom:#00FF00}
div.roweven div.postfootleft, div.roweven div.postleft {background:#EAF2FA; /*border-right:1px solid #C2DEEB*/}

div.rowodd div.postright, div.roweven div.postright,
div.rowodd div.postfootright, div.roweven div.postfootright {border-left-color:#EAF2FA}
div.firstpost div.postright, div.firstpost div.postfootright {border-left-color:#FFEBCC}


/****************Black fields postleft***************/
/*div.firstpost div.postright {border:solid 1px; background: url('i/postleft.gif') repeat-y top left; background-position:-1px 1px}*/
/*div.postright, DIV.postfootright {border:none}
DIV#punviewtopic.pun .inbox {display:table}
DIV.postleft, DIV.postright { display:table; height:100%}*/
/*div.rowodd div.postfootright, div.roweven div.postfootright, div.firstpost div.postfootright {float:right}*/


DIV.infobox {border: 1px solid #FFCB63; background: #FFF8ED url(i/hint_bg.gif) no-repeat right bottom; color: #777}

/****************************************************************/
/* 2. TEXT SETTINGS */
/****************************************************************/

/* 2.1 This sets the default Font Group */

.pun, .pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.pun {FONT-SIZE: 11px; LINE-HEIGHT: normal}

/* 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: tahoma, monaco, courier, monospace}

/* 2.3 Font size for headers */

.pun H2, .pun H4 {FONT-SIZE: 1em}
.pun H3 {FONT-SIZE: 1.1em; margin:5px}


/* 2.4 Larger text for particular items */

DIV.postmsg P {LINE-HEIGHT: 1.4}
DIV.postleft DT {FONT-SIZE: 1.1em}
.pun PRE {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, .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 */

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

/****************************************************************/
/* 4. BORDER WIDTH AND STYLE */
/****************************************************************/

/* 4.4 Special setting for fieldsets to preserve IE defaults */

DIV.FIELDSET {
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px
}

/****************************************************************/
/* 5. VERTICAL AND PAGE SPACING */
/****************************************************************/


/* 5.2 Creates vertical space between main board elements (Margins) */

/*DIV.blocktable, DIV.block, DIV.blockform, DIV.block2col, #postreview {MARGIN-BOTTOM: 12px}
#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: 5px}

/* 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}
.pun H2 {PADDING: 4px 6px}

/* 6.2 Special spacing for various elements */

/*.pun H1 {PADDING: 3px 0px 0px 0}*/

DIV.linkst {PADDING: 8px 6px 3px 6px}
DIV.linksb, DIV.postlinksb {PADDING: 3px 6px 8px 6px}
#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 */

DIV.rbox INPUT, DIV.blockform P INPUT  {MARGIN-RIGHT: 12px}

/****************************************************************/
/* 7. SPACING FOR TABLES */
/****************************************************************/


.pun TD P {PADDING: 5px 0 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; color:#999}
DIV.postsignature HR { background:#CCC}


/* 8.4 Spacing for code and quote boxes */

DIV.postmsg H4 {MARGIN-BOTTOM: 10px}
.pun BLOCKQUOTE, DIV.codebox {MARGIN: 5px 15px 15px 15px; PADDING: 8px}

/* 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 6px}

/* 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 20px}
DIV.inform {PADDING-BOTTOM: 12px}

/* 9.2 Padding inside fieldsets */

.pun FIELDSET {PADDING: 0px 12px 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}


/****************************************************************/
/* 11. 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.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 */

TD DIV.tclcon {MARGIN-LEFT: 2.3em}



/*DIV.block, DIV.blocktable, DIV.blockpost {
 BORDER-BOTTOM:2px solid #E3E3E5;
 BORDER-RIGHT:2px solid #E5E5E5;
}*/
/*DIV.block .box {padding:5px 10px}*/
DIV#adminconsole DIV.block {background:#FFF5E6; border: 1px solid #FFC266; border-top:0}
DIV#adminconsole DIV.block h2, DIV#adminconsole DIV.blockform h2.block2 {background-color:#FFEBCC; border-top: 3px solid #FFC266; border-bottom:#FFC266 solid 1px; color:#333; font-weight:bold}
/*#adminconsole .block2 {margin-top:12px}*/



#adstats dt {float:left; width:13em}
#adstats dd {line-height:1.5em; margin-bottom:5px; margin-left:14em; padding:3px}


DIV.blockform, 
DIV#punmisc DIV#rules,
DIV#punmisc DIV#msg, 
DIV#punsearch DIV#msg,
DIV#postpreview.blockpost,
DIV#punmap DIV#map,
DIV#punregister DIV#msg,
DIV#punlogin DIV#msg,
DIV#punmoderate DIV#msg,
DIV#helpfile,
DIV#punprofile DIV#viewprofile,
DIV#punpage DIV#rules {padding-bottom:5px; background:#FFF5E6; border: 1px solid #FFC266; border-top: 3px solid #FFC266}

DIV#postpreview.blockpost {margin-bottom:10px}

DIV.blockform label textarea {border:1px solid #ACC9D7; background:#FFF}

DIV.blockform h2, 
DIV#punmisc DIV#rules h2,
DIV#punmisc DIV#msg h2, 
DIV#punsearch DIV#msg h2,
DIV#postpreview.blockpost h2,
DIV#punregister DIV#msg h2,
DIV#punlogin DIV#msg h2,
DIV#punmoderate DIV#msg h2,
DIV#helpfile h2,
DIV#punprofile DIV#viewprofile h2, 
DIV#punpage DIV#rules h2 {background-color:#FFEBCC; border-bottom:#FFC266 solid 1px; color:#333; font-weight:bold}

DIV.blockform table td {border-top:solid 1px #FFC266; border-right:solid 1px #FFC266}
DIV.blockform table th {border-right:solid 1px #FFC266}

DIV.blockmenu {background:#F3F7FC; border:1px solid #96BEE6; border-top:0; /*font-weight:bold*/}
DIV.blockmenu h2 {background:#D5E5F5; border-top:#96BEE6 solid 3px; border-bottom:#96BEE6 solid 1px; color:#333; font-weight:bold}
DIV#punmessage_list DIV.blockmenu {position:absolute; margin-top:30px; float:left}

DIV.postlinksb .conr, DIV.linkst .conr {width:17em}

DIV p.subscribelink {margin-top:10px}

.printable a {background:url(i/printer_empty.gif) no-repeat left; padding:0 0 0 20px}
.printable a:hover {background:url(i/printer.gif) no-repeat left; padding:1px 0 0 20px}

.subscribelink a {background:url(i/email.gif) no-repeat left; padding:0 0 2px 20px}
.subscribelink a:hover {background:url('i/email_go.gif') no-repeat left; padding:0 0 2px 20px}

DIV#adminconsole, DIV#profile, DIV#searchform,
DIV#punviewtopic DIV.blockform, 
DIV#punuserlist DIV.blockform, 
DIV#pundelete DIV.blockform, 
DIV#punmovepost DIV.blockform,
DIV#punmisc DIV#rules,
DIV#punmisc DIV#msg,
DIV#punpage DIV#rules,
DIV#punsearch DIV#msg,
DIV#punmessage_send DIV.block2col,
DIV#punpost DIV.blockform,
DIV#punlogin DIV.blockform,
DIV#punmap DIV#map,
DIV#punregister DIV.blockform,
DIV#punregister DIV#msg,
DIV#punlogin DIV#msg,
DIV#punreputation DIV.postlinksb,
DIV#punreputation DIV.blockform,
DIV#punmoderate DIV#msg,
DIV#punedit DIV.blockform,
DIV#helpfile,
DIV#punprofile DIV#viewprofile,
/*DIV#punmessage_list DIV.blockform,*/
DIV.blockform,
DIV#punmisc DIV.blockform {margin:0 10%}

DIV#profile DIV.blockform {margin-right:0}

.pun blockquote, div.codebox {background:#F9FAFB; border:solid 1px #9CCADF}

div.blockpost div div.inbox {padding-bottom:0}

#adminconsole td, #adminconsole th {border-style:none !important}

#navgallery {background:url(i/navgallery.gif) no-repeat left center; padding:5px 0 3px 28px}

div.txtarea input.longinput {border: solid 1px #ACC9D7}



DIV.spoilerbox p {color: #F9FAFB}
DIV.spoilerbox p:hover {color: #C2DEEB}