/* CS1 Background and text colours
-------------------------------------------------------------*/

/* CS1.1 */
.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd, .punbb .post-body,
.post-box, .punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background: #e7ddd2;
  }

#pun-ulinks .container {
  background-color: inherit;
  color: #0c090a;
  }

form#post.container, .punbb .formal fieldset {
   background: #e7ddd2 url(https://i.imgur.com/xPvlPhC.png) center repeat;
  }

/* CS1.2 */
.punbb .post .container,
.punbb .post h3 {
  background: #e7ddd2 url(https://i.imgur.com/xPvlPhC.png) center repeat;
  color: #0c090a;
  }

.punbb .post h3 span {
  background-color: inherit;
  color: #0c090a;
  }

.punbb td.tc2, .punbb td.tcr {
  background-color: inherit;
  color: #0c090a;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2 {
background: rgba(96, 125, 139, 0.3) url() repeat;
max-height: 22px;
  color: #CDDC39;
	font: normal 24px 'nord';
	text-align: right;
       	text-transform: uppercase;
	padding-right: 60px;
	padding-bottom: 8px;
	padding-top: 6px;
	/* text-shadow: 1px 1px 2px black, 0 0 1em #8ac4cc; */
 }

/* CS1.4 */
.punbb .modmenu .container {
  background-color: inherit;
  color: #e7ddd270;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: inherit;
  color: #70726d;
  }

#viewprofile h2 span {
  background-image: none;
  }

.punbb .post h3 strong {
  color: #47454a;
  font: bold 16px 'nord'!important;
  
  }

/* CS1.7 */
 .punbb .quote-box, .punbb .code-box {
  background-color: #d3cdca;
  color: #d3cdca;
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #d7d2cc;
  color: #252525;
  box-shadow: 0 0 3px -1px;
  -webkit-box-shadow: 0 0 3px -1px;
  -moz-box-shadow: 0 0 3px -1px;

  } 

textarea#video-area-tinp {
	width: 450px!important;
}

/* CS1.8 */
#pun-navlinks .container {
  background: inherit;
  color: #0c090a;
  }

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

.punbb th {
   color: rgba(40, 45, 52, 0.8);
  background: transparent;
  }

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

#pun-title, #pun-navlinks {
    border-color: #1b1d21;
}

#pun-ulinks .container {
  border-color: transparent;
  }

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb fieldset,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

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

/* CS2.4 */
.punbb td {
  border-color: transparent;
  }

.punbb .info-box , #viewprofile ul, #profilenav ul, .punbb .post h3 span, .post-links ul, .post-links {
    border: 0px;
  border-color: transparent;
  }

.usertable table, .punbb .post-box td {
  border-color: #d3cbc2;
  }

/* CS2.5 */
.punbb .main th {
  border-color: transparent;
  border-bottom-color: transparent;
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: transparent;
  }

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

.punbb .divider {
  border-color: #282d34;
  }
  
.punbb .post-sig dt {
  border-color: #282d34;
  }

.pa-fld1 hr {
  border-color: #969699;
  }
  
li.pa-online {
  border-left-color: #282d34;
  }


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

/* CS3.1 */
.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 {
  background-color: none;
  text-decoration: none;
  color: #193746;
  font-family: 'Verdana';
  font-weight: 600;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  text-decoration: none;
  color: #92180f;
  font-family: 'Verdana';
  border-bottom: solid 1px #92180f;
  }

#pun-ulinks li a {
    color: #c3bbb2;
    font-size: 15px;
    font-family: 'nord';
}

#pun-ulinks li a:hover { color: #92180f; }

/* CS3.2 */
.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 {
  text-decoration: underline;
  color: #92180f;
  font-family: 'Verdana';
  }

/* CS3.3 */
#pun-navlinks a {
  text-decoration: none;
  color: #CDDC39;
  font: 600 18px 'nord'!important;
  text-transform: uppercase;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: underline;
  color: #616161;
  font-family: Palatino Linotype;
  text-transform: uppercase;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #e2dbda;
  color: #47454a;
  font-family: Georgia;
  }

.post h3 span a:link, .post h3 span a:visited {
  font-weight: 600;
  font-size: 13px;
  text-decoration: none;
  font-family: 'nord';
  color: #353f43;
  margin-left: 20px!important;
  }

.topic a.sharelink {
    display: none;
}



/* CS4 Post status icons
-------------------------------------------------------------*/

