/* CS1 Background and text colors
-------------------------------------------------------------
*/

div#pun-navlinks {
	position: absolute;
	width: 100%;
	z-index: 2;
}

div#pun-ulinks {
	text-align: left;
	font-size: 8px;
	padding-left: 16px;
}

.pa-respect {
	margin-bottom: 5px!important;
}

.pa-posts,
.pa-respect {
	font-family: fira sans, arial;
	text-transform: lowercase;
	padding-left: 5px!important;
	padding-top: 5px!important;
	text-align: center;
	font-size: 9px;
	display: inline-block;
	width: 70px;
	color: #e1e1e1;
}

.pa-respect a {
	color: #e1e1e1!important;
}

.pa-ip, .pa-last-visit {
    text-align: center;
    font-size: 10px;
    font-family: arial;
}

#pun-title table {
	background-image: url(http://forumfiles.ru/files/0018/0f/eb/57899.png);
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: 20px;
}

body {
	/* background-image: url(http://forumfiles.ru/files/0018/3c/13/21854.png); */
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: top center;
	background-color: #272727;
}

#pun {
	/* background-image: url(http://forumfiles.ru/files/0018/3c/13/54137.png); */
	paddind-top: 10px;
	background-color: #E1E1E1;
	text-align: justify;
	background-position: center;
	background-attachment: scroll;
}

.punbb .main .container,
.punbb .post .container,
.punbb .post h3,
.punbb-admin #pun-admain .adcontainer,
#pun-title,
#pun-title .container,
.punbb .modmenu .container,
.punbb legend span,
#viewprofile h2 span,
#profilenav h2 span,
.punbb-admin #pun-admain legend span,
.punbb .post h3 span,
.punbb th,
#viewprofile li,
#setmods dl {
	background-color: transparent;
	color: #2c222a;
}

#pun-title table tbody tr .title-logo-tdr {
	position: absolute;
	z-index: 1;
	left: 200px;
	top: 400px;
}

#pun-stats h2 span {
	padding-right: 15px;
	color: #333!important;
	padding-left: 20px!important;
}

#pun-stats h2 {
	width: 940px;
	border-style: none;
	font-size: 15px!important;
	text-align: left!important;
	padding: 0 0 5px 0!important;
	line-height: 15px;
}

#pun-navlinks .container {
	background-color: transparent;
	color: #101010;
	text-align: center;
}

.offline li.pa-online strong {
	color: #101010;
	font-weight: normal
}

.punbb textarea,
.punbb select,
.punbb input {
	background-color: transparent;
	color: #101010;
}

.punbb .section h2,
#pun-main h1,
#pun-main h2,
#pun-stats h2,
#pun-debug h2 {
	text-align: center;
	text-transform: lowercase;
	font-family: Fira Sans, Arial;
	font-weight: bold;
	font-size: 17px;
	height: 11px;
	margin-top: 0px;
}


/* CS2 Border colours
-------------------------------------------------------------*/

.punbb .container,
.punbb .post-body,
.post h3,
#pun-title {
	border-color: transparent;
}

.punbb .section,
.punbb .forum,
.punbb .formal,
.punbb .modmenu,
.punbb .info,
.punbb .category,
.punbb .post {
	border-color: transparent;
}

#pun-stats h2,
.punbb .main h1,
.punbb .main h2,
#pun-debug h2,
.punbb-admin #pun-admain h2 {
	border-color: transparent;
}

#pun-stats h2 .punbb .main h1,
.punbb .main h2,
#pun-debug h2,
.punbb-admin {
	color: #333!important;
}

.punbb td,
.punbb fieldset,
#viewprofile ul,
#profilenav ul,
.punbb .post .post-body,
.punbb .post h3 span,
.post-links ul,
.post-links,
.usertable table {
	border-color: transparent;
}

.punbb th {
	border-color: transparent;
}

#pun-ulinks li,
#pun-announcement h2 span,
li#onlinelist,
#pun-help .formal .info-box h3.legend span {
	border-color: transparent;
}

#pun-ulinks li a,
#pun-announcement h2,
li#onlinelist div,
#pun-help .formal .info-box h3.legend {
	border-color: transparent;
}

.punbb .divider {
	border-color: transparent;
}

.punbb .formal fieldset .post-box,
.punbb .info-box {
	border: 1px solid #ab5719
}

li.pa-online {
	border-left-color: transparent;
}


/* CS3 Links
-------------------------------------------------------------*/

.punbb a,
.punbb a:link,
.punbb a:visited,
.punbb-admin #pun-admain a,
.punbb-admin #pun-admain a:link,
.punbb-admin #punbb-admain a:visited {
	color: #727586;
	border-bottom: 0px none #000;
	text-decoration: none;
	/* -webkit-transition: all linear 0.3s; */
	-moz-transition: all linear 0.3s;
	-ms-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;
	transition: all linear 0.3s;
}

