@import url(imports/base.css);

body {
	margin: 0;
	font: 1em "Gill Sans", Calibri, "Trebuchet MS", sans-serif;
	background: #000 url("../img/body_bg.jpg") no-repeat 0 90px;
}

#banner-top {
	text-align: center;
	width: 728px;
	height: 90px;
	margin: 0 auto;
}

.pun TABLE, .pun INPUT, .pun SELECT, .pun OPTGROUP, .pun TEXTAREA, DIV.postmsg P.postedit {font-size: 1em}
.pun PRE {font-family: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace}

.pun .box {
	clear: both;
	overflow: hidden;
	*zoom: 1;
}

#brdheader {
	margin-bottom: 20px;
}

#brdtitle {
	overflow: hidden;
}
#brdtitle h1 {
	float: left;
}

#brddesc {
	float: right;
	margin-top: 54px;
}

#brdtitle h1 a {
	display: block;
	width: 380px;
	height: 116px;
	margin: 15px 0 0 22px;
	text-indent: -99999px;
}

#brdmenu {
	float: left;
	width: 655px;
	font-size: 1em;
}
#brdmenu ul {
	margin: 10px 0;
}
#brdmenu li {
	margin-right: 20px;
}
#brdmenu a {
	color: #ccc;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 1px dotted #248b41;
}
#brdmenu a:hover {
	color: #fff;
	border-bottom: 3px solid #248b41;
}
#brdmenu .isactive {
	font-weight: bold;
}
#brdmenu .isactive a {
	color: #fff;
}

#brdwelcome {
	color: #fff;
	font-size: .9em;
	float: right;
	width: 372px;
	text-align: right;
	margin-right: 40px;
}
#brdwelcome .conl,
#brdwelcome .conr {
	width: 100%;
}

#brdstats,
#brdfooter {
	color: #999;
	font-size: .85em;
	margin-bottom: 20px;
}
#brdstats strong,
#brdfooter strong {
	color: #fff;
}
#brdstats a,
#brdwelcome a,
#brdfooter a {
	color: #0b0;
}
#brdstats a:hover,
#brdwelcome a:hover,
#brdfooter a:hover {
	color: #fff;
}

/** CONTENT **/
/** ----------------------------------------------------------------------- **/
.pun .blocktable,
#postreview {
	margin-bottom: 20px;
}
.blocktable h2, 
.topicsubject h2,
#viewprofile h2 {
	color: #bbb;
	font-size: 1.75em;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 40px;
}

.pun .linkst,
.pun .linksb,
.pun .postlinkst,
.pun .postlinksb {
	clear: both;
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 20px;
}
.pun .postlinkst,
.pun .postlinksb {
	margin-top: 20px;
}
.pun .linkst .conl,
.pun .linksb .conl,
.pun .postlinkst .conl,
.pun .postlinksb .conl {
	width: 100%;
	text-align: right;
	float: right;
}
.linkst ul,
.linksb ul,
.postlinkst ul,
.postlinksb ul {
	margin-left: 0;
}

.pun .postlink {
	margin-top: 20px;
}

.pun .crumbs {
	color: #999;
	font-size: .85em;
	width: 49.9%;
	float: left;
}
.pun .crumbs a,
.pun .postlink a,
.pun .subscribelink a,
#punhelp a,
#punredirect a {
	color: #0b0;
}
.pun .crumbs a:hover,
.pun .postlink a:hover,
.pun .subscribelink a:hover,
#punhelp a:hover,
#punredirect a:hover {
	color: #fff;
}

/* See FORMS */
#msg,
#rules,
#posterror {
	padding-bottom: 20px;
}
#posterror {
	border: 1px red solid;
}
#posterror h2 {
	color: red;
}

.pun .blockmenu {
	float: left;
	width: 240px;
	margin-left: 40px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
	background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);	
}
.pun .blockmenu h2 {
	color: #639672;
	font-size: 1em;
	font-weight: bold;
	margin: 10px 15px 0 15px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #ccc;
}
.pun .blockmenu .inbox {
	margin: 10px 15px 15px 15px;
}
.pun .blockmenu ul {
	line-height: 1.5;
}
.pun .blockmenu li {
	color: #999;
}
.pun .blockmenu li.isactive {
	color: #000;
}
.pun .blockmenu li:before {
	content: "» ";
}
.pun .blockmenu a {
	color: #1EA845;
}
.pun .blockmenu li.isactive a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
.pun .blockmenu a:hover {
	color: #333;
}


#punhelp {
	color: #eee;
	padding: 150px 40px 20px 40px;
}
#punhelp p {
	margin: 10px 0;
	line-height: 1.4;
}
	
