/*****************************************************************

Dark&Blue theme CSS by Klocek

*****************************************************************/



/*****************************************************************

1. INITIAL SETTINGS

*****************************************************************/



/* Limited Reset

----------------------------------------------------------------*/



@import url(http://fonts.googleapis.com/css?family=Electrolize);

@import url(http://fonts.googleapis.com/css?family=Lato:400,700);



.pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3,

.pun h4, .pun h5, .pun pre, .pun blockquote, .pun ul, .pun ol, .pun li, .pun dl,

.pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun img, .pun abbr, .pun cite {

	margin: 0;

	padding: 0;

	border: 0;

	}



.pun ul, .pun ol {

	list-style: none

	}





/* Structural Settings

----------------------------------------------------------------*/



body {

	line-height: 1.9em;

}



.pun {

	width: 990px;

	}



.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: -9999em;

	text-indent: -9999em;

	width: 0;

	}



* html .inbox, * html .inform, * html .pun, * html .tclcon, * html .codebox {

	height: 1px

	}



.pun, .pun .inbox, .pun .inform, .pun .tclcon, .pun .codebox {

	min-height: 1px

	}



.clearl {

	clear: left;

	}



/* Hidden Elements

----------------------------------------------------------------*/



#brdfooter h2, #brdstats h2, #brdstats .conl dt, #brdstats .conr dt,

#modcontrols dt, #searchlinks dt, div.postright h3 {

	position: absolute;

	display: block;

	overflow: hidden;

	width: 0;

	left: -9999em;

	text-indent: -9999em;

	}



/*****************************************************************

2. TEXT & CONTENT

*****************************************************************/



/* Text Defaults

----------------------------------------------------------------*/



.pun {

	font: 10pt 'Lato', Verdana, serif

	}



.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun samp, .pun legend {

	font-size: 1em;

	font-family: 'Lato', Verdana, serif;

	}



.pun pre, .pun code {

	font-size: 1.182em;

	font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace

	}



.pun pre code {

	font-size: 12px;

	}



.pun strong {

	font-weight: bold;

	}



.pun em {

	font-style: italic;

	}



#vf td {

	font-size: 13px;

	}





/* Content Defaults

----------------------------------------------------------------*/



.pun .postleft ul, .pun .postleft ol, .pun .postleft dl {

	font-size: 12px;

	padding: 3px 0;

	}

.pun p {

	font-size: 14px;

	padding: 3px 0;

}



.pun h2 {

	font-size: 14px;

	font-weight: bold;

	padding: 4px 6px;

	padding: 6px;

	}



.pun h2 #brdmenu {

	font-size: 1.1em;

	}



.pun .blockpost h2 {

	padding: 8px 8px 8px 8px;

    border-radius: 0;

	}

.pun .blockpost1 h2 {

    border-top-left-radius: 6px;

    border-top-right-radius: 6px;

	}



.pun h3 {

	font-size: 1.091em;

	padding: 3px 0;

	}



.pun .forumdesc {

	font-size: 11px;

	}

	

.pun ul.subforums {

	list-style-type: square;

}

.pun ul.subforums li {

	width: 30%;

	float: left;

	margin-left: 20px;

}



.pun table p, .pun table h3 {

	padding: 0;

	}



.pun span.warntext, .pun p.warntext {

	font-weight: bold

	}



.pun .postleft dl dt {

	font-size: 1.1em;

	}



/* User Content (Announcements, Rules, Posts)

----------------------------------------------------------------*/



.pun .usercontent p, .pun .postmsg p {

	padding: 0.5em 0;

	line-height: 1.6em;

	}



.pun .usercontent ul, .pun .postmsg ul {

	padding: 0.75em 1em 0.75em 2.5em;

	list-style: disc

	}



.pun .usercontent ol, .pun .postmsg ol {

	padding: 0.75em 1em 0.75em 2.5em;

	list-style: decimal

	}



.pun .usercontent ol.alpha, .pun .postmsg ol.alpha {

	list-style: lower-alpha

	}



.pun .usercontent li ol, .pun .usercontent li ul, .pun .postmsg li ol, .pun .postmsg li ul {

	padding: 0.25em 1em 0.75em 2.5em

	}



.pun .usercontent li p, .pun .postmsg li p {

	padding: 0

	}



.pun .usercontent h1 {

	font-size: 1.4em;

	font-weight: bold;

	padding: 0.75em 0 0 0

	}



.pun .usercontent h2 {

	font-size: 1.2em;

	font-weight: bold;

	padding: 0.75em 0 0 0

	}



.pun .usercontent h3 {

	font-size: 1.1em;

	font-weight: bold;

	padding: 0.75em 0 0 0

	}



.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 {

	font-size: 1em;

	font-weight: bold;

	padding: 0.75em 0 0 0

	}



.pun .quotebox cite {

	font-weight: bold;

	font-style: normal;

	padding: 0.75em 0.75em 0 0.75em

	}



.pun span.bbu {

	text-decoration: underline

	}



.pun span.bbs, .pun del {

	text-decoration: line-through;

	}



.pun .postmsg ins, #punhelp samp ins {

	text-decoration: none;

	}



.pun div.postmsg h5, #punhelp h5 {

	font-size: 1.1em;

	font-weight: bold;

	padding: 0.75em 0 0 0;

	}



/*****************************************************************

3. COMMON STYLES

*****************************************************************/



/* Page Layout

----------------------------------------------------------------*/



.pun {

	padding: 0px 20px 12px 20px;

	margin: 0 auto;

	}



