/* CS1 ÎÑÍÎÂÀ È ÖÂÅÒ*/

/* CS1.1 ÖÂÅÒ ÒÅÊÑÒÀ ÍÀ ÂÑÅÌ ÔÎÐÓÌÅ */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #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, #pun-navlinks .container  { background-color: transpanent;
  color: #000000;
  font-weight: normal;
  font-style: normal;
  }

/* CS1.2 ÔÎÍ ÔÎÐÓÌÀ */
body {background-color: #000000;  background-image: url(àäðåñ); background-position: top center; }

/* CS1.3 ØÀÏÊÀ */
#pun-title table {
  background-image : url(https://i.imgur.com/5iIqgD9.jpg); 
  background-repeat : no-repeat;
  background-position: top center;
  border: none;
  height: 341px;
  width: 1126px;
  margin-left: -33px;
  }

/* CS1.4 ÒÅËÎ */
#pun {background-color: #f3f3f3; background-image: url(àäðåñ);}

/* CS1.5 ÔÓÒÅÐ */
#pun-about p.container {
  background-image: url(https://i.imgur.com/lcQJW03.jpg); 
  background-position: top center; 
  background-repeat: no-repeat; 
  height: 277px; 
  width: 1183px;
  margin-bottom: -106px;
  margin-left: -244px; 
  }

/* CS1.6 ÑÑÛËÊÈ ÂÅÐÕÍÅÉ ÍÀÂÈÃÀÖÈÈ */
#pun-navlinks .container { 
  background-color: transpanent;
  background-image: url();
  word-spacing: -1px;
  }

/* CS1.7 ÑÑÛËÊÈ ÍÈÆÍÅÉ ÍÀÂÈÃÀÖÈÈ */
#pun-ulinks .container { 
  text-align: center; 
  top: 300px;
  left: 198px;
  }

/* CS2 ÑÑÛËÊÈ*/

/* CS2.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, .punbb 
 li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
 color: #000000;
 text-decoration: none;}

/* CS2.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 {
  color: #c00808; 
  text-decoration: none;
 -webkit-transition: all 0.6s ease;
 -moz-transition: all 0.6s ease;
 -o-transition: all 0.6s ease;
  transition: all 0.6s ease;}

/* CS2.3 */

#pun-ulinks a:hover {
  color: #ff0000;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  }

/* CS3 ÊÀÒÅÃÎÐÈÈ */
#pun-category1.category h2 {
  background: url(https://i.imgur.com/WPMRc0E.jpg);
  height: 26px;
  width: 959px;
  font-size: 0 !important;
  margin-left: -27px;
  }

/* CS4 ÄÐÓÃÎÅ */

/* CS4.1 ÊÎÄÛ Â ÑÎÎÁÙÅÍÈßÕ */
.punbb .code-box {
 background-color: #f7f7f7;
 border-bottom: 1px solid #000000!important;
 border-top: 1px solid #000000!important;
 border-right: 1px solid #000000!important;
 border-left: 1px solid #000000!important;
 color: #000000;
 }

/* CS4.2 ÖÈÒÀÒÛ Â ÑÎÎÁÙÅÍÈßÕ*/
.punbb .quote-box {
 background-color: #f7f7f7;
 border-bottom: 1px solid #000000!important;
 border-top: 1px solid #000000!important;
 border-right: 1px solid #000000!important;
 border-left: 1px solid #000000!important;
 color: #000000;
 }

/* CS4.3 ÏÎÄËÎÆÊÀ ÂÂÎÄÀ */
.punbb textarea, .punbb select, .punbb input {
 background-color: #f3f3f3;
 color: #000000; 
 }

/* CS4.4 ÏÎÄÂÈÍÓÒÜ ÂÅÐÕÍÈÉ ÁÀÍÍÅÐ */
#pun-title table tbody tr .title-logo-tdr {
  position: absolute; z-index: 1; 
  left: 50px; 
  top: -192px;
  }