div.icon {
        background: url(https://i.imgur.com/SqJqqJv.png) no-repeat;
}

tr.inew div.icon {
        background: url(https://i.imgur.com/L0nGMxj.png) no-repeat; 
}

tr.iclosed div.icon {
        background: url(https://i.imgur.com/EI1WOYO.png) no-repeat;
}

tr.iredirect div.icon {
        background: url() no-repeat;
}

tr.isticky div.icon {
        background: url(https://i.imgur.com/Ce6PEj2.png) no-repeat;
}

td.tcr a{
        background: transparent url() no-repeat 0px 0px;
        padding-left: 0px;
}

#pun-stats ul.container {
        background: transparent url() no-repeat 0px 0px;
        padding-left: 20px;
    background: #e7ddd2;
}

#pun-stats div.statscon {
        background: inherit;
}

#pun-crumbs2 .container, #pun-about .container{
   background: #e7ddd2;
}

#pun-stats li.item4 {
display: inline-block;
float: center;
margin: 7px 2px!important;
width: 350px;
padding-top: 3px;
padding-bottom: 3px;
text-align: center!important;
letter-spacing: 0.5px;
text-transform: uppercase!important;
font: 500 12px 'nord';
background-color: #333c40;
color: #e7ddd2 !important;}

#pun-stats li.item3 {
display: inline-block;
margin: 7px 2px!important;
width: 300px;
padding-top: 3px;
padding-bottom: 3px;
text-align: center!important;
letter-spacing: 0.5px;
text-transform: uppercase!important;
font: 500 12px 'nord';
background-color: #333c40;
color: #e7ddd2 !important;}

#pun-stats li.item1, #pun-stats li.item2 {
display: inline-block;
margin: 7px 2px!important;
width: 140px;
padding-top: 3px;
padding-bottom: 3px;
text-align: center!important;
letter-spacing: 0.5px;
text-transform: uppercase!important;
font: 500 12px 'nord';
background-color: #333c40;
color: #e7ddd2 !important;}

#pun-stats li.item4 a {
    color: #c8d639 !important;
}

/* CS5
-------------------------------------------------------------*/

#logo {
    background: url() no-repeat;
    width: 58px;
    height: 300px;
    display: block;
    position: fixed;
    top: 10px;
    left: 50%;
    margin-left: -545px;
	}


body {
	background: url() no-repeat top 10px fixed; }

html {
	position: relative;
	background: #1e1f1e url(https://i.imgur.com/dlSjmf1.png) top no-repeat fixed;
        margin: 0 auto;
	}
/*https://i.imgur.com/YELYbG1.png*/

#pun_wrap {
	background-image: url("");
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 40px;
	}

#pun {
	background: transparent;
	border-color: transparent;
	color: inherit;
	}

#pun-announcement h2 {
	display: none;
	}

#pun-redirect, #pun-maint {
	background-color: #d7d2cc;
  color: #252525;
  box-shadow: 0 0 3px -1px;
  -webkit-box-shadow: 0 0 3px -1px;
  -moz-box-shadow: 0 0 3px -1px;

  }

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #avtrChang-area {
    background: #e7ddd2!important;
    box-shadow: 0 0 3px -1px;
    -webkit-box-shadow: 0 0 3px -1px;
    -moz-box-shadow: 0 0 3px -1px;
    z-index: 100 !important;
}

#smilies-area { 
overflow: auto; 
width: auto;
max-height: 250px; }
ul.tabs {height: 25px; line-height: 20px; margin: 0 0 3px; list-style: none;}
ul.tabs li {float: left; margin-right: 10px; cursor: pointer;}
ul.tabs li.tab-current a:hover {color: #c8aa61;}
div.t2,div.t3,div.t4{display: none; width: auto;} 

.fs-box {
max-width: 850px;
}

.lastedit {display:none}

.banners {
    background-image: url(' ');
    background-repeat: no-repeat;
    width: 150px;
    height: 62px;
}

/*--- Ñòðåëêè --- */ 
.go-up, .go-down {
    cursor: pointer;
    display: none;
    height: 16px;
    width: 48px;
    margin-bottom: -100px!important;
    opacity: 1;
    position: fixed;
    z-index: 9999;
    font: 600 16px 'nord';
    color: #cddc39;
}


.go-up {
    bottom: 230px;
    margin-left: 1040px !important;
    background:  rgb(29, 29, 29, 0.6);
    transition: all .2s linear 0s;
}
.go-down {
    bottom: 200px;
    margin-left: 1040px !important;
    background: rgb(29, 29, 29, 0.6);
      transition: all .2s linear 0s;
}

.go-up:after, .go-down:after {content: "";
width: 40px;
height: 2px;
display: block;
position: absolute;
margin-left: 8px;
margin-top: 2px;
transition: all .3s cubic-bezier(0.4, 0, 1, 1) 0s;}

.go-up:after { background: #cddc39;}
.go-down:after { background: #282d34; }

.go-up:hover:after, .go-down:hover:after {transform: scale(1.3,3.5)}

.go-down:hover, .go-up:hover {
    opacity: 1;
}

/*--- Ññûëêè --- */ 
#inform {
    position: absolute;
    margin-left: 886px;
    top: 110px;
}

#inform a {
    font-family: 'nord';
    background-color: rgb(49, 58, 62, 0.5);
    color: #cabfae;
    text-align: center;
    display: block;
    margin: 3px;
    font-size: 14px;
    width: 100px;
    letter-spacing: 0.7px;
    text-decoration: none;
    padding: 2px;
    border-color: #cabfae;
    font-weight: 600;
}

#inform a:hover {
    font-family: 'nord';
    color: #1d1d1d;
    text-align: center;
    display: block;
    margin-left: 30px;
    font-size: 14px;
    width: 100px;
    letter-spacing: 0.7px;
    text-decoration: none;
   padding: 2px;
    font-weight: 600;
    background: #e7ddd2;
    transition: all .3s cubic-bezier(.64,.51,.55,1.16) .1s;  
    transform: scale(1.2);
    background-color: rgba(199, 192, 165, 0.7);
    border-left: 4px solid #cddc39;
}