#punredirect, #punmaint, #puninstall, #pundb_update {

	margin: 250px 20% 12px 20%;

	width: auto;

	}



#brdmain {

	background: none;

	padding: 0px;

	border: 0px solid #dbdada;

	color: #49494b;

}





/* Vertical Element Spacing

----------------------------------------------------------------*/



#brdheader {

	margin: 0 0 20px 0;

    position: relative;

    z-index: 1;

	}



#brdheader .search {

	float: right;

	}	

#brdheader .search input {

	background: #0d0d0d;

	color: #aaaaaa;

	border: 1px solid #2b2b2b;

	outline: 0;

}

	

#announce, #brdstats {

	margin: 12px 0 0px 0;

	}



.pun .blocktable, .pun .block, .pun .blockform, .pun .block2col, #postreview {

	margin-bottom: 0px

	}



.pun .blockform .bblinks li span {

	background: url(Dark_Red/help.png) center left no-repeat;

	margin-right: 8px;

	padding-left: 20px;

	display: inline-block;

}	

	

#brdmain .blocktable {

	margin-bottom: 10px !important;

}



#punindex .blocktable, .pun .blockpost {

	margin-bottom: 1px;

	}



#postreview .box {

	margin-bottom: 3px;

	}



.pun .block2col .blockform, .pun .block2col .block {

	margin-bottom: 0px

	}



.pun .linksb {

	margin-top: -6px

	}



.pun .postlinksb {

	margin-top: -2px

	}





/* External Borders

----------------------------------------------------------------*/



.pun .box {

	border-bottom: 3px solid #c60303;;

	}

	

.pun .blocktable .box {

	border-bottom: 0;

	}





.pun h2 {

	border-style: solid;

}





/* Default Internal Spacing

----------------------------------------------------------------*/



.pun .block .inbox {

	padding: 3px 6px

	}



.pun .blockmenu .inbox {

	padding: 3px 0px

}



/*****************************************************************

4. COMMON BOARD ELEMENTS

*****************************************************************/



/* Board Header

----------------------------------------------------------------*/



#brdtitle h1 {

	font-size: 30px;

	line-height: 1.1em;

	padding: 22px 0 0 0px;

    text-align: center;

	color: rgba(0,0,1,0);

	font-family: 'Electrolize', Arial, sans-serif !important;

	}

	

#brdtitle h1 a {

	color: #fff;

	text-decoration: none;

}

	

#brdtitle h1 a:hover {

	color: #fff;

	text-decoration: none;

}



#brdmenu {

	font-size:1.2em;

	padding: 0 !important;

	}



#brddesc {

	padding: 6px 3px 3px 0px;

    text-align: center;

	color: #eee;

	font-size: 13px;

	}



#brddesc * {

	padding-top: 0;

	padding-bottom: 0;

	}



#brdmenu ul {

	padding: 0px;

    margin: 0px;

	}



#brdmenu li {

	display: inline;

    margin: 0;

    padding: 0;

	font-size: 12px;

    list-style: none;

	}





#brdmenu a:link, #brdmenu a:visited {

	text-decoration: none;

	}

	

#brdwelcome  {

    background: #eee;

    color: #2e2e2e;

	text-shadow: 1px 1px 1px #e9e9e9;

    border-bottom: 2px solid rgb(198, 3, 3);

	border-bottom-right-radius: 5px;

    border-bottom-left-radius: 5px;

	padding: 12px 6px 6px 6px;

    margin-top: -6px;

    position: relative;

    z-index: 2;

	}



#brdwelcome .conl {

	float: left;

	white-space: nowrap;

	padding: 3px 0px;

	}



#brdwelcome li {

	float:left;

	margin-right:8px;

	white-space:nowrap;

}



#brdwelcome .conl li strong:after {

	content: '.'

	}



#brdwelcome .conr {

	float: right;

	text-align: right;

	padding: 3px 0px;

	}



#brdwelcome .conr li {

	float: right;

	text-align: right;

	}



/* Breadcrumbs and Post Links

----------------------------------------------------------------*/



.pun .linkst {

	padding: 8px 6px 3px 6px

	}



.pun .linksb, .pun .postlinksb {

	padding: 4px 6px 8px 0px

	}



.pun .crumbs {

	clear: both;

	width: 100%;

	overflow: hidden;

	padding-bottom: 5px;

	}



.pun .crumbs li {

	display: inline;

	white-space: nowrap;

	font-weight: normal;

	}



.pun .linkst .crumbs {

	font-size: 15px;

	}



.pun .pagelink {

	float: left;

	display: block;

	white-space: normal;

	font-weight: bold;

	font-size: 12px;

	color: #eee;

	padding-top: 6px;

	padding-bottom: 6px;

	}

.pun .pagelink strong, .pun .pagelink a, .pun .pagelink span.spacer {

	font-weight: bold;

	border-radius: 2px;

	padding: 2px 5px;

	margin-left: 3px;

    background: #2e2e2e;

    transition: all 0.2s;

}

.pun .pagelink strong {

	background: #2e2e2e;

	color: white;

}

.pun .pagelink a:hover {

	background: #434343;

    color: #fff;

}



.pun .postlink {

	font-size: 1.1em;

	font-weight: bold;

	white-space: wrap;

	text-decoration: none;

	}



.pun .linkst .postlink {

	position: relative;

	margin-top: -0.2em;

	margin-bottom: 0.5em;

	}



.pun .linksb .postlink, .pun .postlinksb .postlink {

	position: relative;

	margin-top: 0.5em;

	margin-bottom: -0.5em;

	}



