/* base.css */

.pun TABLE, .pun DIV, .pun FORM, .pun P, .pun H1, .pun H2, .pun H3,
.pun H4, .pun PRE, .pun BLOCKQUOTE, .pun UL, .pun OL, .pun LI, .pun DL,
.pun DT, .pun DD, .pun TH, .pun TD, .pun FIELDSET, .pun IMG {
	MARGIN: 0px;
	PADDING: 0px;
	FONT-WEIGHT: normal;
	LIST-STYLE: none;
}

.pun IMG {BORDER: none}

.pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {MARGIN: 0}

.pun .clearer, .pun .nosize {
	HEIGHT: 0;
	WIDTH: 0;
	LINE-HEIGHT: 0;
	FONT-SIZE: 0;
	OVERFLOW: hidden
}

.pun .clearer, .pun .clearb {CLEAR: both}
.pun .nosize {POSITION: absolute; LEFT: -10000px}

DIV.blockpost DIV.box, DIV.postleft, DIV.postsignature, DIV.postmsg {OVERFLOW: hidden}

DIV>DIV>DIV.postfootleft, DIV>DIV>DIV.postfootright {PADDING-TOP: 1px; MARGIN-TOP: -1px}

* HTML, * HTML .inform, * HTML .pun, * HTML .intd, * HTML .tclcon {HEIGHT: 1px}
* HTML .inbox DIV.postmsg {WIDTH: 98%}

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

#brdfooter H2, #brdstats H2, #brdstats .conl DT, #brdstats .conr DT,
#modcontrols DT, #searchlinks DT, DIV.postright H3 {
	POSITION: absolute;
	DISPLAY: block;
	OVERFLOW: hidden;
	WIDTH: 1em;
	LEFT: -999em
}

.conr {
	FLOAT: right;
	TEXT-ALIGN: right;
	CLEAR: right;
	WIDTH: 40%
}

.conl {
	FLOAT: left;
	WIDTH: 55%;
	OVERFLOW: hidden;
	WHITE-SPACE: nowrap
}

LABEL.conl {
	WIDTH: auto;
	OVERFLOW: visible;
	MARGIN-RIGHT: 10px
}

DIV.linkst .conl, DIV.linksb .conl, DIV.postlinksb .conl {WIDTH:18em}

DIV.linkst .conr, DIV.linksb .conr, DIV.postlinksb .conr 
{
  	WIDTH: 12.6em;
}

FORM DIV.linksb .conr {WIDTH: 32em}

.linkst UL, linksb UL, .postlinksb UL {MARGIN-LEFT: 18em}

DIV.block2col {PADDING-BOTTOM: 1px}

DIV.block2col DIV.blockform, DIV.block2col DIV.block, #viewprofile DD {MARGIN-LEFT: 14em}

DIV.blockmenu, #viewprofile DT {
	FLOAT:left;
	WIDTH: 13em
}

#profileavatar IMG {
	FLOAT: right;
	MARGIN-LEFT: 1em
}

#viewprofile DL {FLOAT: left; WIDTH: 100%; OVERFLOW: hidden}

.pun TABLE {WIDTH: 100%}

#punindex TABLE, #vf TABLE {TABLE-LAYOUT: fixed}

.tcl {TEXT-ALIGN: left; WIDTH: 58%}

.tc2, .tc3, .tcmod {WIDTH: 9%; TEXT-ALIGN: center}

#punindex .tc2
{
  	width: 5%;
}

#punindex .tc3,
#vf .tc3
{
  	width: 12%;
}

.tcr {WIDTH: 23%; TEXT-ALIGN: left}

#punsearch #vf .tcl, #punmoderate #vf .tcl {WIDTH: 41%}

#punsearch #vf .tc2 {WIDTH: 18%; TEXT-ALIGN: left}

.tcl, .tcr {OVERFLOW: HIDDEN}

#users1 .tcl {WIDTH: 40%}

#users1 .tcr {WIDTH: 25%}

#users1 .tc2 {WIDTH: 25%; TEXT-ALIGN: left}