#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #avtrChang-area {
    background: #d3cdca;
    box-shadow: 0 0 3px -1px;
    -webkit-box-shadow: 0 0 3px -1px;
    -moz-box-shadow: 0 0 3px -1px;
    z-index: 100 !important;
}

#pun-index .category h2 span, #pun-stats.section h2 span {
-webkit-animation: blink 20s infinite alternate;
          animation: blink 20s infinite alternate;
}

/* li.pa-online { 
line-height: 0.8em; 
border-left-style: none; 
border-left-width: 0.7em; 
padding-left: 0em; 
margin-top: 0.8em; 
background: url() bottom left no-repeat; 
height: 180px; 
width: 180px; 
position: absolute; 
top: 120px; 
margin-left: -30px; 
font-size: 0; 
color: transparent; 
z-index: 1000000;
} */

@-webkit-keyframes blink {
  40% {
    opacity: 1;
  }
  42% {
    opacity: 0.8;
  }
  43% {
    opacity: 1;
  }
  45% {
    opacity: 0.2;
  }
  46% {
    opacity: 1;
  }
}
@keyframes blink {
  40% {
    opacity: 1;
  }
  42% {
    opacity: 0.8;
  }
  43% {
    opacity: 1;
  }
  45% {
    opacity: 0.2;
  }
  46% {
    opacity: 1;
  }
}

.punbb .pa-avatar img {
    max-width: 180px;
    max-height: 180px;
    padding: 0px;
    margin-bottom: -3px;
    transition: 1s ease;
    background: #d6d6d6;
}

.punbb .pa-avatar img:hover {
    opacity: 0.5;
    transition: 1s ease;
    background: transparent;
    filter: invert(90%);
}

li.pa-avatar {
    max-width: 180px;
    max-height: 180px;
    background: url(https://i.imgur.com/0q4n3nn.gif) bottom center #374046;
    padding: 0px;
    margin: 0px;
} 

/*------*/
::-webkit-scrollbar {
    width: 10px;
    height: 8px;
    background: #232425;
}

::-webkit-scrollbar-thumb {
    background: #e7ddd2b3; border: 2px solid #364044;
}

    ::selection { 
    background-color: #c7c0a5;
    color: #e7ddd2;
    opacity: 0.5;
    }  
*::-moz-selection {
    background-color: #c7c0a5;
    color: #1c1c1d;
}

/*--- Ñêðèïò +Øðèôòà ---*/
.FNTslider {
  border-radius: 4px;
  position: relative;
  z-index: 1000;
  background: #d3cbc2;
  width: 100px;
  height: 5px;
  margin: 3px 5px;
  border: solid 1px #333c40;
  float: right;
  margin-right: 7%;
}
.FNTslider .before {
  height: 5px;
  border: solid 1px transparent;
  border-right: none 0;
  border-radius: 4px 0 0 4px;
  position: absolute;
  background: #31302f;
  margin-top: -1px;
}
.FNTslider .thumb {
  width: 8px;
  height: 13px;
  border-radius: 3px;
  position: relative;
  top: -4px;
  background: #25271b;
  cursor: pointer;
}
html.punbb {
    border: 0px !important;
    box-shadow: none !important;
}


/* Ìàñêà ïðîôèëÿ (ñâÿçü ñ àâòîðîì ïðè íåïîëàäêàõ ñêðèïòà: homoveneficus@gmail.com)
-------------------------------------------------------------*/
#mask_dialog .inner {
    background: #e7ddd2 !important;
    border: 3px solid #353f44;
}

#mask_dialog .inner .mask-dialog-title {
    font-family: 'Tahoma';
}

#mask_dialog .inner .mask-block .preview-block {
    margin-right: 10px;
}

#mask_dialog .inner .masks-storage {
    margin-left: 10px;
}

#mask_dialog .inner .mask-block .preview-block a {
    font-size: 11px; }

/* ìîáèëüíûé!
-------------------------------------------------------------*/
.Add {display: none;}