.pun .postlink, .pun .modbuttons {

	float: right;

	text-align: right;

	}



.pun .modbuttons {

	padding: 1px 0;

	white-space: nowrap;

	}



.pun .modbuttons input {

	margin-left: 6px;

	}



#punindex .subscribelink {

	margin-top: 0px;

	font-size: 11px;

	}



#brdmain  input[type="submit"] {

    background: #f72222;

    background: -moz-linear-gradient(top, #f72222 0%, #ef4d4d 50%, #ec0909 51%, #eb0f0f 71%, #e61919 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f72222), color-stop(50%, #ef4d4d), color-stop(51%, #ec0909), color-stop(71%, #eb0f0f), color-stop(100%, #e61919));

    background: -webkit-linear-gradient(top, #f72222 0%, #ef4d4d 50%, #ec0909 51%, #eb0f0f 71%, #e61919 100%);

    background: -o-linear-gradient(top, #f72222 0%, #ef4d4d 50%, #ec0909 51%, #eb0f0f 71%, #e61919 100%);

    background: -ms-linear-gradient(top, #f72222 0%, #ef4d4d 50%, #ec0909 51%, #eb0f0f 71%, #e61919 100%);

    background: linear-gradient(to bottom, #f72222 0%, #ef4d4d 50%, #ec0909 51%, #eb0f0f 71%, #e61919 100%);

	border: 0px solid;

	color: white;

	padding: 6px 8px;

	border-radius: 4px;

	position: relative;

	font-size: 11px;

	cursor: pointer;

	font-weight: bold;

}

#brdmain  input[type="submit"]:hover {

    background: #1388f6;

    background: -moz-linear-gradient(top, #1388f6 0%, #3f9cee 50%, #0880e2 51%, #0e82e1 71%, #188bdc 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, #1388f6), color-stop(50%, #3f9cee), color-stop(51%, #0880e2), color-stop(71%, #0e82e1), color-stop(100%, #188bdc));

    background: -webkit-linear-gradient(top, #1388f6 0%, #3f9cee 50%, #0880e2 51%, #0e82e1 71%, #188bdc 100%);

    background: -o-linear-gradient(top, #1388f6 0%, #3f9cee 50%, #0880e2 51%, #0e82e1 71%, #188bdc 100%);

    background: -ms-linear-gradient(top, #1388f6 0%, #3f9cee 50%, #0880e2 51%, #0e82e1 71%, #188bdc 100%);

    background: linear-gradient(to bottom, #1388f6 0%, #3f9cee 50%, #0880e2 51%, #0e82e1 71%, #188bdc 100%);

}

#brdmain  input[type="text"], #brdmain  input[type="password"] {

	min-width: 200px;

	padding: 4px;

	border-width: 1px;

	border-style: solid;

	border-color: #848484 #C1C1C1 #E1E1E1 #C1C1C1;

	background: #fff;

	border-radius: 3px;

}

#brdmain  input[type="text"]:focus, #brdmain  input[type="password"]:focus {

	border-color: #4e4e4e #7c7c7c #a3a3a3 #7c7c7c;

	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);

	outline: 0;

}

#brdmain  textarea{

	padding: 4px;

	border-width: 1px;

	border-style: solid;

	border-color: #C1C1C1;

	background: #fff;

	border-radius: 3px;

}



/* Board Footer

----------------------------------------------------------------*/



#brdfooter {

	color: #eee;

	margin-top: 15px;

	text-shadow: 1px 1px 1px #131313;

}



#brdfooter a {

	color: #eee;

}



#brdfooter a:hover {

	text-decoration: underline;

}



#brdfooter .box {

	background: #262626;

	border-radius: 6px;

	border: 0 !important;

    padding: 5px;

}



#brdfooter #modcontrols {

	border-bottom-style: solid;

	border-bottom-width: 0px;

	text-align: center;

	background: #202020 !important;

	border-top-left-radius: 6px;

    border-top-right-radius: 6px;

	}



#brdfooter #modcontrols dd {

	display: inline;

	margin-right: 10px;

	}



#brdfooter .conl {

	float: left;

	}



#brdfooter .conr {

	float: right;

	text-align: right;

	}



#brdfooter #feedlinks span {

	background:url("Dark_Red/feed.png") no-repeat scroll left center transparent;

	padding-left:18px;

	display: inline;

}

#brdfooter #brdfooternav , #brdfooter #brdfooternav p {

	font-size: 12px;

}





/* Board Stats

----------------------------------------------------------------*/



#brdstats {

	font-size: 11px;

	}



#brdstats .box {

    background: rgba(255,255,255,1);

    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(224,221,224,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(224,221,224,1)));

    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(224,221,224,1) 100%);

    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(224,221,224,1) 100%);

    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(224,221,224,1) 100%);

    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(224,221,224,1) 100%);

	border-top: 2px solid #c60303;

	border-bottom: 2px solid #c60303;

    border-radius: 6px;

    padding: 5px;

	}



#brdstats .conl {

	float: left;

	}



#brdstats .conr {

	float: right;

	text-align: right;

	}



#onlinelist dd, #onlinelist dt {

	display: inline;

	}





/*****************************************************************

5. MAIN TABLES

*****************************************************************/



.pun table {

	width: 100%;

	border-collapse: collapse;

	border-spacing: 0;

	empty-cells: show;

	}



.pun .blocktable table {

	table-layout: fixed;

    border-bottom: 3px solid #c60303;

	}



.pun td, .pun th {

	padding: 4px 6px;

	line-height: 1.4em;

	text-align: left;

	font-weight: normal;

	}



