/* 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: #1d0d0b;  background-image: url(-); background-position: top center; }

/* CS1.3 Шапка */
#pun-title table {
  background-image: url("http://ipic.su/img/img7/fs/shapka2.1412796838.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  border: medium none;
  height: 431px;
  margin-left: -75px;
  width: 1060px;
}

/* CS1.4 Пан или "тело" форума */
#pun {background-color: #dcd5b9; background-image: url(http://ipic.su/img/img7/fs/telo4.1412795554.jpg);}

/* 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: #1e301a;
  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: #1e301a; 
  text-decoration: none;}

/* CS2.3 */
#pun-navlinks a {
  color: #59443b;
  text-decoration: none;}

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #1e301a;
  text-decoration: none;}

/* CS3 Иконки старых, новых, важных, закрытых тем */

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: 5px;
margin-right: 5px;
width: 70px;
height: 70px;
background-image : url(http://ipic.su/img/img7/fs/old2.1412758524.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://ipic.su/img/img7/fs/new.1412757909.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://ipic.su/img/img7/fs/imp.1412759036.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://ipic.su/img/img7/fs/clsd.1412758826.png);
background-repeat: no-repeat;
width: 70px;
height: 70px;}



/* CS5 Прочие элементы */

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("http://ipic.su/img/img7/fs/st.1412800652.png");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 100px;
padding-top: 40px;}


/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 99px;
width: 1060px;
margin-left: -75px;
background-color: transparent;
background-image: url("http://ipic.su/img/img7/fs/staaaaat.1412798971.jpg");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background-color: #c3bda4; 
background-image: url("адрес");
color: #000000}

/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
box-shadow: 0px 2px 0.9px }

.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 1px 1px;}

/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #c3bda4;
color: #000000}

/* CS5.6 Совсем другое */
#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: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

/*****Стили слайдера*****/
.content-container {
    width: 885px;
    height: 300px;
}
ul.tabs {
    text-align: right;
    list-style: none outside none;
    margin: 0 0 15px 0;
    padding: 0;
    width: 100%;
}
ul.tabs li {
     display: inline-block;
     text-align: center;
}
ul.tabs a {
    display: inline-block;
    width: 142px;
    height: 43px;
}
.tab1 {
    background: url(http://ipic.su/img/img7/fs/Bezimeni-1.1412956904.jpg) no-repeat;
}
.tab2 {
    background: url(http://ipic.su/img/img7/fs/2099.1412956929.jpg) no-repeat;
}
.tab3 {
    background: url(http://ipic.su/img/img7/fs/aktiv.1412956949.jpg) no-repeat;
}
.tab4 {
    background: url(http://ipic.su/img/img7/fs/partn.1425552172.jpg) no-repeat;
}
ul.tabs a span {
    display: none;
}
ul.tabs li.active {
}
ul.tabs li a {
     outline: medium none;
}
.tab_container {
    overflow: hidden;
    clear: both;
    width: 885px;
}
.tab_content {
     overflow: hidden;
     padding: 5px 25px;
}
.tab_content h3 {
    text-align: center;
    margin: 10px 0 10px 0;
    text-shadow: 1px 1px 2px #694c2c;
}
.flexcroll {
     height: 170px;
     overflow-y: scroll;
     padding-right: 7px;
     margin-bottom: 15px;
}
.tab_content .center {
    text-align: center;
}
.tab_content .col {
    display: inline-block;
    width: 130px;
}
.img_hover {
    opacity: 0.5;
    transition: opacity 1s;
}
.img_hover:hover {
    opacity: 1;
}
/*****Стили скроллбара*****/
.scrollgeneric {
    line-height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0; left: 0;
}
.vscrollerbase { /*База вертикального скроллбара*/
    width: 10px;
    background-color: #c4bda0;
}
.vscrollerbar { /*Цвет и ширина бегунка вертикального скроллбара*/
    width: 10px;
    background-color: #562c27;
}
.scrollerjogbox {
    background: #c4bda0;
    width: 10px;
    height: 10px;
    top: auto; left: auto;
    bottom: 0px; right: 0px;
}
/* Стили контейнера */
#news {
    height: 170px;
    overflow: auto;
    position: relative;
}
#banners {
    height: 100px;
    overflow: auto;
    position: relative;
}



/* css - навигация */
a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 11px;
background-color:#af9284;
color: #dcd3dc; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #bfb796;
border-left-width: 5px;
width:200px;
}

a.tvm:hover {
font-family: tahoma;
font-size: 11px;
color: #832480; 
background-color:#bfb796;
display: block;
font-weight: bold;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #af9284;
border-left-width: 5px;
width:200px;
}