/** PAGINATION **/
/** ----------------------------------------------------------------------- **/
.pagepost {
	float : right;
}
.pagelink {
	overflow: hidden;
	*zoom: 1;
}
.pages-label,
.spacer {
	color: #999;
	float: left;
}
.pagelink a,
.pagelink strong {
	display: block;
	float: left;
	margin: 0 .3em;
	padding: .1em .6em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.pagelink strong {
	font-weight: bold;
	color: #ccc;
	background: #666;
	border: 1px solid #555;
}
.pagelink a {
	font-weight: bold;
	color: #666;
	background: #ddd;
	border: 1px solid #bbb;
	text-decoration: none;
}
.pagelink a:hover {
	color: #fff;
	background: #1ea845;
	border: 1px solid #1ea845;
}

/** POSTS **/
/** ----------------------------------------------------------------------- **/
.pun .blockpost {
	margin: 0 40px;
}
.pun .blockpost h2 {
	font-size: .85em;
	-webkit-box-shadow: 0px 6px 5px -3px #cccccc;
	-moz-box-shadow: 0px 6px 5px -3px #cccccc;
	box-shadow: 0px 6px 5px -3px #cccccc;
}
.pun .blockpost h2 a {
	color: #ccc;
}
.pun .blockpost h2 a:hover {
	color: #fff;
}

.pun .blockpost .inbox {
	margin: 15px;
	clear: both;
	overflow: hidden;
	*zoom: 1;
}

.pun .postleft {
	width: 190px;
	margin-bottom: 3px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 3px 3px 3px 0px #cccccc;
	-moz-box-shadow: 3px 3px 3px 0px #cccccc;
	box-shadow: 3px 3px 3px 0px #cccccc;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
	background: linear-gradient(top, #ffffff 0%,#ededed 100%);
}
.pun .postleft dl {
	color: #666;
	margin: 14px 20px;
	font-size: .85em;
	line-height: 1.3;
}
.pun .postleft a {
	color: #1EA845;
}
.pun .postleft a:hover {
	color: #666;
}
.pun .postleft dt a {
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
}
.postavatar {
	text-align: center;
}
.postavatar img {
	-moz-box-shadow: 1px 2px 6px #cccccc;
	-webkit-box-shadow: 1px 2px 6px #cccccc;
	-o-box-shadow: 1px 2px 6px #cccccc;
	box-shadow: 1px 2px 6px #cccccc;
	border: 1px solid #eee;
	margin: 8px 0;
}
.usertitle {
	color: #3b5442;
	font-size: .9em;
}

.pun .postright,
.pun .postfootright {
	border-left-width: 210px;
	border-left-color: transparent;
}
.pun .postmsg p {
	margin-bottom: 20px;
	line-height: 1.5;
}
.pun .postmsg a {
	color: #1EA845;
}
.pun .postmsg a:hover {
	color: #333;
}
.pun .quotebox {
	color: #333;
	font-size: .95em;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px dotted #bebebe;
	background: #eeeeee;
	background: -moz-linear-gradient(top, #eeeeee 0%, #c9c9c9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#c9c9c9));
	background: -webkit-linear-gradient(top, #eeeeee 0%,#c9c9c9 100%);
	background: -o-linear-gradient(top, #eeeeee 0%,#c9c9c9 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%,#c9c9c9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c9c9c9',GradientType=0 );
	background: linear-gradient(top, #eeeeee 0%,#c9c9c9 100%);
}
.pun .quotebox p:last-child {
	margin-bottom: 0;
}
.pun .quotebox blockquote {
	padding-top: 20px;
	overflow: hidden;
	line-height: 50%;
	color: #454545;
}
.pun .quotebox blockquote:before {
	display: block;
	float: left;
	font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;
	font-size: 4em;
	margin: 10px 5px 0 0;
	content: "“";
	color: #bababa;
}

.pun .postsignature p {
	color: #555;
	font-size: .9em;
	margin-bottom: 0;
}
.pun .roweven .postsignature hr,
.pun .rowodd .postsignature hr {
	width: 100%;
	height: 1px;
}
.pun .roweven .postsignature hr {
	color: #d6d6d6;
	background-color: #d6d6d6;
	border-top: 1px solid #fdfdfd;
}
.pun .rowodd .postsignature hr {
	color: #c6c6c6;
	background-color: #c6c6c6;
	width: 100%;
	height: 1px;
	border-top: 1px solid #f0f0f0;
}
div.postmsg p.postedit {
	color: #666;
	font-size: .9em;
}

.pun .postfoot {
	color: #666;
	font-size: .9em;
}
.pun .postfoot a {
	color: #1EA845;
}
.pun .postfoot a:hover {
	color: #333;
}


/** TABLES **/
/** ----------------------------------------------------------------------- **/
.pun .inbox {
	margin: 0 40px;
}
thead, 
.pun .blockpost h2 {
	background: #7d7e7d;
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
	background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
	background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
	background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
	background: linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
}
.pun th,
.pun .blockpost h2 {
	color: #ccc;
	padding: 9px 16px;
	border-right:1px dotted #333;
	border-left:1px dotted #666;
}
.pun th.tcl {
	border-left: 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 5px 0px 0px 0px;
	border-radius: 5px 0px 0px 0px;
}
.pun th.tcr {
	border-right: 0;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 5px 0px 0px;
	border-radius: 0px 5px 0px 0px;
}
.pun td {
	padding: 12px 16px;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #999;
	border-right:1px dotted #cecece;
	border-left:1px dotted #f6f6f6;
}
.pun td.tcl {
	border-left: 0;
}
.pun td.tcr {
	border-right: 0;
}
.pun td a {
	color: #248b41;
}
.pun td a:hover {
	color: #333;
}
.pun td h3 {
	font-size: 1.25em;
	font-weight: bold;
	text-shadow: #e9f2ec -1px -1px 0px;
}
.pun td h3 a {
	color: #1EA845;
	text-decoration: none;
}
.roweven,
tbody tr {
	background: #f0f0f0;
	background: -moz-linear-gradient(top, #f0f0f0 0%, #e9e9e9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#e9e9e9));
	background: -webkit-linear-gradient(top, #f0f0f0 0%,#e9e9e9 100%);
	background: -o-linear-gradient(top, #f0f0f0 0%,#e9e9e9 100%);
	background: -ms-linear-gradient(top, #f0f0f0 0%,#e9e9e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e9e9e9',GradientType=0 );
	background: linear-gradient(top, #f0f0f0 0%,#e9e9e9 100%);
}
.rowodd {
	background: #e6e6e6;
	background: -moz-linear-gradient(top, #e6e6e6 0%, #d9d9d9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#d9d9d9));
	background: -webkit-linear-gradient(top, #e6e6e6 0%,#d9d9d9 100%);
	background: -o-linear-gradient(top, #e6e6e6 0%,#d9d9d9 100%);
	background: -ms-linear-gradient(top, #e6e6e6 0%,#d9d9d9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#d9d9d9',GradientType=0 );
	background: linear-gradient(top, #e6e6e6 0%,#d9d9d9 100%);
}
.forumdesc {
	font-size: .95em;
}
.modlist {
	color: #666;
	font-size: .8em;
	line-height: 1.5;
}

/** FORMS **/
/** ----------------------------------------------------------------------- **/
#qjump input {
	font-size: .95em;
	color: #222;
	font-weight: bold;
	padding: 2px 8px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #949494;
}

.pun .blockform,
#msg,
#rules,
#posterror,
.fakeform {
	clear: both;
	overflow: hidden;
	*zoom: 1;
	margin: 0 40px 20px 40px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
	background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
}
.pun .block2col .blockform {
	clear: right;
	margin-left: 300px;
	margin-right: -240px;
}
.pun .fakeform {
	margin: 0 40px 20px;
	padding: 20px 0;
}
.pun .blockform h2,
#msg h2,
#rules h2,
#posterror h2 {
	font-size: 1.75em;
	font-weight: bold;
	margin: 10px 0 10px 20px;
}
.pun .blockform h2,
#msg h2,
#rules h2 {
	color: #555;
}
.pun .inform {
	clear: both;
	overflow: hidden;
	*zoom: 1;
}
.pun .blockform a,
.pun .fakeform a,
#msg a {
	color: #1EA845;
}
.pun .blockform a:hover,
.pun .fakeform a:hover,
#msg a:hover {
	color: #333;
}
.pun .inform fieldset {
	margin: 0 20px 10px;
	padding: 20px;
	border: 1px dotted #ccc;
}
.pun .inform legend {
	color: #639672;
	font-weight: bold;
}
.pun .inform label {
	font-size: .9em;	
}
.pun .inform input,
.pun .inform select,
.pun .inform textarea {
	font-size: .9em;
	padding: 5px;
	border: solid 1px #e3e3e3;
	outline: 0;
	background: #fff;
}
.pun .rbox {
	padding: 10px 0;
	line-height: 1.5;
}
.pun .rbox input {
	margin-right: 5px;
}
.pun .infldset p {
	padding-top: 10px;
}
.pun .buttons {
	text-align: center;
	margin-bottom: 10px;
}
.pun .buttons input {
	color: #fff;
	background: #000;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	padding: 4px 12px;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
.pun .buttons input:hover {
	color: #0f0;
	cursor: pointer;
}

.pun .forminfo {
	padding: 20px 20px 0 20px;
	margin: 0 20px 20px 20px;
	border: 1px dotted #999;
}
.pun .forminfo h3 {
	font-weight: bold;
}
.pun .forminfo p {
	margin-bottom: 20px;
}

/** ICONS **/
/** ----------------------------------------------------------------------- **/
.pun .icon {
	border-color: #ccc;
}

.pun .iredirect .icon {
	border-color: #383838;
}

.pun .inew .icon {
	border-color: #5496d8;
}
.pun .icon {
	border-width: 6px;
	border-style: solid;
	height: 0;
	width: 0;
	overflow: hidden;
	float: left;
	margin: .4em .4em 0 0;
}

.pun .icon div {
	position: absolute;
	left: -9999em;
	text-indent: -9999em;
	height: 0;
}

.pun .iposted .ipost {
	position: absolute;
	left: 0;
	font-weight: bold;
	width: 8px;
	padding-left: 4px;
	text-align: center;
	top: 0;
}
.stickytext {
	color: brown;
}