.pun td {

	border-style: none none solid none;

	border-width: 1px;

	}

	

.pun .byuser {

	font-size: 11px;

	display: block;

	clear: both;

}



.pun .blocktable thead {

	display:none;

	}



.pun .blocktable td { 

	line-height: 1.4em;

}



.pun .tcl {

	border-width: 0px 0px 1px 0px;

	width: auto;

	font-size: 12px;

	}



.pun .tc2, .pun .tc3, .pun .tcmod {

	width: 10%;

	text-align: center;

	padding: 4px 0;

	}



.pun .tcr {

	width: 30%;

	}



.pun .tcr a {

	font-weight: normal !important;

	font-size: 11px !important;

}	

	

.pun .tcl h3 {

	font-size: 14px;

	font-weight: bold;

	}



.pun .tcl span.newtext, .pun .tcl span.pagestext {

	white-space: nowrap;

	font-size: 11px;

	}



.pun .tcl span.pagestext {

	float: right;

	display: block;

	margin-top: -1.5em;

}



.pun .tcl span.newtext {

	display: none;

	}



.pun .tcl span.pagestext a {

	font-weight: normal !important;

}

.pun .tcl span.pagestext a:after {

	content: " | ";

	color: #414141;;

}

.pun .tcl span.pagestext a:last-child:after {

	content: "";

}



.pun .tcl p {

	padding: 5px 0 0 0

	}



#punsearch #vf .tc2 {

	width: 18%;

	text-align: left;

	padding: 4px 6px;

	}



#users1 .tcr {

	width: 25%

	}



#users1 .tc2 {

	width: 25%;

	text-align: left;

	padding: 4px 6px;

	}



#debug .tcl {

	width: 10%

	}



#debug .tcr {

	width: 90%;

	white-space: normal

	}



#punindex .tcr .byuser {

	display: block;

	}



.pun .blocktable .tclcon {

	padding: 0 11px 0 12px;

	overflow: hidden;

	height: 1%;

	min-height: 1px;

	position: relative;

	}



.pun .blocktable .tclcon div {

	width: 100%;

	overflow: hidden;

	}



.pun .icon {

	height: 32px;

	width: 32px;

	overflow: hidden;

	float: left;

	}



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

	}



.pun .stickytext {

	padding: 1px 5px;

	font-size: 9px;

	font-weight: bold;

	text-transform: uppercase;

	color: white;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	background: #7BA60D;

	}

	

.pun .tag {

	padding: 1px 5px;

	font-size: 9px;

	font-weight: bold;

	text-transform: uppercase;

	color: white;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	background: #0B779F;

	}



.pun .movedtext {

	display: none;

}



.pun .closedtext {

	display: none;

	}

/*****************************************************************

6. MAIN FORMS

*****************************************************************/





.pun .forminfo {

	margin-bottom: 12px;

	padding: 9px 10px;

	border-style: solid;

	border-width: 1px;

	}



.pun .forminfo h3 {

	font-weight: bold;

	}







.pun .inform {

	padding: 0 18px;

}



.pun fieldset {

	overflow: hidden;

	width: 100%;

	padding-bottom: 0.8em;

}



.pun legend {

	font-size: 14px;

	font-weight: bold;

	margin-left: -7px;

	padding: 10px 19px 4px 6px;

}



.pun div[class*="inform"] legend {

	margin-left: 0;

}



.pun .infldset {

	border-style: solid;

	border-width: 1px;

	display: inline-block;

	overflow: hidden;

	padding: 12px 18px;

}



.pun div[class*="infldset"] {

	display: block;

}

.pun div[class*="infldset"] p {

	font-size: 12px;

}

.pun div[class*="infldset"] p a {

	font-size: 14px;

}

#punregister #rules .infldset {

	padding: 5px 18px;

}



.pun fieldset p {

	clear: both;

	padding: 0 0 7px 0;

	width: 100%;

}



.pun fieldset .usercontent p {

	padding: 7px 0;

}



.pun fieldset label {

	display: inline;

	padding: 0 0 7px 0;

}





.pun label {

	display: block;

	padding: 3px 0

	}



.pun label.conl {

	overflow: visible;

	margin-right: 10px

	}



.pun select {

	padding-top: 1px;

	padding-bottom: 1px;

	}



.pun fieldset .rbox {

	}



.pun fieldset .rbox br {

	display: none;

	}



.pun fieldset .rbox label {

	padding: 3px 0 3px 25px;

	position: relative;

	vertical-align: middle;

	}



.pun fieldset .rbox input {

	margin: 0 9px 0 -20px;

	padding: 0;

	width: 16px;

	position: relative;

	vertical-align: middle;

	}



.pun .txtarea {

	width: 95%

	}



.pun .txtarea textarea, .pun input.longinput {

	width: 99%

	}



.pun .bblinks {

	padding-bottom: 10px;

	padding-left: 4px

	}



.pun .bblinks li {

	display: inline;

	padding-right: 1px

	}



.pun .blockform .buttons {

	padding-left: 18px;

	padding-bottom: 5px;

	}



.pun .blockform .buttons input {

	margin-right: 8px;

	}



#posterror ul {

	list-style: square;

	padding: 3px 0 3px 24px;

	}



.pun .deletemsg {

	border-style: solid;

	border-width: 1px;

	padding: 6px 15px;

	}



.pun .multiselect {

	float: left;

	padding-bottom: 7px;

	}



.pun .checklist {

	border-width: 1px;

	border-style: solid;

	max-height: 9em;

	width: 20em;

	overflow: auto;

	padding: 0.25em 0.5em;

	margin: 0.25em 16px 0 0.15em;

	}