.punbb li.isactive a,
.punbb li.isactive a:link,
.punbb li.isactive a:visited {
	color: #101010;
}

.punbb a:hover,
.punbb a:focus,
.punbb a:active,
.punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover,
.punbb-admin #punbb-admain a:focus,
.punbb-admin #punbb-admain a:active {
	color: #043c53!important;
	text-decoration: none;
}

#pun-ulinks a {
	color: #414141;
}

#pun-ulinks a:hover,
#pun-ulinks a:focus,
#pun-ulinks a:active {
	color: #222222;
	text-decoration: underline;
}

#pun-navlinks a {
	color: #101010;
	font-weight: bold;
	text-transform: uppercase;
}

#pun-navlinks a:hover,
#pun-navlinks a:focus,
#pun-navlinks a:active {
	color: #727586;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
}

#pun-pagelinks a:active,
#pun-pagelinks a:focus {
	background-color: #333;
	color: #101010;
}


/* CS4 Stuff
-------------------------------------------------------------*/

#pun .section {
	border-style: none;
}

#pun .tc2,
#pun-main .post-author ul {
	text-align: center
}


/* CS5 Post status icons
-------------------------------------------------------------*/

#pun-main div.catleft, #pun-main div.catright {display: none}

/* CS6 Èêîíêè ñîîáùåíèé
 -------------------------------------------------------------*/

#pun-viewforum Div.icon {background-image : url(http://forumfiles.ru/files/0018/0f/eb/66571.png); background-repeat: no-repeat; }
#pun-messages Div.icon {background-image : url(http://forumfiles.ru/files/0018/0f/eb/66571.png); background-repeat: no-repeat; }

#pun-viewforum TR.inew Div.icon {background-image : url(http://forumfiles.ru/files/0018/0f/eb/97827.png); background-repeat: no-repeat;}
#pun-messages TR.inew Div.icon {background-image : url(http://forumfiles.ru/files/0018/0f/eb/97827.png); background-repeat: no-repeat;}

#pun-viewforum TR.isticky Div.icon {background-image : url(http://forumfiles.ru/files/0018/0f/eb/93065.png); background-repeat: no-repeat;}
#pun-messages TR.isticky Div.icon {background-image : url(http://forumfiles.ru/files/0018/0f/eb/93065.png); background-repeat: no-repeat;}

#pun-viewforum TR.iclosed Div.icon {background-image : url(http://forumfiles.ru/files/0018/0f/eb/63161.png); background-repeat: no-repeat;}
#pun-messages TR.iclosed Div.icon {background-image : url(http://forumfiles.ru/files/0018/0f/eb/63161.png); background-repeat: no-repeat;}


#pun-searchtopics Div.icon {
	display: none;
}

#pun-about p.container {
	background-image: url(http://forumfiles.ru/files/0018/0f/eb/63565.png);
	background-position: center top;
	background-repeat: no-repeat;
	border: none;
	margin-bottom: -91px;
	float: top center;
	width: 940px;
	text-align: right;
	height: 50px;
}

#pun-announcement.section h2 span {
	display: none;
}

#pun-main div.catleft,
#pun-main div.catright {
	display: none
}

#pun-title h1 span {
	display: none;
}


/* ÂÛÄÅËÅÍÈÅ ÍÎÂÛÕ ÒÅÌ ÖÂÅÒÎÌ */

.inew a {
    color: #043c53!important;
    font-weight: bold!important;
}

.lastedit {
	display: none
}

#pun-about .container .item1 {
	display: none
}

#pun-about .container .item1 a {
	display: none
}

#pun-navlinks #navawards {
	display: none;
}

#pun_wrap #pun #pun-viewtopic #pun-main #pun-live-rusff .cooltext {
	display: none
}

#pun_wrap #pun #pun-viewtopic #pun-main #pun-live-rusff #thiscool {
	display: none
}

#pun_wrap #pun #pun-viewtopic #pun-main #pun-live-rusff .cool2 a img {
	display: none
}

#pun_wrap #pun #pun-viewtopic #pun-main #pun-live-rusff .cool2 {
	display: none
}

#pun_wrap #pun #pun-viewtopic #pun-main #pun-live-rusff .cool3 {
	display: none
}

