/*ГРАФИКА -------------------------------------------------------------*/

/* фон */
html, body { background:
  url("https://i.imgur.com/bA431cC.png") repeat-x top left,
  url("https://i.imgur.com/xukYKyb.png") repeat-x bottom left,
  url("https://i.imgur.com/2DpYqFM.png") center; background-color : #171212;
}



/* шапка */
#pun-title table {
background-image : url("https://i.imgur.com/mR17mlr.png"); 
background-repeat : no-repeat;
background-position: center top;
border: none;
height: 460px;
width: 1078px;
margin-left: -48px;}

#pun-title table tbody tr .title-logo-tdr { position: absolute; left: 550px; top: 470px; }

/* пан или "тело" форума */
#pun {background-color: #b9a899; background-image: url("https://i.imgur.com/tSqJMbs.png");}



/* футер */
#pun-about p.container {
   background: url("https://i.imgur.com/AXXpyG4.png") transparent no-repeat;
   width: 1078px;
   height: 244px;
   margin: 0px 0 -30px -48px; /* вверх, вправо, вниз, влево */
   text-align: center;
   line-height: 1;
   font-size: 9px;
   background-repeat: no-repeat;
}

div#pun-about { margin-bottom: 14px; }


/* линия */
hr, .banner-line { height: 2px; border: 0px;
background: url("http://funkyimg.com/i/2h2D3.png") center no-repeat; }



/* Цвет текста на форуме */
.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: #322b20;
font-weight: normal; font-style: normal;}



/* ССЫЛОЧНЫЕ ШТУКИ
----------------------------------------------------------------------------------------------------------------------*/
/* двигалка навигации, общие ссылки и пользовательские */
div#pun-navlinks { position: absolute; width: 100%; text-align: center; top: 252px; left: 5px; }
div#pun-ulinks { position: absolute; width: 100%; text-align: center; top: 405px; left: 5px; }


/*  Ссылки верхней навигации */
#pun-navlinks a  {text-align: center;  position:relative; font-family: AleksandraC; font-size: 10px!important; font-weight: bold; letter-spacing: 3px; color: #555450; text-shadow: 1px 1px 8px #000;  text-transform: uppercase; 
background: linear-gradient(to bottom, #5f5e59 20%, #665c4c 80%, #87816c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}


/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #72716e; opacity: 1; 
background: linear-gradient(to bottom, #8c8a86 20%, #5f5e59 80%, #72716e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


#pun-ulinks a  {text-align: center;  position:relative; z-index:200 !important;
letter-spacing: 1px;
font-family: Cambria;
font-size: 12px; !important;
font-style: normal;
text-transform: lowercase;
font-weight: 700;
font-stretch: normal;
line-height: normal;
color: #675239;
text-shadow: 0px 0px 1px #d2c0b7;
}


/* #pun-ulinks li a:first-letter{ color:#FF6F6B; } */

/* ссылки простые 
  color: #424241;  */
/* 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: #4a4a4a;
  text-decoration: none;
}

/* CS2.2   border-bottom: 1px dashed #3c3232; */
.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: #393f41; 
 transition-duration:.7s;-moz-transition-duration:.7s;-webkit-transition-duration:.7s;-o-transition-duration:.7s; }


/* CS2.4 */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { opacity: 0.3; }





/* ИКОНКИ
----------------------------------------------------------------------------------------------------------------------*/
/* Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
width: 27px;
height: 23px;
background-image : url("https://i.imgur.com/BjtXtBF.png");
background-repeat: no-repeat;}

/* Иконка новых */
TR.inew Div.icon {
width: 27px;
height: 23px;
background-image : url("https://i.imgur.com/RKONw3G.png");
background-repeat: no-repeat;}

/* Иконка важных*/
TR.isticky Div.icon {
width: 27px;
height: 23px;
background-image : url("https://i.imgur.com/MwJ2YJp.png");
background-repeat: no-repeat;}

/* Иконка закрытых*/
TR.iclosed Div.icon {
width: 27px;
height: 23px;
background-image : url("https://i.imgur.com/hUKq6uR.png");
background-repeat: no-repeat;}