.pun .checklist legend {

	padding: 0;

	}



.pun .checklist legend span {

	width: auto;

	max-width: 25em;

	}



.pun .checklist .checklist-item {

	position: relative;

	}



.pun .checklist .checklist-item label {

	padding: 0 0 0 1.75em;

	}



.pun .checklist .checklist-item .fld-input {

	position: absolute;

	left: 0;

	top: 0;

	padding: 0;

	margin: 0;

	}



.pun .checklist .checklist-item input {

	margin: 0;

	height: 1.55em;

	width: 1.55em;

	}



/*****************************************************************

7. PROFILES AND ADMIN

*****************************************************************/



.pun #login p.clearb {

	display: none;

}



.pun .actions span {

padding-left: 16px;

padding-right: 8px;

background: url(Dark_Red/bull.png) center left no-repeat;

display: inline-block;

line-height: normal;

}



.pun .block2col {

	padding-bottom: 1px

	}

	

.pun .block2 {

	margin-top: 10px;

	}



.pun .block2col .blockform, .pun .block2col .block {

	margin-left: 14em

	}



.pun .blockmenu {

	float:left;

	width: 13em

	}



.pun .blockmenu .box {

	background-color: #fff !important;

	border: 0;

}	

	

.pun .blockmenu li {

	padding: 5px 3px;

	font-weight: bold;

	border-bottom: 1px solid #eee;

}

.pun .blockmenu li:hover {

	background: #f0f5fa;

}

.pun .blockmenu li.isactive {

	background: #f3f2f2;

}



.pun .blockmenu a:link, .pun .blockmenu a:visited {

	text-decoration: none

	}



.pun .blockmenu a:hover, .pun .blockmenu a:active {

	text-decoration: none;

	color: #0B779F;

	}



.pun .required strong {

	background: url(Dark_Red/asterisk.png) center right no-repeat;

	font-weight: normal;

	padding-right: 14px;

	white-space: pre;

	display: inline-block;

	line-height: normal;

}

.pun .required strong span {

	display: none;

}



#viewprofile dl {

	float: left;

	width: 100%;

	overflow: hidden

	}



#viewprofile dd {

	margin-left: 14em;

	padding: 3px;

	}



#viewprofile dt {

	float: left;

	width: 13em;

	margin: 3px 6px;

	}



#profileavatar img {

	float: left;

	}



#adminconsole fieldset td span, #adminconsole fieldset th span  {

	font-size: 12px !important;

	clear: both;

}





#adminconsole p.submittop {

	border: 0 !important;

}

#adminconsole p.submittop input[type="submit"] {

	width: 100%;

}

#adminconsole p.submitend input[type="submit"] {

	width: 95%;

}



/*****************************************************************

8. MAIN POSTS

*****************************************************************/



.pun .blockpost h2  {

	font-size: 12px;

	text-shadow: none;

	}



.pun .blockpost h2 a:link, .pun .blockpost h2 a:visited {

	text-decoration: none;

	}



.pun .blockpost h2 a:hover, .pun .blockpost h2 a:active {

	text-decoration: underline;

	}



.pun .blockpost h2 .conr {

	float: right;

	text-align: right;

	}



/* PIERWSZY POST 

.pun .firstpost h2 {

	background: #cbe2f8 !important;

}

.pun .firstpost .box {

	border-bottom: 3px solid #92c3d8;

	background: #e2edf8 !important;

}

.pun .firstpost .postleft {

	background: #cbe2f8 !important;

}



.pun .firstpost .postfootleft {

	background: #cbe2f8;

}

.pun .firstpost .postright {

	background: #e2edf8;

}

.pun .firstpost .postfootright {

	background: #e2edf8;

}

.pun .firstpost .postright, .pun .firstpost .postfootright {

	border-left-color: #cbe2f8;

}

 KONIEC PIERWSZEGO POSTU */



#punsearch .blockpost h2 span {

	white-space: nowrap;

	}



.pun .blockpost .box {

	overflow: hidden;

	}



.pun .postleft, .pun .postfootleft {

	float:left;

	width: 15em;

	overflow: hidden;

	position: relative;

	overflow: hidden;

	}



.pun .postleft dl {

	padding: 0.5em 6px;

	}



.pun .postleft .usercontacts, .pun .postleft .icon {

	margin-top: 6px

	}



.pun .postleft .postavatar, .pun .postleft .usertitle {

	margin-bottom: 6px;

	display: block;

	}



.pun .blockpost dt {

	font-size: 16px !important;

	font-weight: bold;

	}



.pun .blockpost dt a:link, .pun .blockpost dt a:visited {

	text-decoration: none;

	}



.pun .blockpost dt a:hover, .pun .blockpost dt a:active {

	text-decoration: underline;

	}

	

.pun .blockpost .usercontacts .email {

	background: url(Dark_Red/email.png) left 65% no-repeat;

	margin-right: 5px;

	padding-left: 21px;

	display: inline-block;

	line-height: normal;

}



.pun .blockpost .usercontacts .website {

	background: url(Dark_Red/ext.png) 8% 65% no-repeat;

	margin-right: 5px;

	margin-left: -6px;

	padding-left: 21px;

	display: inline-block;

	line-height: normal;

}



.pun .blockpost .usercontacts .pmsnew {

	background: url(Dark_Red/email.png) left 65% no-repeat;

	margin-right: 5px;

	padding-left: 21px;

	display: inline-block;

	line-height: normal;

}