#users1 .tc3 {WIDTH: 10%; TEXT-ALIGN: center}

#debug .tcr {WIDTH: 85%; WHITE-SPACE: normal}

#punindex TD.tcr SPAN.byuser {DISPLAY: block}

DIV.postleft, DIV.postfootleft {
	FLOAT:left;
	WIDTH: 14em;
	OVERFLOW: hidden;
	POSITION: relative;
}
	
DIV.postright, DIV.postfootright {
	BORDER-LEFT-WIDTH: 18em;
	BORDER-LEFT-STYLE: solid
	border-color: #fff;
}

DIV.postfootright, P.multidelete {TEXT-ALIGN: right}

DIV.blockpost>DIV>DIV.inbox {PADDING-BOTTOM: 1px}

DIV.incqbox {WIDTH: 100%; OVERFLOW: hidden}
DIV.scrollbox {WIDTH: 100%; OVERFLOW: auto}
IMG.postimg {max-width: 100%}
A .postimg {max-width: 100%}

#postpreview DIV.postright {BORDER-LEFT: none}

DIV.postsignature HR {
	MARGIN-LEFT: 0px;
	WIDTH: 200px;
	TEXT-ALIGN: left;
	HEIGHT: 1px;
	BORDER:none
}

DIV.searchposts DIV.postmsg {HEIGHT: 8em}
DIV.searchposts DD P {PADDING-TOP: 3em}

SPAN.bbu {TEXT-DECORATION: underline}

#onlinelist DD, #onlinelist DT, #brdmenu LI, DIV.linkst LI, DIV.linksb LI, DIV.postlinksb LI,
DIV.postfootright LI, UL.bblinks LI {
	DISPLAY: inline;
	HEIGHT: 0
}

#posterror UL LI {LIST-STYLE: square inside}

#viewprofile DT {TEXT-ALIGN: right}

DIV.txtarea {WIDTH: 75%}

DIV.txtarea TEXTAREA, INPUT.longinput {WIDTH: 100%}

.pun LABEL {DISPLAY: block}

#qjump SELECT {WIDTH: 50%}

#helpfile H2 {MARGIN-TOP: 12px}

#helpfile DIV.box {PADDING: 10px}

#punredirect DIV.block, #punmaint DIV.block {padding: 50px 20% 12px 31px}

/* +++ */

body {
  	font: 81.5%/150% arial, sans-serif;
  	background: #f5f5f5 url('../img/CrystalBlue/bg.gif') repeat-x;
  	color: #222;
}

#punwrap { 
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #fff;
	width: expression(document.body.clientWidth > 900 ? "65em" : "60em");
	max-width: 65em;
  	overflow: hidden;
}

.pun .box
{
  	background: #fff;
}

.pun .blockpost .box
{
  	background: none;
}

DIV.blockpost H2 SPAN.conr {
  	COLOR: #CCC;
}

#adminconsole TD, 
#adminconsole TH {
  	BORDER-COLOR: #f1f1f1;
}

.pun LEGEND {COLOR: #000}

.pun DIV.blockmenu LI.isactive A, #posterror LI STRONG {
  	COLOR: #093F7B;
}

