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



/* ФОН, ЗАДНИЙ ФОН */
body {
background: #d6c0b5; 
}



/* ШАПКА, КРЫША, ВЕРХ ФОРУМА*/
#pun-title table {
background-image : url("http://forumfiles.ru/files/0017/a3/d6/35310.jpg"); /* картинка шапки */
background-repeat : no-repeat;
background-position: center top;
border: none;
height: 250px;
width: 908px;
margin-left: -14px; /* совпадает обычно с отступом текста, если шапка не шире контента */
}

/* ПОЛОЖЕНИЕ РЕКЛАМЫ */
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 500px; top: 170px; }



/* КОНТЕНТ, ПАН ИЛИ "ТЕЛО" ФОРУМА */
#pun {
  background-color: #edeae5;
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.4);
  -moz-box-shadow: 0 2px 5px rgba(0,0,0,.4);
  box-shadow: 0 2px 5px rgba(0,0,0,.4);
}


/* ФУТЕР, ПОДВАЛ, КОПИРАЙТ, НИЗ ФОРУМА */
#pun-about p.container {
background: url("") transparent no-repeat;
width: 900px;
height: 10px;
margin: 0; /* отступы вверх, вправо, вниз, влево */
text-align: center;
font-size: 9px; /* размер текста копирайта */
}


/* ЛИНИЯ РАЗГРАНИЧИТЕЛЬ, HR, за ненадобностью снести пункт целиком */
hr, .banner-line {
height: 2px;
background: url(" ") center no-repeat;
border: 0px; }



/* ТЕКСТ НА ФОРУМЕ */
.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; font-weight: normal; font-style: normal; 
color: #545454; /* менять ток цвет */
}





/* НАВИГАЦИЯ
---------------------------------------------------------------------------------------------*/
/* ПОЛОЖЕНИЕ НАВИГАЦИИ, общие ссылки и пользовательские */
div#pun-navlinks { position: absolute; width: 100%; text-align: center;    top: 195px; left: 5px; }
div#pun-ulinks { position: absolute; width: 100%; text-align: center;     top: 217px; left: 5px; }


/* ССЫЛКИ ОБЩЕЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */
#pun-navlinks a  {
text-align: center;    position: relative;  /* положение текста */
font-family: 'Open Sans', sans-serif;  /* шрифт текста */
font-size: 15px!important;  /* размер текста*/
font-weight: 700;  /* начертание */
letter-spacing: -1px;  /* расстояние между буквами */
color: #fcbf6a;  /* цвет текста */
text-transform: uppercase; /* регистр */
text-shadow: 0px 1px 1px rgba(217,215,203,1);
}


/* ССЫЛКИ ОБЩЕЙ НАВИГАЦИИ ПОСЛЕ НАВЕДЕНИЯ */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #826afc;
opacity: 0.8; /* прозрачность, 1 непрозрачная, нуль прозрачная */ }



/* ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ДО НАВЕДЕНИЯ */
#pun-ulinks a  {text-align: center;  position:relative;
z-index:2000 !important;
letter-spacing: -0.5px;
font-family: 'Open Sans', sans-serif;  
font-size: 10px; 
text-transform: lowercase; /* регистр нижний */
font-weight: 500;
color: #7e7b76;
}


/* ССЫЛКИ ПОЛЬЗОВАТЕЛЬСКОЙ НАВИГАЦИИ ПОСЛЕ НАВЕДЕНИЯ, чиво должно поменяться */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active { opacity: 0.3;  /* прозрачность */ }



/* ПРОСТЫЕ ССЫЛКИ
---------------------------------------------------------------------------------------------*/
/* ССЫЛКИ ДО НАВЕДЕНИЯ */
.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: #f07469;
text-decoration: none;
}

/* ССЫЛКИ ПОСЛЕ НАВЕДЕНИЯ, чиво должно поменяться */
.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: #fc9a6a;
 }



/* ИКОНКИ СООБЩЕНИЙ
------------------------------------------------------------------------------------*/

#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-viewforum div.tclcon {
    padding-top: 0px;}