.pun .postright, .pun .postfootright {

	border-left-width: 15em;

	border-left-style: solid

	}



#postpreview .postright {

	border-left: 0

	}



.pun .postright {

	padding: 0 6px;

	}



.pun .postfootright, .pun .multidelete {

	text-align: right

	}



.pun .postmsg {

	width:98%;

	overflow: hidden;

	padding-bottom: 6px;

	word-wrap: break-word;

	}



.pun .postfootright ul, .pun .postfootright div, .pun .postfootright p,

.pun .postfootleft p {

	padding: 6px 6px 6px 6px;

	}

.pun .postfootright ul li a {

	font-weight: bold;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	padding: 2px 5px;

    background: #b0d553;

    background: #9ec931;

    background: -moz-linear-gradient(top, #9ec931 0%, #aacb4d 50%, #8fb12b 51%, #91b12f 71%, #95b036 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, #9ec931), color-stop(50%, #aacb4d), color-stop(51%, #8fb12b), color-stop(71%, #91b12f), color-stop(100%, #95b036));

    background: -webkit-linear-gradient(top, #9ec931 0%, #aacb4d 50%, #8fb12b 51%, #91b12f 71%, #95b036 100%);

    background: -o-linear-gradient(top, #9ec931 0%, #aacb4d 50%, #8fb12b 51%, #91b12f 71%, #95b036 100%);

    background: -ms-linear-gradient(top, #9ec931 0%, #aacb4d 50%, #8fb12b 51%, #91b12f 71%, #95b036 100%);

    background: linear-gradient(to bottom, #9ec931 0%, #aacb4d 50%, #8fb12b 51%, #91b12f 71%, #95b036 100%);

	color: white;

	font-size: 11px;

	margin-left: 4px;

}

.pun .postfootright ul li a:hover {

background: #b0d553;

    background: -moz-linear-gradient(top, #b0d553 0%, #bdd775 50%, #a8ce36 51%, #a8cc3e 71%, #abc748 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, #b0d553), color-stop(50%, #bdd775), color-stop(51%, #a8ce36), color-stop(71%, #a8cc3e), color-stop(100%, #abc748));

    background: -webkit-linear-gradient(top, #b0d553 0%, #bdd775 50%, #a8ce36 51%, #a8cc3e 71%, #abc748 100%);

    background: -o-linear-gradient(top, #b0d553 0%, #bdd775 50%, #a8ce36 51%, #a8cc3e 71%, #abc748 100%);

    background: -ms-linear-gradient(top, #b0d553 0%, #bdd775 50%, #a8ce36 51%, #a8cc3e 71%, #abc748 100%);

    background: linear-gradient(to bottom, #b0d553 0%, #bdd775 50%, #a8ce36 51%, #a8cc3e 71%, #abc748 100%);

	text-decoration: none;

}



.pun .postfootright li {

	display: inline;

	}



.pun .postfootright li:first-child:before {

	content: "";

	}



.pun .postfootright a:link, .pun .postfootright a:visited {

	text-decoration: none

	}



.pun .postfootright a:hover, .pun .postfootright a:active {

	text-decoration: underline

	}





.pun .quotebox{

	border-style: solid;

	border-width: 2px;

	border-left: 5px solid;

	margin: 0.75em 1em;

	padding: 0 0.75em;

	}

	

.pun .codebox {

	background: white;

	border: 1px solid #CCC;

	margin: 10px 0;

	}



.pun .codebox .title {

	padding: 5px;

	font-size: 15px;

	border-bottom: 1px solid #BCD2E9;

	}



.pun .quotebox cite {

	display: block;

	padding: 0.75em 0 0 0;

	}



.pun .quotebox blockquote {

	width: 100%;

	overflow: hidden

	}



.pun .codebox pre {

	overflow: auto;

	width: 100%;

	overflow-y:hidden

	}



* html .pun .codebox pre {

	padding-bottom: 10px;

	}



*+html .pun .codebox pre {

	padding-bottom: 10px

	}



.pun .codebox pre code {

	display: block;

	padding: 0.75em;

	}



.pun .codebox pre.vscroll {

	height: 32em;

	overflow: auto;

	overflow-y: auto

	}



.pun .postmsg .postimg img, .pun .postmsg a .postimg img {

	max-width: 100%;

	vertical-align: middle;

	}



.pun .postmsg img {

	vertical-align: bottom;

	}



.pun .postsignature hr {

	margin-left: 0px;

	width: 200px;

	text-align: left;

	height: 1px;

	border:none

	}



.pun .blockpost label {

	padding: 3px 6px;

	border-style: solid;

	border-width: 1px;

	vertical-align: middle;

	display: inline-block;

	}



.pun .blockpost label * {

	vertical-align: middle;

	margin: 0;

	padding: 0;

	}





/****************************************************************/

/* 9. HELP FILES AND MISC. */

/****************************************************************/



#punhelp h2 {

	margin-top: 0px

	}



#punhelp div.box {

	padding: 10px;

	margin-bottom: 10px;

	}



/*****************************************************************

COLOUR SCHEME

*****************************************************************/



/* Background / Text

----------------------------------------------------------------*/



body {

	background: url('Dark_Red/bg_top.png') top repeat-x,

                url('Dark_Red/bg.png') 0px 410px;

	color: #122434;

	margin: 0 auto;

	padding: 0;

	font-family: 'Lato', Verdana;

	}



.pun {

	color: #eee;

	}



.pun .box {

	background: #f0f5fa;

}

#adminconsole fieldset th {

	background-color: #FBFCFD;

	font-size: 13px;

	}



.pun td.tcmod, #postpreview, #viewprofile dd,

#adminconsole fieldset td, #adstats dd {

	background-color: #f8fafd;

	border: 1px solid #daecf0;

	margin: 2px 2px;

	padding: 2px 2px;

	border-radius: 4px;

	color: #858585;

	}

	

#brdmenu {

	color: #fff;

	height: 49px;

    background: url('Dark_Red/menu_bg.png');

    border-radius: 5px;

    box-shadow: 0 4px 10px -5px rgba(0,0,0,0.8);

    position: relative;

    z-index: 3;

	}



.pun h2  {

    background: rgba(225,52,52,1);

    background: -moz-linear-gradient(top, rgba(225,52,52,1) 0%, rgba(225,97,97,1) 50%, rgba(225,52,52,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(225,52,52,1)), color-stop(50%, rgba(225,97,97,1)), color-stop(100%, rgba(225,52,52,1)));

    background: -webkit-linear-gradient(top, rgba(225,52,52,1) 0%, rgba(225,97,97,1) 50%, rgba(225,52,52,1) 100%);

    background: -o-linear-gradient(top, rgba(225,52,52,1) 0%, rgba(225,97,97,1) 50%, rgba(225,52,52,1) 100%);

    background: -ms-linear-gradient(top, rgba(225,52,52,1) 0%, rgba(225,97,97,1) 50%, rgba(225,52,52,1) 100%);

    background: linear-gradient(to bottom, rgba(225,52,52,1) 0%, rgba(225,97,97,1) 50%, rgba(225,52,52,1) 100%);

	color: #fff;

    font-size: 15px;

	text-shadow: 1px 1px 0px rgba(0,0,0,0.3);

    padding: 12px 10px 12px 12px;

    border-top-left-radius: 6px;

    border-top-right-radius: 6px;

    border-top: 1px solid #ff0000;

    font-weight: normal;

	}



.pun #announce h2  {

	display: none;

	}



.pun #announce .box  {

    margin-bottom: 20px;

    border: 0;

    background: none;

	}





.box #announce-block {

    background: rgba(255,175,75,1);

    background: -moz-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(255,146,10,1)));

    background: -webkit-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);

    background: -o-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);

    background: -ms-linear-gradient(top, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);

    background: linear-gradient(to bottom, rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%);

    border-top: 1px solid #ffe14c;

    border-radius: 6px;

    padding: 10px;

    text-shadow: 1px 1px 0px rgba(0,0,0,0.5);

    color: #fff;

}