.pun BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL {BORDER-COLOR: #3270B5 #FFF #FFF #3270B5}

/* Links */

/* #1 */

a:link, a:visited 
{
  	color: #0291c8;
  	text-decoration: none;
  	border-bottom: #d6e5eb solid 1px;
}
a:hover {
  	text-decoration: none;
  	border-bottom: none;
}

/* #2 */

span.h1 a:link,
span.h1 a:visited
{
  	border-bottom: none;
  	color: #fff;
}
span.h1 a:hover
{
	color: #ddd;
}

/* #3 */

p.subscribelink a:link, 
p.subscribelink a:visited,
.postlink a:link,
.postlink a:visited
{
  	font-size: 16px;
  	border-bottom: none;
  	text-decoration: underline;
}

.postquote a:link,
.postquote a:visited
{
  	border-bottom: none;
  	text-decoration: underline;
}

p.subscribelink a:hover, 
.postlink a:hover,
.postquote a:hover
{
  	text-decoration: none;
}

/* #4 */

.h2 a:link,
.h2 a:visited
{
  	color: #999;
  	border-bottom: #e3e3e3 solid 1px;
}

/* #5 */

#brdmenu a:link,
#brdmenu a:visited
{
  	color: #4aa8df;
  	border-bottom: #c7e0ef solid 1px;
}
#brdmenu a:hover
{
  	border-bottom: none;
}
#brdstats a:link,
#brdstats a:visited,
#brdfooter a:link,
#brdfooter a:visited
{
  	color: #ddd;
  	border-bottom: #bbb solid 1px;
}
#brdstats a:hover,
#brdfooter a:hover
{
  	border-bottom: none;
}
#brdfooter .counter a:link,
#brdfooter .counter a:visited
{
  	border-bottom: none;
}

/* headers */

/* #1 */

.pun #brdtitle h1
{
  	margin: 0;
  	padding: 0;
	font-size: 22px;
	line-height: 100%;
	color: #fff;
}
span.h1
{
  	display: block;
  	padding: 0;
  	margin: 0 0 0 -0.05em;
	font-size: 22px;
	line-height: 100%;
	color: #fff;
}
#vf h1,
#punviewtopic h1
{
  	padding: 0;
  	margin: 0 0 0 -0.05em;
  	font-size: 19px;
  	line-height: 100%;
  	padding-left: 56px;
}

/* #2 */

.pun h2
{
  	font-size: 100%;
  	line-height: 100%;
}

#punindex h2
{
  	font-weight: bold;
  	font-size: 16px;
  	line-height: 100%;
  	padding-top: 0.2em;
  	padding-bottom: 0.2em;
}

.postright h2
{
  	padding: 0 0 4px 0;
  	margin-top: -2px;
  	color: #999;
}
.blockpost .h2
{
  	display: block;
  	padding: 4px 0 2px 6px;
}
#profile .blockmenu h2
{
	padding-left: 6px;
	font-weight: bold;
}
.pun .blockform h2
{
  	font-weight: bold;
	font-size: 16px;
	line-height: 100%;
  	padding-left: 31px;
  	margin-top: 1em;
  	margin-bottom: 0.5em;
}
#punredirect h2
{
  	font-weight: bold;
  	padding-left: 6px;
}
#helpfile h2
{
  	font-weight: bold;
}
#viewprofile
{
  	padding-left: 26px;
}
	#viewprofile h2
	{
	  	padding-left: 30px;
	  	font-weight: bold;
	  	font-size: 16px;
	  	margin-top: 1em;
	}


/* Icon */

div.icon 
{
	border-style: solid;
	border-width: 0.6em;
	display: block;
	float: left;
	line-height: 0;
	margin-top: 4px;
	width: 0;
}
div.icon 
{
	border-color: #E6E6E6 #dedede #dadada #e2e2e2;
}
div.inew
{
  	border-color: #dcf4d8 #d0f1cb #cbefc5 #d6f3d2;
}

/* --- */

.pun .promoted_links
{
  	padding: 0.6em 2em 0.6em 0;
}
.pun .recent_links
{
	 padding: 0.6em 10px 0.6em 56px;
}
	.pun .promoted_links b,
	.pun .recent_links b
	{
	  	 display: block;
		 font-weight: bold;
		 font-size: 16px;
		 padding-bottom: 0.2em;
	}

.pun TABLE, 
.pun INPUT, 
.pun SELECT, 
.pun OPTGROUP, 
.pun TEXTAREA, 
DIV.postmsg P.postedit 
{
  	font: 13px/150% arial;
}

DIV.box
{
  	border: none;
}

DIV>FIELDSET {
	BORDER-STYLE: solid;
}

HTML, BODY {MARGIN: 0;PADDING: 0; text-align: center;}

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}

#brdstats {MARGIN-TOP: 3px}

