/* 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: #3e362b;
font-size: 11px;
font-family: arial;}

/* CS1.2 */
html {
  background: #0d0704 url(http://funkyimg.com/i/2h54W.png) top left repeat;
}

/* шапка */
body {
background: transparent url(http://funkyimg.com/i/2h4ZC.png) no-repeat top center;
padding-top: 483px !important; 
}

/* копирайт */
#pun_wrap {
  background: transparent url(http://funkyimg.com/i/2h4Zz.png) no-repeat bottom center;
  padding-bottom: 48px !important;
}

/* CS1.4 Пан */
#pun {background-color: #fff; background-image: url(http://funkyimg.com/i/2h4ZA.png);}




/* 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: #2c1809;
  font-family:georgia;
  font-weight:bold;
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: #aa9d89; 
  font-family:georgia;
  font-weight:bold;
  text-decoration: none;
}



/* CS3 Иконки старых, новых, важных, закрытых тем */

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon { float: left; clear: none; 
display: block; 
border-style: none none none none;
margin:0 15px 0 -10px;
width: 60px;
height: 80px;
background-image : url(http://funkyimg.com/i/2h6gp.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon { float: left;
width: 60px;
height: 80px;
background-image : url(http://funkyimg.com/i/2h6hv.png);
background-repeat: no-repeat;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon { float: left;
width: 60px;
height: 80px;
background-image : url(http://funkyimg.com/i/2h6ht.png);
background-repeat: no-repeat;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon { float: left;
width: 60px;
height: 80px;
background-image : url(http://funkyimg.com/i/2h6hu.png);
background-repeat: no-repeat;}


/* CS5 Прочие элементы */

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-origin: padding-box;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: auto;
padding-left: 50px;
padding-top: 50px;}

/* CS5.2 Статус картинки с надписью "статистика" над статистикой форума*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 58px;
width: 938px;
background-image: url("http://funkyimg.com/i/2h4ZB.png");
margin-left: -44px;
background-color: transparent;
background-origin: padding-box;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

/* Закругленные края цитаты и кода с тенью */
.punbb textarea, .punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
box-shadow: 0px 0px 0px 0px;
border: solid 1px #414141;}

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background: url(http://funkyimg.com/i/2h55J.png) top center;
}

.punbb input { 
border-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
box-shadow: 0px 0px 0px;}

/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea {
background: url(http://funkyimg.com/i/2h55x.png);}

/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 100px; 
top: -380px;
}

/* 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; text-transform: lowercase;}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: left; text-transform: lowercase;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}




/* CS7.1 */
#pun-navlinks a {
  text-transform: uppercase;
  font-size: 12px !important; 
  font-weight: bold; 
  letter-spacing:0px;
  font-family: "times";
  color:#2c1809;
}

/* CS7.2 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-transform: uppercase;
  font-size: 12px !important; 
  font-weight: bold; 
  letter-spacing:0px;
  font-family: "times";
  color:#b2a693;
}

/* CS7.3 */
#pun-ulinks a {
  text-transform: lowercase;
  font-size: 9px;
  letter-spacing:px;
  font-family: "times";
  color:#2c1809;
}

/* CS7.4 */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #b2a693;
  text-transform: lowercase;
  font-size: 9px;
  letter-spacing:0px;
  font-family: "times";
}

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span, .punbb select, .punbb input {background: url(http://funkyimg.com/i/2h52v.png); border-radius: 0px; border: 3px double #493d3a!important; font-family:times; font-size: 10px!important; text-transform: uppercase; line-height:120%; color: #493d3a;}
#pun-main .formsubmit input {text-align:left!important;}

.category .container thead {display: none;}

li#onlinelist {text-align: center;}
li#onlinelist div {text-align: center;}
#pun-status .container {text-align: left;}
#pun-crumbs1 .container {text-align:left; font-family:tahoma; font-size: 10px!important; text-transform: lowercase;letter-spacing:1px;}
#pun-crumbs2 p.container {text-align: left; font-family:tahoma; font-size: 10px; text-transform: lowercase;letter-spacing:1px;}
#pun-main .pagelink {text-align: left; font-family:tahoma; font-size: 10px; text-transform: lowercase;letter-spacing:1px;}
#pun-main .postlink {text-align: left; font-family:tahoma; font-size: 10px; text-transform: lowercase;letter-spacing:1px;}
#pun-main .subscribelink {text-align: left; font-family:tahoma; font-size: 10px; text-transform: lowercase;letter-spacing:1px;}
#pun-main .forum .tcl {font-family:tahoma; font-size: 10px; text-transform: lowercase; line-height:80%;} 
#pun-main .forum .tc2 {text-align: center; font-family:tahoma; font-size: 10px; text-transform: lowercase;line-height:80%;} 
#pun-main .forum .tc3 {text-align: center; font-family:tahoma; font-size: 10px; text-transform: lowercase;line-height:80%;} 
#pun-main .forum .tcr {font-family: tahoma; font-size: 10px; text-transform: lowercase;line-height:80%;} 
#pun-main h1 {text-align: center!important; font-family:tahoma; font-size: 10px; text-transform: lowercase; letter-spacing:1px;}
#pun-main h2 {text-align: center; font-family:tahoma; font-size: 10px; text-transform: lowercase; letter-spacing:1px;}

/*ширина прокрутки*/ ::-webkit-scrollbar {width: 3px; height: 3px;}
/*трэк прокрутки*/ ::-webkit-scrollbar-track:vertical {background: #1e150d !important;}
/*сам ползунок*/ ::-webkit-scrollbar-thumb:vertical {background: #110a05 !important;}
/*трэк прокрутки*/ ::-webkit-scrollbar-track:horizontal {background: #1e150d !important;}
/*сам ползунок*/ ::-webkit-scrollbar-thumb:horizontal {background: #110a05 !important;}
::-webkit-scrollbar-corner {background: #1e150d !important;}


/* ссылки */
a.nav:link, a.nav:visited {
display:inline-block;
background: url(http://funkyimg.com/i/2h52v.png);
border: 3px double #493d3a; 
font-family:times; 
font-size: 10px; 
text-transform: uppercase; 
line-height:120%; 
padding:0 3px 0 3px;
color: #493d3a;}
a.nav:hover, a.nav:active { -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  
cursor:crosshair;
display:inline-block; 
box-shadow: inset 0 0 10px rgba(0,0,0);
border: 3px double #493d3a; 
font-family:times; 
font-size: 10px; 
text-transform: uppercase; 
line-height:120%; 
padding:0 3px 0 3px;
color: #493d3a;}


#pun  .tcl {width: 80%;}
#pun  .tc2 {width: 10%;}  
#pun  .tc3 {width: 10%;}



#facefon {
    background-color: #bfb9ae;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 35px 5px 25px;
    width: 550px;
    
}
#faceprivet hi {
    background: #553e3a none repeat scroll 0 0;
    color: #cfc5bd;
    font-family: JWH;
    font-size: 20px;
    font-weight: normal;
    padding: 15px 25px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
    text-transform: lowercase;
    letter-spacing: 2px;
}
#faceprivet2 {
    font-family: arial;
    font-size: 10px;
    line-height: 9px;
    margin-top: 20px;
    text-align: justify;
    width: 450px;
}
#faceprivet3 {
    font-family: arial;
    font-size: 10px;
    line-height: 9px;
    margin-top: 10px;
    text-align: justify;
    width: 450px;
}
#faceprivet4 {
    font-family: arial;
    font-size: 10px;
    line-height: 11px;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
    text-align: justify;
    width: 450px;
    background-color: #716260;
    color: #bfb2af;
   border: 1px solid rgba(63,73,87,0.9);
}
#faceprivet5 {
    font-family: arial;
    font-size: 14px;
    line-height: 11px;
    margin-top: 10px;
    padding: 10px 10px 10px 10px;
    text-align: justify;
    background-color: #5b6473;
    color: #bfb2af;
   border: 1px solid rgba(63,73,87,0.9);
}
#faces {
    margin-top: 20px;
    }
fc1 {
    color: #43362e;
    font-family: georgia;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0px;
    margin-left: -18px;
    text-transform: uppercase;
}
fc2 {
    border-bottom: 2px solid #56473b;
    font-family: tahoma;
    font-size: 13px;
    font-weight: bold;
    margin-left: -13px;
    padding: 0 180px 0 5px;
}
#faces table {
    vertical-align: top;
}
#facestd {
    font-family: arial;
    font-size: 10px;
    line-height: 10px;
    margin-top: -4px !important;
    text-align: left;
    width: 207px;
    
}


#facestd2 {
    font-family: arial;
    font-size: 10px;
    height: 80px !important;
    line-height: 10px;
    margin-top: -4px !important;
    overflow-y: auto;
    text-align: left;
    width: 430px;
}