::-webkit-scrollbar {
	background: #000000;
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-thumb {
	background: #e1e1e1;
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-corner {
	background: transparent;
}

li.pa-awards {
	margin-top: 10px;
	margin-left: 3px;
}

.online ul .pa-online {
	font-family: arial;
	text-transform: lowercase;
	font-size: 9px;
	color: #fecb44;
	text-align: center;
	line-height: 22px;
}

.post-author-Sp .aw {
	margin-left: -7px!important;
}

.pa-author strong {
	color: #101010;
}

.forminput {
	width: 186px;
	text-align: center;
	font-weight: bold!important;
	font: 11px arial!important;
	background-color: #101010;
	border-style: none;
	border-color: #ececec;
	color: #101010!important;
	padding: 1px 2px 2px 4px;
	text-align: center;
}

#font-area,
#size-area,
#video-area,
#color-area,
#table-area,
#smilies-area,
#keyboard-area,
#addition-area {
	z-index: 1;
	background-image: url(http://forumfiles.ru/files/0018/3c/13/54137.png);
	border: 1px solid #ccc;
}

#post fieldset .hashelp #image-area {
	left: 170px;
	width: 400px;
	background-image: url(https://i.imgur.com/DwCOSWJ.jpg);
	z-index: 1;
}

#pun-reputation div {
	z-index: 2;
	background: url(http://forumfiles.ru/files/0018/3c/13/54137.png);
}

#pun-report .bg,
#pun-reputation .bg,
#pun-admin-award-form .bg {
	background: #3F9CB3;
}

#pun-report .post_report {
	background: url(http://forumfiles.ru/files/0018/3c/13/54137.png);
	z-index: 2;
}

.pa-fld1 {
	border-bottom: 2px dashed #F30000;
	font-family: Arial;
	font-weight: 800;
	text-transform: lowercase;
	font-style: italic;
	font-size: 16px;
	/* height: 22px; */
	padding-bottom: 5px!important;
	margin-top: 6px!important;
	margin-left: -11px!important;
	width: 210px;
}

.pa-fld2 {
	font-size: 10px;
	font-family: arial, sans-serif;
	text-align: center;
	margin-left: -11px!important;
	width: 196px;
	padding: 5px 7px!important;
	border-bottom: 2px dashed #F30000;
}

.pa-fld3 {
	font-size: 10px;
	font-family: arial, sans-serif;
	text-align: center;
	margin-left: -11px!important;
	width: 196px;
	padding: 5px 7px!important;
	border-bottom: 2px dashed #F30000;
}

.punbb .forum {
	margin-top: 25px;
}

.perinf {
	text-align: justify;
	background-color: #ebe1dc;
	font-size: 11px!important;
	position: relative;
	font-family: arial;
	top: -9px;
	border-color: #eee6d7!important;
	padding: 6px;
	line-height: 1;
}

#post-preview {
	min-width: 0;
}

.container fieldset .fs-box .container .post-body .post-box .post-content .quote-box blockquote p {
	max-width: 350px;
	overflow: auto;
}


/*--CALENDAR--*/

.calendar_wrapper {
	max-height: 296px;
}

.month {
	padding: 70px 0px;
	width: 100%;
	background: #daeae5;
	text-align: center;
}

.month ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

.month ul li {
	color: white;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 3px;
}

.month .prev {
	float: left;
	padding-top: 10px;
}

.month .next {
	float: right;
	padding-top: 10px;
}

.weekdays {
	margin: 0;
	padding: 10px 0;
	background-color: #c0d6d0;
}

.weekdays li {
	display: inline-block;
	width: 13.7%;
	color: #666;
	text-align: center!important;
}

.days {
	padding: 10px 0;
	background: #eee;
	margin: 0;
}

.days li {
	list-style-type: none;
	display: inline-block;
	width: 13.7%;
	text-align: center!important;
	margin-bottom: 5px;
	font-size: 12px;
	color: #777;
	padding: 5px;
	cursor: pointer;
}

.days li:hover {
	background: #1abc9c;
	color: white !important
}

.eventsMessage {
	display: none;
	width: 300px;
	height: 100px;
	overflow: auto;
	background: #c0d6d0;
	/*color: #666;*/
	/*border: #9c9c9c solid 1px;*/
	position: relative;
	top: -290px;
	margin: 0 auto!important;
	padding: 10px;
}

.close {
	cursor: pointer;
	width: 20px;
	height: 20px;
	font-size: 20px;
	margin-right: 0!important;
	margin-left: auto!important;
}


/* Add media queries for smaller screens */

@media screen and (max-width:720px) {
	.weekdays li,
	.days li {
		width: 13.1%;
	}
}

@media screen and (max-width: 420px) {
	.weekdays li,
	.days li {
		width: 12.5%;
	}
	.days li .active {
		padding: 2px;
	}
}

@media screen and (max-width: 290px) {
	.weekdays li,
	.days li {
		width: 12.2%;
	}
}

.op {
	text-align: center;
	background-color: #e0d5cf;
	padding: 2px;
	height: 14px;
	line-height: 12px;
	margin-bottom: 5px!important;
	font-family: arial;
	font-size: 12px;
	color: #371a31;
}