DIV.block DIV.inbox, DIV.blockmenu DIV.inbox {PADDING: 3px 6px}
.pun UL, .pun DL, DIV.blockmenu LI, .pun LABEL, #announce DIV.inbox DIV {PADDING: 3px 0 3px 0}

#brdtitle P {PADDING-TOP: 0px}
DIV.linkst {PADDING: 8px 6px 3px 6px}
DIV.linksb, DIV.postlinksb {PADDING: 3px 6px 8px 6px}

#viewprofile DT, #viewprofile DD {PADDING: 0 3px; LINE-HEIGHT: 2em}

#brdmenu LI, DIV.rbox INPUT, DIV.blockform P INPUT  {MARGIN-RIGHT: 7px}

.pun TD P {PADDING: 5px 0 0 0}

DIV.postleft DL, DIV.postright {PADDING: 6px}

DD.usercontacts, DD.postavatar {MARGIN-TOP: 5px}
DD.postavatar {MARGIN-BOTTOM: 5px}

DIV.postsignature, DIV.postmsg P.postedit {PADDING-TOP: 15px}

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

DIV.postfootleft P, DIV.postfootright UL, DIV.postfootright DIV {PADDING: 10px 6px 5px 6px}

DIV.blockpost INPUT, DIV.blockpost LABEL {
	PADDING: 3px;
	DISPLAY: inline
}

P.multidelete {
	PADDING-TOP: 15px;
	PADDING-BOTTOM: 5px
}

DIV.blockform FORM, DIV.fakeform {PADDING: 20px 20px 15px 20px}
DIV.inform {PADDING-BOTTOM: 12px}

.pun FIELDSET
{
  	PADDING: 0.5em 0 1em 0;
}
DIV.infldset
{
  	PADDING: 0 12px 6px 11px;
}
.pun LEGEND
{
  	PADDING: 0 6px 0 4px;
  	margin-left: 5px;
}

DIV.forminfo {
	MARGIN-BOTTOM: 12px;
	PADDING: 9px 10px
}

UL.bblinks LI {PADDING-RIGHT: 20px}

UL.bblinks {PADDING-BOTTOM: 10px; PADDING-LEFT: 4px}

DIV.blockform P INPUT {MARGIN-LEFT: 12px}

DIV.searchposts DIV.icon {MARGIN-LEFT: 0}

TD DIV.tclcon {
  	MARGIN-LEFT: 2em;
}

#brdtitle
{
  	padding: 75px 0 0 0;
	height: 40px;
  	background: #94bf55 url('../img/CrystalBlue/header.jpg') no-repeat 140px 0;
}
	#brdtitle p
	{
	  	display: none;
	}
.pun #brdstats,
.pun #brdfooter
{
  	padding-left: 52px;
  	padding-right: 20px;
  	color: #ccc;
  	background: #333;
}
	.pun #brdstats .box,
	.pun #brdfooter .box
	{
	  	background: transparent;
	}
.pun #brdstats
{
  	padding-top: 8px;
  	padding-bottom: 1em;
  	margin: 0;
}
.pun #brdfooter {
  	padding-bottom: 16px;
  	margin-bottom: 0;
}
	.counter
	{
	  	display: block;
	  	float: right;
	}

/* table */

.pun th
{
  	background: transparent;
  	font-weight: normal;
  	color: #999;
  	margin-bottom: 0;
  	padding-bottom: 0;
}

#vf .tc2,
#vf .tc3,
#vf .tcr,
#punindex .tc2,
#punindex .tc3,
#punindex .tcr
{
  	vertical-align: top;
}
#punindex td.tc2,
#punindex td.tc3,
#punindex td.tcr
{
  	padding-top: 29px;
  	padding-bottom: 0;
  	height: 1%;
}

div.blockpost
{
  	margin-bottom: 0;
}

div.postmsg p.postedit,
.h2 .conr
{
  	color: #999;
}

.pun .ub
{
  	padding-top: 0.5em;
  	margin-bottom: 0;
}

.postmsg p
{
  	padding-right: 1em;
}

.pun .tclcon p
{
  	padding-top: 0;
  	color: #999;
}