/* CS4.5 ÈÊÎÍÊÈ ÑÒÀÐÛÕ/ÍÎÂÛÕ/ÂÀÆÍÛÕ/ÇÀÊÐÛÒÛÕ */
.punbb table Div.icon {float: left;
 display: block;
 border-style: none none none none;
 margin-left: 10px;
 margin-top: 9px;
 margin-bottom: -3px;
 padding: 3px;
 width: 87px;
 height: 15px;

 background: url(https://i.imgur.com/Mlw6onA.jpg) no-repeat;}

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

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

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

#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: left;}
#pun-crumbs1 .container { text-align: left;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}
#pun th, #pun-main h2 { color: #b7b7b7;
  text-transform: lowercase;
  font-family: Arial;
  font-size: 9px;
  letter-spacing: 0.7px;
  }

/* ÓÁÈÐÀÅÒ "ÔÎÐÓÌ", "ÒÅÌ", "ÑÎÎÁÙÅÍÈÉ", "ÏÎÑËÅÄÍÅÅ ÑÎÎÁÙÅÍÈÅ" ÍÀ ÃËÀÂÍÎÉ*/
.category .container thead {display: none;}

.punbb .post .post-author {
 background: url(...) 0 0 repeat-y;
 overflow: visible!important;
 margin: -21px 0px 0px -20px!important;
 }
.punbb .post .post-author > ul {
 background: url(...) 0 top no-repeat, url(...) 0 bottom no-repeat;
 margin: 0px 0 -12px -3!important;
 padding: 15px 16px 15px 16px!important;
 }

/* CS4.6 ÊÍÎÏÊÈ */
input.button {
 background: linear-gradient(to bottom, #f3f3f3 3%, #f3f3f3 87%);
 border: 1px solid #000000;
 display: inline-block;
 cursor: pointer;
 color: #000000;
 font-family: Arial!important;
 text-transform: uppercase;
 font-size: 9px!important;
 padding-left: 6px!important;
 height: 26px!important;
 }

/* CS4.7 ÑÑÛËÊÈ Â ØÀÏÊÅ */
.perct {font-family: 'Roboto', sans-serif;
 letter-spacing: 0px;
 font-size: 52px;
 font-style: italic;
 font-weight: 900;
 color: #141416;
 }

.links {font-family: 'Roboto', sans-serif;
 font-family: 'Roboto', sans-serif;
 letter-spacing: 0.5px;
 font-size: 14px;
 font-style: italic;
 font-weight: 900;
 color: #141416;
 }

#pun-navlinks a { display: inline-block; height: 35px; width: 35px; }

/* CS4.8 ÍÀÂÈÃÀÖÈß ÏÎ ÔÎÐÓÌÓ ÊÍÎÏÊÀÌÈ */
/*ôîðóì*/#navindex a:after { font-family: batch-icon; content: "\F162"; font-size: 15px; width: 20px !important; height: 25px !important; padding: 11px 8px 9px 8px; background-color: none; } 
/*ó÷àñòíèêè*/ #navuserlist a:after { font-family: batch-icon; content: "\F045"; font-size: 15px; width: 20px !important; height: 25px !important; padding: 11px 8px 9px 8px; background-color: none; } 
/*íàãðàäû*/ #navawards a:after { font-family: batch-icon; content: "\F0D4"; font-size: 15px; width: 20px !important; height: 25px !important; padding: 11px 8px 9px 8px; background-color: none; } 
/*ïîèñê*/ #navsearch a:after { font-family: batch-icon; content: "\F094"; font-size: 15px; width: 20px !important; height: 25px !important; padding: 11px 11px 9px 10px; background-color: none; } 
/*ïðîôèëü*/ #navprofile a:after { font-family: batch-icon; content: "\F080"; font-size: 15px; width: 20px !important; height: 25px !important; padding: 11px 9px 9px 9px; background-color: none; } 

/*ñîîáùåíèÿ*/ #navpm a:after { font-family: batch-icon; content: "\F13D"; font-size: 15px; width: 20px !important; height: 25px !important; padding: 11px 10px 9px 11px; background-color: none; } 

/*àäìèíèñòðèðîâàíèå*/ #navadmin a:after { font-family: batch-icon; content: "\F142"; font-size: 15px; width: 20px !important; height: 25px !important; padding: 11px 12px 9px 12px; background-color: none; } 
/*âûõîä*/ #navlogout a:after { font-family: batch-icon; content: "\F159"; font-size: 15px; width: 20px !important; height: 25px !important; padding: 11px 10px 9px 11px; background-color: none; } 
/*âõîä*/ #navlogin a:after { font-family: batch-icon; content: "\F156"; font-size: 15px; width: 20px !important; height: 25px !important; padding: 11px 11px 9px 10px; background-color: none; } 
/*ðåãèñòðàöèÿ*/ #navregister a:after { font-family: batch-icon; content: "\F173"; font-size: 15px; width: 20px !important; height: 25px !important; padding: 11px 12px 9px 12px; background-color: none; } 

/*ÓÁÐÀÒÜ ÍÀÇÂÀÍÈß ÍÀÂÈÃÀÖÈÈ ÔÎÐÓÌÀ*/
#pun-navlinks a { font-size: 0 !important; }

/* ÖÂÅÒ ÑCÛËÊÈ ÏÎÄÔÎÐÓÌÀ */
.tcl h3 a {
 color: #000000!important;
 font-family: UnifrakturMaguntia;
 font-style: italic;
 text-transform: lowercase;
 font-weight: 900;
 font-size: 34px;
 letter-spacing: 1.5px;
 }

/* ÖÂÅÒ ÑÑÛËÊÈ ÏÎÄÔÎÐÓÌÀ ÏÐÈ ÍÀÂÅÄÅÍÈÈ */
.tcl h3 a:hover, .tcl h3 a:focus, .tcl h3 a:active  {
 color: #353535!important;
 font-family: UnifrakturMaguntia;
 text-transform: lowercase;
 font-style: italic;
 letter-spacing: 1.5px;
 font-weight: 900;
 font-size: 34px;
 }

/* ÖÂÅÒ ÑÛËÊÈ ÍÀ ÏÎÑËÅÄÍÞÞ ÒÅÌÓ ÍÀ ÔÎÐÓÌÅ */
.tcr a {
 color: #000000!important;
 font-family: 'Lato', sans-serif;
 text-transform: uppercase;
 font-weight: bolder;
 font-size: 11px;
 letter-spacing: 0.3px;
 }

/* ÖÂÅÒ ÑÑÛËÊÈ ÍÀ ÏÎÑËÅÄÍÞÞ ÒÅÌÓ ÍÀ ÔÎÐÓÌÅ ÏÐÈ ÍÀÂÅÄÅÍÈÈ */
.tcr a:hover, .tcr a:focus, .tcr a:active  {
 color: #ff0000!important;
 font-family: 'Lato', sans-serif;
 text-transform: uppercase;
 font-weight: bolder;
 font-size: 11px;
 letter-spacing: 0.3px;
 }

/* ÖÂÅÒ ÈÌÅÍÈ ÀÂÒÎÐÀ ÏÎÑËÅÄÍÅÃÎ ÑÎÎÁÙÅÍÈß */
.tcr span {font-size: 10px;
 color: #353232;
 text-transform: uppercase;
 font-family: Arial;
 }

.punbb .section h2 span, #pun-main h1 span, #pun-stats h2 span, #pun-main h2 span, #pun-debug h2 span {margin- 
 top: 5px !important;
 display: inline-block;
 border-bottom: 1px solid currentColor;
 border-top: 1px solid currentColor;
 border-left: 1px solid currentColor;
 border-right: 1px solid currentColor;
 padding: 2px 10px;
 }

/* ÏÎËÎÑÀ ÏÐÎÊÐÓÒÊÈ */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background-color: #f3f3f3; }
::-webkit-scrollbar-thumb { background-color: #000000; }

/* ÖÂÅÒ ÂÛÄÅËÅÍÈß ÒÅÊÑÒÀ ÏÐÈ ÊÎÏÈÐÎÂÀÍÈÈ */
::selection {background: #bababa; color: #ffffff!important;}
::-moz-selection {background: #bababa; color: #ffffff!important;}

/* ÑÑÛËÊÈ Â ØÀÏÊÅ */
.percent {
 font-family: Arial;
 letter-spacing: 2px;
 font-size: 35px;
 font-style: italic;
 font-weight: 900;
 color: #f3f3f3;
 }

.links {
 font-family: 'Lato', sans-serif;
 letter-spacing: 1px;
 font-size: 11px;
 font-weight: 900;
 color: #141416;}

/* ÓÁÈÐÀÅÒ ÍÀÄÏÈÑÜ ÑÒÀÒÈÑÒÈÊÀ ÔÎÐÓÌÀ */
#pun-stats h2 span {
  visibility:hidden!important;
  }