/* ОБЛАСТИ ПОД ТЕКСТ
----------------------------------------------------------------------------------------------------------------------*/
/* Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box, input {
background-color: #b9a899; 
background-image: url("https://i.imgur.com/EI9l0Md.png");
color: #322b20;
}

/* фон шрифтов, графити, видосов, цветов и прочего от тэгов */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area {
background-image: url("https://i.imgur.com/2DpYqFM.png") !important;
padding: 4px; /* Поля вокруг текста */
text-align: center!important; 
color: #56503f;
text-shadow: 0px 1px 1px #000000;
border: 1px double #29272a;
/*   border-radius: 0px;
  -webkit-border-radius: px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px; */
}



.punbb select { background-image: url("") !important;
padding: 3px; /* Поля вокруг текста */
text-align: center!important; 
color: #56503f;
text-shadow: 0px 1px 1px #000000;
border: 1px double #29272a;
}


/* шрифтовая область */
#font-area { max-height: 380px; overflow-y: auto; font-size: 14!important; }


/* Область для ввода текста в форме ответа и админке */
.hashelp center div a button, .button, .punbb textarea,
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
background-color: #b9a899; 
background-image: url("https://i.imgur.com/EI9l0Md.png");
color: #322b20;
border: 1px double #553024;
box-shadow: 0px 0px 2px #4d4848, 0px 0px 2px #4d4848;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -khtml-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
}





/* ПЕРЕГОРОДКИ И КАТЕГОРИИ
----------------------------------------------------------------------------------------------------------------------*/
/* скрыть название категорий*/
#pun-main .category h2 span { visibility: hidden; }

/* статистика */
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 112px;
width: 1078px;
font-size: 0px;
text-align: center;
color: #5f4c3a;
margin-left:  -48px;
background-color: transparent;
background-image: url("https://i.imgur.com/gFYlurj.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto; }


/* быстрый ответ */
#post-form h2 {
background: url("https://i.imgur.com/m3G6FO5.png") top center no-repeat;
width: 1078px;
height: 95px;
margin-top: 0px;
margin-left: -48px;}
#post-form h2 span, .punbb legend span { display: none;  }

/* A5.10 */
/* быстрый ответ */
.punbb .section h2, #pun-main h2 {
  color: #5f4c3a;
  text-shadow: 1px 0px 2px #;
  font-size: 18px;
  font-family: Neucha;
  font-weight: bold;
  text-align: center;
  }


/* перегородка сообщений */
#pun-viewtopic .post h3 {
background: transparent url("https://i.imgur.com/m3G6FO5.png") no-repeat scroll center top;
width: 1078px !important;
height: 95px;
margin-top: -30px;
margin-bottom: 0px;
margin-left: -49px;
padding-top: 7px;
}




/* ПРОФИЛЬ
----------------------------------------------------------------------------------------------------------------------*/
/* профиль окантовка */
.punbb .post .post-author > ul {
background:url("https://i.imgur.com/WCZW67U.png") 0 bottom no-repeat, url("https://i.imgur.com/KFhqZVS.png") 0 top no-repeat, url("https://i.imgur.com/irGoKhm.png") repeat-y;
padding: 21px 12px 30px 12px!important; /* вверх, вправо, вниз, влево */
}

li.pa-avatar  {z-index: 5; margin-left: -1px !important; margin-top: 7px; }
.pa-avatar.item2 > img { border-image: url("") 4 4 4 4 round round; }