.pun .recent_links ul,
.pun .recent_links ul li,
.pun .promoted_links ul,
.pun .promoted_links ul li
{
  	display: block;
  	margin: 0;
  	padding: 0;
  	font-weight: normal;
  	height: auto;
}

.pun .recent_links ul li,
.pun .promoted_links ul li
{
  	padding-left: 32px;
  	margin-bottom: 0.5em;
  	background: url('../img/CrystalBlue/li.gif') no-repeat 0.8em 0.3em;
}

.pun #brdwelcome ul li.bullet_free
{
  	background: none;
  	padding-left: 0;
}

.tcl .byuser
{
  	display: block;
}

#brdwelcome
{
  	padding-left: 36px;
	padding-top: 5px;	
}

.pun #brdheader,
#punindex div.blocktable
{
  	margin-bottom: 0;
  	margin-top: 0;
}

.pun #brdwelcome,
.pun .linkst
{
  	padding-left: 20px;
  	padding-right: 10px;
}

.pun .linkst,
.pun .linksb,
.pun .postlinksb
{
	padding-left: 56px;
}

.pun #brdwelcome
{
  	padding-left: 56px;
  	padding-top: 10px;
  	padding-bottom: 0;
}
	.pun .blockform
	{
	  	margin-bottom: 0;
	}
	#profile .blockform
	{
	  	border: none;
	}
	#profile .blockmenu
	{
	  	padding-left: 50px;
	}
.pun fieldset
{
  	border: #ddd solid 1px;
}
.pun .linkst,
.pun .linksb
{
  	padding-top: 0;
  	padding-bottom: 0;
  	border-bottom: none;
}

.pun #vf
{
  	margin-bottom: 0;
}

.pun .blockform
{
  	padding-left: 24px;
}
	.pun .blockform form
	{
	  	padding-top: 0px;
	}
	.pun .blockform .inform
	{
	  	padding-left: 1px;
	}
	.blockform fieldset legend
	{
	  	zfont-weight: bold;
	}

.pun .blockpost
{
  	padding-left: 50px;
  	padding-right: 15px;
}
#punviewforum .linksb,
#punviewtopic .linksb
{
	overflow: hidden;	  	
}
.pun .postright
{
  	padding-left: 14em;
}
.pun h4
{
  	font-weight: bold;
}
.pun blockquote
{
  	border-left: #ddd solid 1px;
}
.crumbs ul
{
	padding: 0;
}
.crumbs li
{
	display: inline;
}
#brdwelcome
{
  	float: right;
  	margin-top: -100px;
}
#brdmenu
{
  	float: right;
    margin-top: -80px;
    padding: 0 6px 0 0;
}
	#brdmenu ul
	{
	  	padding: 0;
	}
	#brdmenu a:link,
	#brdmenu a:visited,
	.pun #brdwelcome li a:link,
	.pun #brdwelcome li a:visited
	{
	  	padding: 0;
	  	color: #eeeadd;
	  	border-bottom: #bccb8c solid 1px;
	}
	#brdmenu a:hover,
	.pun #brdwelcome li a:hover
	{
	  	border-bottom: none;
	}
.nw, .ne, .se, .sw
{
  	position: absolute;
  	width: 10px;
	height: 10px;
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
}
.nw 
{
	top: 0;
	left: 0;
	background: url('../img/CrystalBlue/corners.gif') no-repeat 0 0;
}
.ne 
{
	top: 0;
	right: 0;
	background: url('../img/CrystalBlue/corners.gif') no-repeat -10px 0px;
}
.se 
{
	bottom: 0;
	right: 0;
	background: url('../img/CrystalBlue/corners.gif') no-repeat -10px -10px;
}
.sw 
{
	bottom: 0;
	left: 0;
	background: url('../img/CrystalBlue/corners.gif') no-repeat 0 -10px;
}
#punviewforum .even,
.rowodd,
#postreview.blockpost .rowodd
{
  	background: #f4f2e5;
}
#punviewtopic .roweven,
#postreview.blockpost .roweven
{
  	border-top: #fff solid 1px;
}
#punviewtopic .rowodd,
#postreview.blockpost .rowodd
{
  	border-bottom: #f4f2e5 solid 1px;
}
.byuser
{
  	display: block;
}
.pun th
{
  	background: #eeeadd;
  	color: #333;
  	font-variant: small-caps;
}