.box #announce-block  a {

	color: #fff;

	text-decoration: underline;

}



.pun th {

	background: url('Dark_Red/menu_bg_hover.png') top;

	font-size: 11px;

	color: #eee;

	}



.pun td {

    background: rgba(255,255,255,1);

    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));

    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);

    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);

    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);

    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);

	}



.pun .isticky td {

	background-color: #E4EBF1;

	}



.pun .iclosed td {

	background-color: #ECEEF0

	}



.pun .iclosed.isticky td {

	background-color: #E4EBF1;

	}



.pun legend {

	color: #1F3A56;

	}



.pun .blockmenu li.isactive a, #posterror li strong {

	color: #333

	}



.pun .usercontent  {

	background: transparent;

	color: #414141;

	}

.pun .box #announce-block .usercontent  {

	background: transparent;

	color: #fff;

	}



#adminmenu .box {

	background: #FBFCFD;

	}



.pun .postlink a:link, .pun .postlink a:visited, .pun .postlink a:active  {

    background: #5b5b5b;

    background: -moz-linear-gradient(top, #5b5b5b 0%, #383838 50%, #0f0f0f 51%, #0f0f0f 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(50%,#383838), color-stop(51%,#0f0f0f), color-stop(100%,#0f0f0f));

    background: -webkit-linear-gradient(top, #5b5b5b 0%,#383838 50%,#0f0f0f 51%,#0f0f0f 100%);

    background: -o-linear-gradient(top, #5b5b5b 0%,#383838 50%,#0f0f0f 51%,#0f0f0f 100%);

    background: -ms-linear-gradient(top, #5b5b5b 0%,#383838 50%,#0f0f0f 51%,#0f0f0f 100%);

    background: linear-gradient(to bottom, #5b5b5b 0%,#383838 50%,#0f0f0f 51%,#0f0f0f 100%);

	border: 0px solid;

	color:#fff;

	padding: 6px 8px;

	border-radius: 4px;

	position: relative;

	font-size: 11px;

	}



.pun .postlink a:hover {

	background-color: #019ed9;

	}



#brdheader .box {

	color:#122434;

	}



.pun #brdtitle {

	height: 126px;

    background: url('Dark_Red/bg.jpg') no-repeat center -20px;

    /* background: url('Dark_Red/light.png') no-repeat center 10px,

                url('Dark_Red/yacht.png') no-repeat 0%; */

	padding: 30px 0px 0px 0px !important;

	}





.pun .infldset, #pundelete .deletemsg, #adintro .inbox, #adstats .inbox {

	background: #f8fafd;

	border-color: #daecf0;

	border-radius: 4px;

}



#adintro ul {

	list-style-type: disc;

	margin-left: 8px;

	padding-left: 16px;

	}



.pun .multiselect {

	color: #122434;

	}



.pun .checklist {

	background: white;

	border-color: #A2B5CC;

	}



/* Posts

----------------------------------------------------------------*/



.pun .blockpost .box, .pun .postright, .pun .postfootright, .pun .deletemsg {

	background-color: #F8FAFD;

	}



.pun .postright, .pun .postfootright {

	border-left-color: #F0F5FA

	}



.pun .postleft, .pun .postfootleft, .pun .blockpost label, .pun .codebox, .pun .quotebox {

	background-color: #f7f7f7;

    border-right: 1px solid #f0eff0;

	}



#punhelp .codebox, #punhelp .quotebox {

	background-color: #f9f9f9;

	}