#pun-index table Div.icon {
    background-image: url("");
    background-repeat: no-repeat;
    border-style: none;
    position: absolute;
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    margin-left: 2px;
    margin-top: 10px;}

#pun-index TR.inew Div.icon {
    background-image: url("");
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;}


#pun-viewforum table Div.icon, #pun-messages table Div.icon {
    background-image: url("https://i.imgur.com/Jh1gf2v.png");
    background-repeat: no-repeat;
    border-style: none;
    display: block;
    float: left;
    width: 17px;
    height: 17px;
    margin-right: -5px;
    margin-top: 1px;
    position: relative;
    padding-left: 10px;
    margin-left: 10px !important;}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon {
    background-image: url("https://i.imgur.com/envvaeO.png");
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;}

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon {
    background-image: url("https://i.imgur.com/pkPujLB.png");
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;}

#pun-viewforum TR.iclosed Div.icon. #pun-messages TR.iclosed Div.icon {
    background-image: url("https://i.imgur.com/GxpJTbx.png");
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;}

/* БЛОКИ ВВОДА ТЕКСТА
---------------------------------------------------------------------------------------------*/
/* ЦИТАТЫ И КОДЫ В СООБЩЕНИЯХ */
.punbb .quote-box, .punbb .code-box, input {
margin: 1.5em 0.3em 0.6em 0.3em; /* отступы сверху, справа, вниз, слева */
padding: 4px; /* отступы внутри */
background-color: #e1ded8; /* цвет фона */
background-image: url(""); /* картинка фона */
color: #545454; /* цвет текста */
border-top: 1px solid #826afc;
border-bottom: 3px solid #fc9a6a;
}


/* ПОДКЛАДКА ПОД ШРИФТЫ, РАЗМЕРЫ, ГРАФИТИ, ВИДЯХИ И ПРОЧЕЕ В ОКОШКЕ ВВОДА СОО */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area {
background-image: url("") !important;
background-color: #e1ded8;
box-shadow: inset 1px 1px 4px rgba(142, 161, 183, 0.8);
color: #545454;
padding: 3px;
height: 250px;
overflow-x: auto;
}


/* ОКНО НАГРАД И РЕПУТАЦИИ */
#pun-popup_awards div, #pun-reputation div {
background-color: #e1ded8;
background-image: url("") !important;
}


/* ОБЛАСТЬ ДЛЯ ВВОДА ТЕКСТА В ФОРМЕ ОТВЕТА И ОКНАХ АДМИНКИ */
.punbb textarea, .punbb select, .hashelp center div a button, .button {
background-color: #e1ded8;
background-image: url("");
border: 3px double #826afc; /* цвет текста */
box-shadow: 0px 0px 2px #fff, 0px 0px 2px #fff;
color: #545454;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%; 
-webkit-text-size-adjust: 100%; 
}



/* СТАТИСТИКА, КАТЕГОРИИ
----------------------------------------------------------------------------------------*/

/* СКРЫТЬ НАЗВАНИЕ КАТЕГОРИЙ */
#pun-main .category h2 span { visibility: hidden; }

/* ДОП.КАТЕГОРИЯ СТАТИСТИКА */
#pun-stats.section h2 {  background-attachment: scroll;  background-clip: border-box;
height: 20px;
width: 900px;
margin-left: -10px;
font-size: 0px !important;
text-align: center;

background-image: url("https://i.imgur.com/AhaDmwu.jpg");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
}

/* ОФОРМЛЕНИЕ КАТЕГОРИИ */
#pun-category1.category h2 {
height: 20px;
width: 900px;
margin-left: -10px;
font-size: 0px !important;
text-align: center;

background-image: url("https://i.imgur.com/Iv4xMwK.jpg");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
}

#pun-category2.category h2 {
height: 20px;
width: 900px;
margin-left: -10px;
font-size: 0px !important;
text-align: center;

background-image: url("https://i.imgur.com/qUaF7x4.jpg");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
}

#pun-category3.category h2 {
height: 20px;
width: 900px;
margin-left: -10px;
font-size: 0px !important;
text-align: center;

