/* 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 Боди или фон форума */
html, body { background:
  url("http://funkyimg.com/i/2H6ao.jpg") center; background-color : #d4d7cd;}

/* CS1.3 Шапка */
#pun-title table {
background-image : url(http://funkyimg.com/i/2H6ar.jpg); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 274px;
width: 1000px;
margin-left: -26px;}

/* CS1.4 Пан или "тело" форума */
#pun {background-color: #faf8f8; background-image: url(http://funkyimg.com/i/2H6ap.jpg);}



/* картинка в самый низ */
          #pun-about p.container {background: transparent url("http://funkyimg.com/i/2H6aq.jpg") 
bottom center no-repeat;
height: 89px;
margin-left: -38px;
margin-bottom: -71px;
width: 1000px;
  }



/* CS1.6 Ссылки верхней навигации*/
/*----форум сообщения и тд----*/
#pun-navlinks .container { 
text-align: center; 
position: absolute;
font-family:  Lora!important;
color: #2d1f16;
font-size: 14px !important;
font-weight: bold !important;
background-color: transpanent; 
z-index: 1000;
width:892px;
margin-left:-26px;
top: 160px;}

/*----активные темы и тд----*/
#pun-ulinks .container { 
text-align: center; 
position: absolute; 
font-family: georgia!important;
color: #2d1f16;
letter-spacing: 2px;
font-size: 9px!important;
top: 186px;
z-index: 1000;
margin-left:-26px;
width:892px;}

/* 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: #2f2515;
font-weight: bold;
-webkit-transition: color 0.2s ease 0.02s;
transition: color 0.2s ease 0.02s;}

/* 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: #2f2515; 
-webkit-transition: color 0.2s ease 0.02s;
transition: color 0.2s ease 0.02s;}

/* CS4 Post status icons
-------------------------------------------------------------*/

/* иконка старых сообщений*/
div.icon {
        background: url(http://funkyimg.com/i/2H6bn.jpg) no-repeat;
}
/* иконка новых сообщений*/

tr.inew div.icon {
        background: url(http://funkyimg.com/i/2H6bm.jpg) no-repeat;
}
/* иконка важных сообщений*/

tr.isticky div.icon {
        background: url(http://funkyimg.com/i/2H6bj.jpg) no-repeat;
}
#pun-main div.catleft, #pun-main div.catright {display: none}
/* иконка закрытых сообщений*/

tr.iclosed div.icon {
        background: url(http://funkyimg.com/i/2H6bk.jpg) no-repeat;
}





/* CS5 Прочие элементы */

/* кнопочки */
.punbb input {padding: 5px;
background-color: #c9b997; 
background-image: url(http://i.imgur.com/C7jEnug.jpg); 
background-repeat: repeat; 
border: 4px double #c9b997;
box-shadow: inset 0px 0px 6px #9d9076;
margin-top: 5px; 
margin-bottom: 3px; 
color: #000000;
}

/* Отправить/Посмотреть */
.post-links li > a, .postlink a, .postlink > input, input.button, #nav > *  {
font: small-caps 700 10pt  Lora !important;
display: inline-block;
box-sizing: border-box;
font-weight: bold;
}

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box { 
margin: 0.4em 1.8em 1.4em 1.8em; 
padding: 1em; 
background-color: #c9b997; 
background-image: url(http://i.imgur.com/C7jEnug.jpg); 
background-repeat: repeat; 
border: 4px double #c9b997;
box-shadow: inset 0px 0px 6px #9d9076;
margin-top: 5px; 
margin-bottom: 3px; 
color: #000000; 
}

/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select {
margin: 5px auto;
padding: 5px;
background-color: #c9b997; 
background-image: url(http://i.imgur.com/C7jEnug.jpg); 
background-repeat: repeat; 
border: 4px double #c9b997;
box-shadow: inset 0px 0px 6px #9d9076;
margin-top: 5px; 
margin-bottom: 3px; 
color: #000000; }




/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -6em}
#pun-main .post-author ul {text-align: center;margin-left: 8px;}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: left;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

/*----сообщений----*/
#pun-main .post-author .pa-posts {
background-color: transpanent;
margin-top: 8px;
text-transform: lowercase!important;
line-height: 100%!important;
padding-top: 0px;}

/*----репутация----*/
#pun-main .post-author .pa-respect {
background-color: transpanent;
text-transform: lowercase!important;
line-height: 100%!important;
padding-top: 0px;}

/*----написание ника----*/
li.pa-author { font-family:  Lora!important;
font-size: 16px!important; line-height: 100%!important;
margin-top: 18px; font-variant: small-caps;}

/*----сдвинуть поля профиля----*/
.pa-fld1 {
margin-left: 8px;}
.pa-fld2 {
margin-left: 8px;}
.pa-fld3 {
margin-left: 8px;}
.pa-fld4 {
margin-left: 8px;}

/*----написание статуса----*/
#pun-status .container {text-align: center; margin-left: 8px;}

/*----строка Форум Тем Сообщений Последнее сообщение----*/
#pun th {font-size: 0px;}

/*----рамка аватара----*/
li.pa-avatar.item2 img {border: 3px #69583e double; text-align: center;
margin-left: 3px;}

/*----написание "активен", "последний визит"----*/
#pun-main .post-author .pa-online {font: 10px  Lora;
text-transform: uppercase;
margin-top: 8px;
margin-bottom: 8px;
}
#pun-main .post-author .pa-last-visit {font: 10px  Lora;
text-transform: uppercase;
margin-top: 8px;
margin-bottom: 8px;
}


/*----всплывающие окна репутации и наград----*/
#pun-reputation div {background-color: #d7ccbf;
border: 0px #bba27e double;
box-shadow: 0px 1px 1px #9d8664;}

#pun-popup_awards div {background-color: #d7ccbf;
border: 0px #bba27e double;
box-shadow: 0px 1px 1px #9d8664;}


/*----полоски прокрутки----*/
::-webkit-scrollbar {
    width: 7px;
    height: 7px;}
::-webkit-scrollbar-track {
background: #2a130b;}
::-webkit-scrollbar-thumb {
    background: #bfa982;}


/* описание подфорумов */
.punbb td div .tclcon, .category .container table .hasicon .tc1  {
text-transform: lowercase; 
width: 80%; /* ширина, можно в px */
text-align: justify; 
line-height: 11px;
padding: 15px; /* отступ текст от рамки внутри */
}




/*Фон под контейнеры в форме Ответа*/
#pun_wrap #post .container[id$="-area"]{
border: 3px #bba27e double!important;
background: #d7ccbf;
padding: 9px;
font: normal normal 400 11px/normal Lora;
}
#font-area {max-height: 280px; overflow-y: auto; font-size: 12px!important;}
#font-area::-webkit-scrollbar {
    width: 3px;
    height: 7px;}
#smilies-area {width:550px!important;}
#keyboard-span input {color: #000000!important;
text-shadow: 0px 1px 0px #000000!important;}