/* рамка аватара */
li.pa-avatar img { max-width: 200px !important; max-height: 200px !important; 
box-shadow: 0px 0px 2px 1px #0b0803 !important;}


/* статус */
.pa-title {text-align: center;
z-index: 1000;
font: small-caps 700 10px "Arial" !important;
letter-spacing: 2px;
padding-top: 3px!important;}


/* ник */
.pa-author a, .pa-author {text-align: center;
color: #5a5046!important;
background: linear-gradient(to bottom, #344156 20%, #665c4c 80%, #87816c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
text-shadow: 0px 0px 8px #000;
font:  700 10px "Oranienbaum" !important;
letter-spacing: 3px;
padding-top: 5px!important;
text-transform: uppercase;
}


/* подарки позитив */
.post-author ul { text-align: center; font: small-caps 700 9pt "Arial" !important; }

/* активность */
.pa-online { text-align: center; font: small-caps 700 7pt "Arial" !important; }



/* уважалка и соо в блок2 */
.pa-respect, .pa-posts { color: #4a4a4a!important;
font: small-caps 700 9px "Arial" !important;
letter-spacing: 1px;
text-align: center;
display: inline-block;
margin-left: -10px;
width: 72px;
line-height: 13px;
padding: 1px;
margin-bottom: 7px!important;
margin-top: 10px!important;
}


.pa-respect a:hover, .pa-respect a:focus, .pa-respect a:active {
color: #4a4a4a!important;
}


/* АНКЕТА */
.lzanketa { color: #202637;
font:  700 10pt "Playfair Display" !important; 
text-transform: uppercase;
letter-spacing: 1px;
line-height: 135%;
}

.lzanketa2 { text-align: justify; }




/* монетки
display: inline-block;
margin-left: -20px;
width: 50px;
line-height: 13px;
padding: 7px;*/

.pa-fld2 { color: #56503f;
font: small-caps 700 11px "Playfair Display" !important;
letter-spacing: 1px;
text-align: center; 
margin-bottom: 0px!important;
margin-top: 00px!important;
 text-shadow: 1px 1px 8px #000; 
}


.pa-fld3 { margin-left: 0px!important;
margin-top: -15px!important;
margin-bottom: -22px !important;
position: relative;
}


/* личное звание */
.pa-fld1 {
    background: url("https://i.imgur.com/dUgwiLF.png") no-repeat scroll center top, url("https://i.imgur.com/qpHrF0K.png") no-repeat scroll center bottom, rgba(0, 0, 0, 0) url("https://i.imgur.com/geoLr6i.png") repeat-y scroll center center;
    color: #56503f!important;
    font-size: 10.3px;
    margin-bottom: -31px !important;
    margin-left: -9px !important;
    margin-top: -13px !important;
    padding: 30px 10px 29px !important;
/*     text-shadow: 0 0 1px rgba(0, 0, 0, 1), 1px 1px 0 rgba(0, 0, 0, 1); */
    width: 200px !important;
}


/* ДОПОЛНЯЛКИ ВСЯКИЕ РАЗНЫЕ
----------------------------------------------------------------------------------------------------------------------*/
/* скрыть кол-во тем и соо */
 .category .container thead {display: none;}
#pun-index .main .tc2, #pun-index .main .tc3 {display: none;}

/* кол-во тем и соо под форумом2 */
.Add {height: 15px;}
.Tems_And_messages {
float: left;
padding: 0.3em 0em;
width: 50%;
background-color: rgba(75,70,66, 0);
color: #5f4c3a;
text-align: center;
font-family: arial;
font-size: 7px;
font-weight: bold; 
text-transform: uppercase;
letter-spacing: 1px;}


/* подписка пост в темах */
#pun-viewtopic div.post h3 strong::before {
content: "пост #";
font-weight: normal;
font-family: Oranienbaum;
}


/* активные пользователи */
div#pun-online.punbb .tc3 { text-align: left;   width: 10%; } /*третья колонка*/ 
div#pun-online.punbb .tcl { text-align: left; }
#pun-online th.tcl, #pun-online th.tc3 { font-size:0%; }


/* выделение */
    ::selection { 
    background: none repeat scroll 0 0 #635a50;
    color: #83796e;
    opacity: 0.4;
    }  
*::-moz-selection {
    background: none repeat scroll 0 0 #635a50;
    color: #a1978b;
}




/* кнопки */
.hashelp center div a button, .button {    
background-color: #171212; 
background-image: url("https://i.imgur.com/2DpYqFM.png");
color: #474233;
border: 3px double #3f3a2d;
box-shadow: 0px 0px 2px #453325, 0px 0px 2px #4d4848;
cursor:pointer;
  font-family: Oranienbaum!important;
  font-size:11px!important;
  font-weight: bold!important;
  text-shadow: 0px 1px 1px #000000;
  letter-spacing: 1px;
  text-transform: uppercase; }

.hashelp center div a button:hover, .button:hover {background-color: #b9a899; 
background-image: url("https://i.imgur.com/2DpYqFM.png");
color: #56503f;
border: 3px double #3f3a2d;
box-shadow: 0px 0px 2px #4d4848, 0px 0px 2px #4d4848;}

.hashelp center div a button:active, .button:active {position:relative; top:1px;}





/* ТАБЛИЧНЫЕ ШТУЧКИ
----------------------------------------------------------------------------------------------------------------------*/
#bannns { position: absolute;
overflow: scroll;
overflow-x: hidden;
height: 72px;
width: 1002px;
margin-left: -8px;
margin-top: -128px; 
padding: 0px; /* Поля вокруг текста */
}

#bannns a img {
    -moz-opacity: 0.5;
box-shadow: 0 0 0 1px rgb(0, 0, 0), 0 0 0 2px  #5e5e5e;
opacity:0.4;
}