background-image: url("https://i.imgur.com/1mmKvCK.jpg");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
}

#pun-category4.category h2 {
height: 20px;
width: 900px;
margin-left: -10px;
font-size: 0px !important;
text-align: center;

background-image: url("https://i.imgur.com/TWH0O5R.jpg");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
}

#pun-category5.category h2 {
height: 20px;
width: 900px;
margin-left: -10px;
font-size: 0px !important;
text-align: center;

background-image: url("https://i.imgur.com/Jg7wr0t.jpg");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
}

#pun-category6.category h2 {
height: 20px;
width: 900px;
margin-left: -10px;
font-size: 0px !important;
text-align: center;

background-image: url("https://i.imgur.com/gEXlOXs.jpg");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
}

/* БЫСТРЫЙ ОТВЕТ ИЗОБРАЖЕНИЕ */
#post-form h2 {
background: url("https://i.imgur.com/s1eyApk.jpg") top center no-repeat;
width: 900px;
height: 20px;
margin-left:  -24px;
}
#post-form h2 span { display: none;  }

/* ПЕРЕГОРОДКА МЕЖДУ СООБЩЕНИЯМИ, не очень обязательно, но красиво */
#pun-viewtopic .post h3 {
background: transparent url("") no-repeat scroll center top;
width: 900px !important;
height: 10px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: -10px;
padding-top: 1px;
}



/* ПРОФИЛЬ
---------------------------------------------------------------------------------------------*/
/* НИК АВТОРА */
.pa-author a, .pa-author {
text-align: center; /* выравнивание */
color: #fc766a !important;  /* цвет ника */
font:  700 12px "Open Sans" !important;  /* шрифт и размер ника */
letter-spacing: -0.5px;  /* расстояние между буквами */
padding-top: 5px !important;   /* отступ */
text-transform: uppercase;  /* регистр */
}


/* АВАТАРКА */
li.pa-avatar  {z-index: 5;
margin-left: -3px !important;
margin-top: 5px;
}

li.pa-avatar img { 
  border-color: #d97667!important;
}

/* СТАТУС АВТОРА */
.pa-title {text-align: center;
z-index: 1000;
font: 10px "Open Sans" !important;  /* все по шрифту */
letter-spacing: -0.5px;  /* расстояние между буквами */
padding-top: 5px !important;
color: #545454;
}


/* ПОДАРКИ ПОЗИТИВ */
.post-author ul { text-align: center; font: small-caps 400 9px "Open Sans" !important; }

/* АКТИВНОСТЬ НА ФОРУМЕ */
.pa-online { text-align: center; font: small-caps 400 9px "Open Sans" !important; }

/* УВАЖЕНИЕ И КОЛ-ВО СООБЩЕНИЙ В БЛОКЕ ДО НАВЕДЕНИЯ */
.pa-respect, .pa-posts { display: inline-block;
text-align: center;
width: 70px;
color: #545454;
font: small-caps 700 9px "Open Sans" !important;
letter-spacing: 1px;  /* расстояние между букв */
line-height: 13px;  /* расстояние между строк */
margin-bottom: 7px !important;
}

/* УВАЖЕНИЕ И КОЛ-ВО СООБЩЕНИЙ В БЛОКЕ ПОСЛЕ НАВЕДЕНИЯ */
.pa-respect a:hover, .pa-respect a:focus, .pa-respect a:active {
font-variant: small-caps; /* капитель */
color: #545454;
}


/* ДОПОЛНЕНИЯ ВСЯКИЕ РАЗНЫЕ ПО ЖЕЛАНИЮ
---------------------------------------------------------------------------------------------*/

/* СКРЫТЬ КОЛ-ВО ТЕМ И СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ */
.category .container thead {display: none;}
#pun-index .main .tc2, #pun-index .main .tc3 {display: none;}

/* РАЗМЕЩЕНИЕ КОЛ-ВА ТЕМ И СООБЩЕНИЙ НА ГЛАВНОЙ ПОД ОПИСАНИЯМИ ФОРУМОВ */
.Add {  height: 15px;  }
.Tems_And_messages {
float: left;
padding: 0.3em 0em;
width: 50%;
background-color: rgba(75,70,66, 0);
color: #614f30;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-size: 7px;
font-weight: bold; 
text-transform: uppercase;
letter-spacing: 1px;
}