.pun .blockpost h2 {

	background-color: #F0F5FA;

	}



.pun .blockpost h2  a{

	font-weight: normal;

	}



.pun .blockpost h2 span.conr {

	color: #aabdcd

	}



.pun hr {

	background-color: #77A2BD;

	color: #77A2BD;

	}



.pun .quotebox {

	background-color: #FAFCFE;

	}



.pun .postmsg ins, #punhelp samp ins {

	background-color: #ff0;

	}



/* Borders

----------------------------------------------------------------*/



.pun .box, .pun h2, #brdfooter #modcontrols {

	/* border: 0; */

}



.blocktable #announce h2 {

	border-color: #F6B620;

}



.pun td {

	border-color: #e0dde0;

	}



.pun th, .pun fieldset {

	border-color: #daecf0;

	}



#adminconsole  th {

	background: none;

	color: #1F3A56;;

	}



#adminconsole td, #adminconsole th {

	border-style:solid;

	border-width:1px 0px !important;

}



#adminconsole th {

	border-width: 1px 0px 1px 1px !important;

}



#adminconsole td {

	border-width: 1px 1px 1px 1px !important;

}



.pun .forminfo, .pun .blockpost label, .pun .deletemsg {

    background: #ffffff;

    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);

    background: -webkit-gradient(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%);

    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);

	border: 0;

	font-size: 12px;

	border-bottom-right-radius: 6px;

	border-bottom-left-radius: 6px;

    border-bottom: 2px solid #c60303;

	}



.pun .forminfo{

    background: #ffffff;

    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);

    background: -webkit-gradient(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%);

    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);

    border-bottom: 2px solid #c60303;

	font-size: 12px;

	}



.pun .quotebox, .pun .codebox {

	border-color: #BCD2E9;

	}



.pun .postlink a:link, .pun .postlink a:visited {

	border-color: #C0D6E9

	}





/* Links

----------------------------------------------------------------*/



.pun a {

	color: #eee;

	text-decoration: none;

	}



.pun a:hover, .pun a:active, .pun a:focus {
	color: #DC0029;
	text-decoration: none;
	}



.pun .blocktable a {

	color: #242424;

	text-decoration: none;

	}



.pun .blocktable a:hover {
	color: #DC0029;
	text-decoration: none;
	}



#brdwelcome a, .box a {
	color: #DC0029;
	text-decoration: none;
	}



#brdmenu li a {

	color: #fff;

	text-transform: uppercase;

    text-decoration: none;

	padding: 17px 10px 15px 10px;

    text-shadow: 0px -2px 0px #ea0000;

    font-size: 13px;

    font-weight: bold;

    letter-spacing: 1px;

    background: url('Dark_Red/menu_divider.png') no-repeat right;

    display: block;

    float: left;

    margin: 0;

    box-shadow: 25px 0px 40px -15px rgba(0,0,0,0) inset,

                -25px 0px 40px -15px rgba(0,0,0,0) inset;

    transition: all 0.3s;

	}



#brdmenu li a:hover {
	text-decoration: none;
	box-shadow: inset 25px 0px 40px -15px #940000,-25px 0px 40px -15px #940000 inset;
	-webkit-box-shadow: inset 25px 0px 40px -15px #940000,-25px 0px 40px -15px #940000 inset;
	}



#brdmenu li.isactive a {

	text-decoration: none;

    box-shadow: 25px 0px 40px -15px #940000 inset,

                -25px 0px 40px -15px #940000 inset;

	}

#brdmenu li:first-of-type a {

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

}



#vf a {

	font-weight: bold;

	}





.pun .iclosed td.tcl a:link, .pun .iclosed td.tcl a:visited {

	color: #888

	}



.pun .isticky.iclosed td.tcl a:link, .pun .isticky.iclosed td.tcl a:visited {

	color: #475F6B !important;

	}



.pun .isticky.iclosed td.tcl a:hover {

	color: #577382 !important;

	}



.pun .iclosed td.tcl a:hover, .pun .iclosed td.tcl a:active {

	color: #aaa

	}



.pun .maintenancelink a:link, .pun .maintenancelink a:visited {

	color: #b42000

	}



.pun .maintenancelink a:hover, .pun .maintenancelink a:active {

	color: #b42000

	}





/* Status Indicators

----------------------------------------------------------------*/



.pun .icon {

	background-image:url(Dark_Red/icon-nonew.png);

	}



.pun .iredirect .icon {

	background-image:url(Dark_Red/icon-moved.png);

	}



.pun .inew .icon{

	background-image:url(Dark_Red/icon-new.png);

	}



.pun .iclosed .icon  {

	background-image:url(Dark_Red/icon-closed.png);

	}



.pun .isticky .icon {

	background-image:url(Dark_Red/icon-nonew-sticky.png);

	}



.pun .isticky.inew .icon {

	background-image:url(Dark_Red/icon-new-sticky.png);

	}



.pun .iclosed.isticky .icon {

	background-image:url(Dark_Red/icon-closed-sticky.png);

	}



.pun .imoved .icon {

	background-image:url(Dark_Red/icon-moved.png);

	}

	

.design_footer {

	font-size: 11px;

    display: block;

    margin-top: 12px;

}