/* Таблица
-------------------------------------------------------------*/

#ams {
       position: absolute;
    top: 95px;
    height: 25px;
    width: 358px;
    margin-left: 488px;
    text-align: center;
    min-height: 25px;
    min-width: 358px;
    font-size: 12px;
    z-index: 100;
}
#news {
       position: absolute;
    top: 120px;
    height: 34px;
    width: 358px;
    text-align: center;
    margin-left: 488px;
    overflow-y: auto;
    color: #c5bda3;
    min-height: 39px;
    min-width: 358px;   
}
#new {
   position: absolute;
    top: 150px;
    height: 85px;
    width: 358px;
    text-align: justify;
    margin-left: 488px;
    overflow-y: auto;
    color: #c5bda3;
    min-height: 85px;
    min-width: 358px;  
}
#tops {
    position: absolute;
    top: 240px;
    width: 358px;
    text-align: center;
    margin-left: 488px;
    overflow-y: auto;
    min-height: 43px;
    min-width: 358px;
    height: 30px;
}

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

/* Фон форума */
body {background: url(http://funkyimg.com/i/266pw.png) repeat; background-attachment: scroll; background-position: top center;}


/* Шапка */
#pun-title table {
background-image : url(http://funkyimg.com/i/266CH.png); 
background-repeat : no-repeat;
background-position: top center;
border: none;
width: 905px;
height: 415px;
margin-left: -19px;}

/* Тело форума */
#pun {
width: 1018px; 
background-color: transparent; 
background-image: url(http://funkyimg.com/i/266pW.png); 
background-attachment: scroll; 
background-repeat: repeat; 
background-position: top center;}

.punbb {
padding: 0 30px!important;
width: 888px;}

/* Футер */
#pun-about p.container {
background-image : url(http://funkyimg.com/i/266qA.png);
margin: 0px 0px -80px -21px;
background-position : center top;
background-repeat : no-repeat;
width: 909px;
height: 99px; 
overflow-x: hidden;}

/* Прокрутка */
::-webkit-scrollbar {background: #c5bda3; width: 8px; height: 5px;}
::-webkit-scrollbar-thumb {background: #141c1f; width: 8px}
::-webkit-scrollbar-corner {background: #141c1f;}


/* 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 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: #213538;
font-weight: none;
font-style: normal;}

#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color:  transparent;}

.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: transparent;
color: #213538;
text-align:center; 
font-size: 15px; 
font-style: normal; font-weight: bold; font-family: "tahoma";}


/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-image: url("http://funkyimg.com/i/266vt.png");
background-color: #c5bda3;
color: #12191c}

/* Тень и закругление */
.punbb input { border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0px 0px 0px;}

/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
background-image: url("http://funkyimg.com/i/266vt.png");
background-color: #c5bda3;}


/* 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, #pun-navlinks a, #pun-ulinks a {color: #253b3e;
  text-decoration: none;
  text-shadow: 0px 0px 0px rgba(82, 46, 0, 0.4);}
/* CS2.2 */
.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, #pun-navlinks a:focus, #pun-navlinks a:active, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #253b3e; 
  text-decoration: none;
  text-shadow: 0px 0px 0px rgba(82, 46, 0, 0.4);}
.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
  color: #253b3e;
  text-decoration: none;
  text-shadow: 0px 0px 0px rgba(43, 24, 0, 0.7);}
#pun-ulinks a {
  font-size: 11px;
  color: #253b3e; 
  font-family: 'tahoma';
  text-decoration: bold;
  text-shadow: 0px 0px 0px rgba(82, 46, 0, 0.4);}
#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: none;
  color: #253b3e;
  font-family: 'tahoma';
  font-size: 11px;
  text-shadow: 0px 0px 0px rgba(43, 24, 0, 0.7);}


/* CS3 Остальное 
-------------------------------------------------------------*/

/* CS3.1 Иконки*/

div.icon {
            background: url(http://funkyimg.com/i/266Ew.png) no-repeat;}

    tr.inew div.icon {
            background: url(http://funkyimg.com/i/266Ev.png) no-repeat;}

     tr.isticky div.icon {
            background: url(http://funkyimg.com/i/266Ey.png) no-repeat;}

    tr.iclosed div.icon {
            background: url(http://funkyimg.com/i/266Eu.png) no-repeat;}


/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-main .post-author ul {text-align: center}
ul.post-ul-Sp, .post-img-Sp {text-align:justify;}
#pun th, #pun-main h2 {text-align: justify}
#pun-navlinks .container, #pun-ulinks .container {text-align: justify;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "tahoma";}
.category h2 span{display: none;}
#pun-stats h2 span {visibility: hidden;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}














a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 11px;
background-color:#2e2217;
color: #8c6c51; 
font-weight: normal;
text-align:center;
display: block;
margin: 2px;
text-decoration: none;
border-left-style: solid;
border-left-color: #ac8565;
border-left-width: 5px;
width:150px;
}

a.tvm:hover {
font-family: tahoma;
font-size: 11px;
color: #bf9471; 
background-color:#211710;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #2c2016;
border-left-width: 5px;
width:150px;
}












/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(http://funkyimg.com/i/266xn.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://funkyimg.com/i/266xE.png) 0 top no-repeat,url(http://funkyimg.com/i/266xF.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin:-12px 0 -12px 0!important;
  padding:12px 17px!important;
}

/*Всплывающая подсказка для админов
 -------------------------------------------------------------*/

.tooltip { /* стиль текста, наведя или нажав на который появится пояснение */
  display: inline-block;
  position: relative;
  text-indent: 0px;
  cursor: pointer; 
color: #bfb79e;
}
.tooltip > span { /* стиль появляющейся подсказки */
  position: absolute;
  bottom: 100%;
  left: -20em; /* = max-width */
  right: -20em; /* = max-width */
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;  /* ширина подсказки может быть не более содержимого */
  max-width: 20em;  /* ширина подсказки может быть не более 20em */
  max-height: 80vh; /* необязательное ограничение по высоте подсказки, 1vh — это 1% от ширины окна */
  overflow: auto;
  visibility: hidden;
  margin: 0 auto .4em; /* поднята на .4em над текстом, наведя или нажав на который появится пояснение */
  padding: .3em;
  border: solid rgb(191,183,158);
  font-size: 90%;
  background: #1e3134;
  line-height: normal;
  cursor: auto;
}
.tooltip.left > span { /* начинается от левого края */
  left: 0;
  right: -20em;
  margin: 0 0 .4em;
}
.tooltip.right > span { /* начинается от правого края */
  left: -20em;
  right: 0;
  margin: 0 0 .4em auto;
}
.tooltip:after { /* треугольничек под подсказкой; тут тоже везде .4em */
  content: "";
  position: absolute;
  top: -.4em;
  left: 50%;
  visibility: hidden;
  margin: 0 0 0 -.4em;
  border: .4em solid;
  border-color: rgb(191,183,158) transparent transparent transparent;
  cursor: auto;
}
.tooltip.left:after {
  left: 1em;
}
.tooltip.right:after {
  left: auto;
  right: .6em; /* 1em - .4em */
}
.tooltip:before { /* поле между текстом, наведя или нажав на который появится пояснение, и подсказкой нужно чтобы, если перевести курсор мышки на подсказку, та не исчезла; тут тоже везде .4em */
  content: "";
  position: absolute;
  top: -.4em;
  left: 0;
  right: 0;
  height: .4em;
  visibility: hidden;
}
.tooltip:hover > span,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus > span,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  transition: 0s .4s;
}
.tooltip:focus { /* убрать рамку в Хроме */
  outline: none;
}
.tooltip.anim > span,
.tooltip.anim:after { /* анимация */
  opacity: 0;
  transform: translateY(1.5em) scale(.3);
  transform-origin: center bottom;
}
.tooltip.anim:after {
  transform: translateY(.7em) scale(.3); /* 1.7 = 1.5 / (1.4*2) */
}
.tooltip.anim:hover > span,
.tooltip.anim:hover:after,
.tooltip.anim:focus > span,
.tooltip.anim:focus:after {
  opacity: 1;
  transition: .6s .4s;
  transform: translateY(0);
}
@media (max-width: 20em) { /* ширина подсказки может быть не более ширины окна браузера */
  .tooltip > span {
    max-width: 100vw; /* в 100vw входит полоса прокрутки, но на мобильных она часто отсутствует */
    box-sizing: border-box;
  }
}

/* выделение */
::selection { 
background: none repeat scroll 0 0 #4c5866;
color: #c2a27d;
opacity: 0.5;
} 
*::-moz-selection {
background: none repeat scroll 0 0 #4c5866;
color: #c2a27d;
}