/* ВИД ТЕКСТА ПРИ ВЫДЕЛЕНИИ */
    ::selection { 
background: none repeat scroll 0 0 #f9edd4;
color: #545454;
opacity: 0.4;
}  
*::-moz-selection {
background: none repeat scroll 0 0 #f9edd4;
color: #545454;
opacity: 0.4;
}


/* ОФОРМЛЕНИЕ КНОПОК, можно так ж оформить и смайлы, если у смайлов будет прописано баннот */
.hashelp center div a button, .button {    
background-color: #e1ded8; 
box-shadow: 0px 0px 2px #fff, 0px 0px 2px #fff;
border: 3px double #f07469; /* цвет текста */
cursor:pointer;
color: #545454;
font-family: 'Open Sans', sans-serif;
 font-size: 11px!important;
 font-weight: bold!important;
 letter-spacing: -0.5px;
 text-transform: uppercase;
}

/* ОФОРМЛЕНИЕ КНОПОК при наведении, чаво должно измениться */
.hashelp center div a button:hover, .button:hover {
background-color: #d6e9df; 
background-image: url("");
color: #545454;
}

/* КНОПКИ ПРИ НАВЕДЕНИИ, обратная смена оформления низа и верха */
.hashelp center div a button:active, .button:active {position:relative; top:1px;}

#post .formsubmit {text-align: center;}

/* ЭЛЕМЕНТЫ ПО ФОРУМУ В ШАПКЕ И ФУТЕРЕ
---------------------------------------------------------------------------------------------*/

/* БАННЕРЫ, над прописывать тож обозначение в див
а сам див пихать либо в верх, либо в низок, смотря где над.
<div id="bannns">баннеры</div>                   */
#bannns  {
position: absolute;  /* позиция */
overflow: scroll;  /* прокрутка всегда есть*/
overflow-x: hidden;
height: 99px;
width: 980px;
margin-left: 13px;
margin-top: -108px;
}


/* НОВОСТИ, над прописывать тож обозначение в див
а сам див пихать либо в верх, либо в низок, смотря где над */
#novosti  {
position: absolute;
overflow: auto;   /* прокрутка появится при необходимости */
overflow-x: hidden;
height: 82px;
width: 346px;
padding: 2px;
margin-left: -8px;
margin-top: 244px;
color: #5e4c30;
}


/* ПРОЗРАЧНОСТЬ КАРТИНОК */
.Hoverbuttons {
opacity: 0.3; /* прозрачность до наведения */
transition: opacity 0.6s linear;  /* плавность */
-webkit-transition: opacity 0.6s linear;
-moz-transition: opacity 0.6s linear;
-ms-transition: opacity 0.6s linear;
-o-transition: opacity 0.6s linear;
border-radius: 0px;  /* уголки */
transform: rotate(45deg);  /* поворот на 45 градусов*/
}
.Hoverbuttons:hover { opacity: 1;     /* прозрачность при наведении наведения */
}


/* ОФОРМЛЕНИЕ ПОДФОРУМА */
.podf {
    background-image: url();
    color: #545454;
    width: 500px;
    padding: 9px;
    text-align: justify;
    text-transform: lowercase;
    background-color: #e1ded8;
    border-left: 4px solid #fc9a6a;
}


/* оформление кнопок навигации */
.podf1 {
width: 450px;
margin-left: 35px!important;
}

.podf1 a {
    display: inline-block;
    cursor: pointer;
    width: 125px;
    font-family: Open Sans!important;
    font-size: 10px!important;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    background-color: #f39869;
    color: rgb(237, 234, 229) !important;
}

.podf1 a:hover {
color: rgb(237, 234, 229) !important;
background-color: #f07469;
transition: 0.2s;
}

/* личное звание */
.lzn {
text-transform: uppercase;
margin-top: 5px!important;
text-align: center;
font-family: 'Open Sans', sans-serif;      
font-weight: bold;
font-size: 13.5px;
letter-spacing: -0.5px;
}