.tcldescr {
	margin-bottom: 4px!important;
	padding: 5px 10px;
	text-align: justify;
	background-color: none;
	border: #faac88 solid 2px;
	border-top: none!important;
}

.crumbs {
	font-family: arial;
	font-weight: bold;
}

#pun-status .container .item1,
.item2 {
	font-family: arial;
}

#pun-status .container .item1 {
	background: #fecb44;
}

.code-box .legend {
	text-align: left!important;
}


/* âêëàäêè äîï ñìàéëîâ */

ul.tabs {
	height: 25px;
	line-height: 25px;
	margin: 0 0 3px;
	list-style: none;
}

ul.tabs li {
	float: left;
	margin-right: 1px;
	cursor: pointer;
}

ul.tabs li a {
	display: block;
	padding: 0 13px 1px;
	margin-bottom: -1px;
	color: #444;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	font-family: arial;
	text-transform: uppercase;
	font-weight: bold;
}

* html ul.tabs li a {
	float: left
}

*+html ul.tabs li a {
	float: left
}

ul.tabs li a:hover {
	color: #043c53;
	padding: 0 13px;
	font-family: arial;
	text-transform: uppercase;
	font-weight: bold;
}

ul.tabs li.tab-current a {
	color: #444;
	padding: 0px 13px 2px;
	font-family: arial;
	text-transform: uppercase;
	font-weight: bold;
}

div.t2,
div.t3,
div.t4,
div.t5 {
	display: none;
	width: 450px;
	height: 150px;
	overflow: auto;
}


/* ÎÔÎÐÌËÅÍÈÅ ÊÍÎÏÎÊ */

button,
.button {
	text-transform: uppercase!important;
	font-weight: 700!important;
	padding: 6px!important;
	font-size: 10px!important;
	border: 1px solid #0099FF;
}

#main-reply {
	width: 100%;
	height: 200px;
}

#font-area {
	height: 300px;
	overflow: auto;
}

.shaplink {
	position: absolute;
	font-family: Arial Black, Arial;
	left: 400px;
	top: 8px;
	font-size: 16px;
}

.shaplink a {
	color: #000000!important;
}

#mask_dialog .hv-bg {
	z-index: 999;
}

.strelki {
	position: fixed;
	z-index: 1003;
	right: 3%;
	font-size: 14px;
	font-weight: 700;
	font-family: play;
	bottom: 35%;
}

.strelki a {
	color: #d8bdcf!important;
}

.strelki a:hover {
	color: #6ea6a0!important;
}


/* Ãîñòåâàÿ êíèãà*/

.guestbook {
    width: 640px;
    padding: 0;
    background: url(http://forumfiles.ru/files/0018/0f/eb/34948.png) no-repeat;
    height: 500px;
    margin-top: 20px!important;
    margin-left: 0px;
}

.faceh {
    position: absolute;
    text-align: center;
    margin-top: 8px!important;
    width: 640px;
    font-family: Fira Sans, Arial;
    color: #ececec;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.faceh22 {
    position: absolute;
    margin-top: 40px!important;
    width: 550px;
    margin-left: 50px!important;
    text-align: center;
    font-family: arial;
    color: #37373f;
    font-weight: 600;
    font-size: 11px;
}

.bookcont {
    position: absolute;
    text-align: justify;
    font-size: 11px;
    margin-top: 135px!important;
    margin-left: 50px!important;
    width: 540px;
    height: 170px;
    overflow: auto;
    color: #37373f;
    letter-spacing: 1px;
    font-family: arial;
}

.facesbook {    position: absolute;
    color: #5a5a64!important;
    margin-top: 195px;
    margin-left: 25px;
    width: 552px;
    height: 131px;
    overflow: auto;
    font-size: 11px;
    text-transform: lowercase;
    font-family: arial;
    letter-spacing: 1px;
    font-weight: 600;}

.gbfaceclaims1 {
    height: 120px!important;
    width: 250px!important;
    overflow-y: scroll!important;
    position: absolute!important;
    margin-top: 330px!important;
    margin-left: 45px!important;
    padding: 0px 0px 0px 3px!important;
    text-align: left;
    text-transform: lowercase;
    font-size: 11px;
    font-family: Fira Sans, Open sans, arial;
}

.gbcharacters1 {
    height: 120px!important;
    width: 250px!important;
    overflow-y: scroll!important;
    position: absolute!important;
    margin-top: 330px!important;
    margin-left: 345px!important;
    padding: 0px 0px 0px 3px!important;
    text-align: left;
    text-transform: lowercase;
    font-size: 12px;
    font-family: Fira Sans, Open sans, arial;
}