#brdtitle, .pun .crumbs
{
  	padding-left: 56px;
}
.pun .crumbs
{
  	padding-top: 0.5em;
  	padding-bottom: 0.5em;
}
.linksb .conl
{
  	padding-top: 0.6em;
}
.pun .linksb .inbox
{
	height: 3em;
}

.pun .brdrs
{
  	padding-top: 0.8em;
}

.pun .conl
{
  	padding-top: 0.4em;
}

.pun th
{
  	padding: 0.2em 0.5em 0.3em 0.5em;
}
	#punviewforum th.tcl,
	#punindex th.tcl
	{
		padding: 0.2em 0.5em 0.3em 57px;
	}
.pun td
{
  	padding: 0.2em 0.5em 0.3em 0.5em;
}
	#punviewforum td.tcl,
	#punindex td.tcl
	{
	  	padding: 0.2em 0.5em 0.3em 31px;
	}
#punviewtopic .ub2
{
  	border-top: #e2e2e2 solid 1px;
  	padding-top: 0.4em;
}
.pun #brdwelcome
{
  	margin: 0;
  	padding: 0;
  	margin-top: -80px;
  	width: 20em;
}
	#brdwelcome #brdmenu
	{	
	  	margin-top: 0;
	  	display: inline;
	  	position: absolute;
	  	overflow: hidden;
	  	float: none;
	  	padding-left: 0.7em;
	}
		#brdwelcome #brdmenu li
		{	
		  	display: inline;
		  	background: transparent;
		  	padding-left: 0.7em;
		  	padding-top: 0;
		}
.bullet_free
{
	display: block;
}

.pun #brdwelcome li
{
  	padding-top: 0.1em;;
}
.al
{
  	position: relative;
  	background: #eeeadd;
}
.pun .al
{
  	padding: 0.2em 1.1em 0.4em 0.1em;
}
	.pun .al a
	{
	  	display: block;
	  	padding-top: 0.1em;
	}
#punviewtopic .al
{
  	width: 6.4em;
  	margin-right: 0.1em;
}
#punviewforum .al
{
  	width: 12em;
  	margin-right: 0.1em;
}
	#punviewforum .al .postlink
	{
	  	width: auto;
	}
#punviewtopic .al2
{
  	float: none;
  	width: 19.6em;
  	margin-bottom: 0.7em;
  	padding-left: 0.7em;
}
#punviewtopic .al3
{
  	float: none;
  	width: 11.9em;
  	padding-left: 0.3em;
}
#brdfooter
{
  	border-top: #333 solid 1px;
}
.forminfo p
{
  	margin-top: 1em;
}
.pun select
{
  	margin-top: 0.5em;
}
.pun .rbox label
{
  	margin-top: 0.2em;
}
#punredirect
{
  	border: #ccc double 3px;
}
#helpfile
{
  	padding-left: 31px;
}
	#helpfile div.box
	{
	  	padding-left: 0;
	}
#postreview.blockpost h2
{
  	font-size: 16px;
  	font-weight: bold;
  	margin-bottom: 0.5em;
  	padding-left: 4px;
}
.pun #msg
{
  	padding-left: 56px;
}
	.pun #msg h2
	{
	  	font-size: 16px;
	  	font-weight: bold;
	  	margin-top: 0.5em;
	  	margin-bottom: 0.5em;
	}
	.pun #msg .inbox
	{
	  	padding: 0;
	}
#punsearch h2
{
	font-size: 16px;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#punsearch #vf h2,
#punsearch #vf .tcl
{
  	padding-left: 56px;
}
#posterror
{
  	padding-left: 56px;
  	padding-top: 0.5em;
}