.lz {
    text-align: justify;
text-align-last: center;
    width: 170px;
    position: relative;
    top: -15px;
    left: 15px;
    padding: 5px;
    font-size: 11px;
}

/* КОДЫ ДЛЯ ТАБЛИЦЫ */
#tabnew {
position: absolute;
    height: 30px;
    width: 540px;
    padding: 2px;
    /* border: solid 1px; */
    right: 205px;
    top: 150px;
    /* font: 15px "Oswald" !important; */
    letter-spacing: 6.5px;
    text-transform: uppercase;
    /* text-align: center; */
}

/* лучший пост */
#tabpimg  {
position: absolute;
    height: 35px;
    width: 200px;
    /* padding: 5px; */
    /* border: solid 1px; */
    right: 8px;
    top: 63px;
    text-align: center;
}

#tabpost  {
position: absolute;
    overflow: auto;
    overflow-x: hidden;
    height: 75px;
    width: 196px;
    padding: 3px;
    color: rgb(84, 84, 84);
    /* border: solid 1px; */
    right: 8px;
    top: 100px;
    text-align: justify;
    font: 9.5px "Open Sans" !important;
    letter-spacing: -0.5px;
    /* text-shadow: 1px 0 1px #1f2a3a; */
}

#tabpost a   {
    color: rgb(133, 105, 242);
}

/* ссылки */
#tablink {
position: absolute;
    height: 10px;
    width: 900px;
    padding: 5px;
    /* text-shadow: 1px 0 1px #263242; */
    /* border: solid 1px; */
    left: 1px;
    top: 38px;
    /* text-align: center; */
    font: 10.5px "Open Sans" !important;
}

#tablink:hover {
color: #fff !important;}


#tablink:before {
  content: url(http://forumfiles.ru/files/001a/20/95/69552.png);
    padding-right:6px !important;
}

.tablink-base {
position: absolute;
    height: 10px;
    width: 900px;
    padding: 5px;
    /* border: solid 1px; */
    left: 1px;
    top: 39px;
    margin-left: 5px !important;
}

.tablink {
    color: #f07469 !important;
    text-transform: uppercase;
    padding-right: 5px;
    font: 700 10px "Open Sans" !important;
    letter-spacing: 0.5px;}


.tablink:hover {
color: #826afc !important;
text-transform: uppercase;
padding-right: 5px}


.tablink:before {
  content: url(https://i.imgur.com/pXrUEGT.jpg);
  padding-right: 5px !important;
}


/*оформление матчасти*/
.boxbody > div, .boxbody > input { display: none; }

.boxbody {
    text-align: center;
    border: solid 3px rgb(217, 118, 103);
    padding: 5px;
    background-color: rgba(214, 224, 233, 0.65);
}


.boxbody label {padding-top: 5px;
width: 150px;
text-align: center;
height: 20px;
font-family: arial;
letter-spacing: 2px;
text-transform: uppercase;
display: inline-block;
font-weight: bold;
color: #679cd9;}

.boxbody label:hover {color: #50271a;}

.boxbody input[type="radio"]:checked + label {}

.boxbody > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.boxbody > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.boxbody > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.boxbody > input:nth-of-type(4):checked ~ div:nth-of-type(4),
.boxbody > input:nth-of-type(5):checked ~ div:nth-of-type(5),
.boxbody > input:nth-of-type(6):checked ~ div:nth-of-type(6)  {display: block; padding: 10px; text-align: justify;}

.txtstyle {
font-family: oswald; 
font-weight: bold;
text-align: center; 
font-size: 22px;
color: #660000;}

.txtstyle2 {
font-family: oswald; 
font-weight: bold;
text-align: center; 
font-size: 15px;}

.txtstyle3 {
font-family: georgia; 
font-weight: bold;
text-align: center; 
font-size: 14px;
color: #660000;
text-shadow: 1px 0 0 #a18080;
}

.qt {
width: 620px; 
height: auto;
padding: 10px; 
border: solid 2px #837862;
line-height: 150%;}