#bannns a img:hover {
    -moz-opacity: 1;
opacity: 1;
}
















/* ПРИВЕТСТВИЕ */
#privet { position: absolute;
overflow: auto;
overflow-x: hidden;
padding: 3px; /* Поля вокруг текста */
height: 170px;
width: 200px;
margin-left: -9px;
margin-top: 60px;
text-align: justify; 
font-size: 11px;
  font-family: Playfair Display;
  letter-spacing: 0px;
  font-weight: bold!important;
color: #555450;
line-height: 14px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
 }


#novosti {
    position: absolute;
    overflow: auto;
    overflow-x: hidden;
    padding: 3px;
    height: 110px;
    width: 180px;
    margin-left: 623px;
    margin-top: 124px;
    text-align: justify;
    font-size: 10px;
    letter-spacing: 0px;
    color: #555450;
    line-height: 9px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}


/* КВЕСТ */
#kvest{ position: absolute;
overflow: auto;
overflow-x: hidden;
padding: 3px; /* Поля вокруг текста */
height: 80px;
width: 168px;
margin-left: 412px;
margin-top: 290px;
text-align: center; 
text-transform: lowercase;
font-size: 10px;
  font-family: Playfair Display;
  letter-spacing: 1px;
  font-weight: bold!important;

color: #555450;
line-height: 12px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
 }



/* bunkers: 100 / survivors: 100 */
#bunkers{
    margin-left: 275px !important;
    margin-top: 10px !important;
    position: absolute;
    width: 100px;
color: #4e4d46;
text-shadow: 0px 0px 8px #000000;
font:  700 12px "Oranienbaum" !important;
letter-spacing: 1px;
}

#survivors{
    margin-left: 635px !important;
    margin-top: 10px !important;
    position: absolute;
    width: 100px;
color: #4e4d46;
text-shadow: 0px 0px 8px #000000;
font:  700 12px "Oranienbaum" !important;
letter-spacing: 1px;
}























/* АДМИНЫ В ТАБЛЕ */
#ams {
    margin-left: 816px !important;
    margin-top: 181px !important;
    position: absolute;
    width: 305px;
}

/* амс таблички */
.tooltip { position: relative; }
.tooltip em { display: none; }
.tooltip:hover em {
    position: absolute;
display: block;
padding: 4px 4px!important;
bottom: -80px!important;
right: -80px;
    width: 200px;

background: #9d9b85;
color: #191102;
text-align: center;
font-style: normal;
 font-size: 9.5px!important;
border-radius: 2px;
border-top: 4px solid #202637;
border-bottom: 4px solid #10131c;
border-right: 1px double #2d2112;
border-left: 1px double #2d2112;
box-shadow: 0 0 3px #2d2112;
 z-index:2000 !important;
	-webkit-border-radius: 2px;
 	-moz-border-radius: 2px;
	-webkit-box-shadow: 0 0 2px #2d2112;
	-moz-box-shadow: 0 0 2px #2d2112;
}

.tooltip:hover em i { position: absolute;
display: block;
bottom: -100px; right: -20px;
border-top: 4px solid #000;
border-left: 4px solid transparent;
}