/* 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: #414b52;
font-size:12px;
font-family:arial;}

/* CS1.2 фон */
html {
  background:#3f443c url(http://funkyimg.com/i/2H2xi.jpg) top center no-repeat;
  background-attachment:fixed;
}

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

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

/* CS1.4 Пан */
#pun {background-color:transparent; background-image:url(http://funkyimg.com/i/2H2xh.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, .punbb li.isactive a:focus {
color:#8e6444;
font-family:arial;
text-decoration:none;

-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;}

/* 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, .punbb li.isactive a:focus {
color:#9c9b7c;
font-family:arial;
text-decoration:none;

-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;}


/* CS3 иконки -------------------------------------------------------------------------------------------- */

    .punbb td div.tclcon {margin-left:50px;}

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon { 
float:left;
margin-top:17px;
clear:none; 
display:block; 
width:40px;
height:40px;
background:url(http://funkyimg.com/i/2FeC5.png);}

/* CS3.2 Иконка новых */
TR.inew Div.icon {  
background:url(http://funkyimg.com/i/2FeC4.png);}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon { 
background:url(http://funkyimg.com/i/2FeC2.png);}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon { 
background:url(http://funkyimg.com/i/2FeC3.png);}


/* 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: 60px;
width: 900px;
background-image: url("http://funkyimg.com/i/2H2He.jpg");
margin-left: -20px;
background-color: transparent;
background-origin: padding-box;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}

/* CS5.3 цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box, .quote, .quote-a {
background: url() #cfc7c3 top center;
border-top: 2px solid #e2dad6;
border-bottom: 2px solid #e2dad6;
outline: 2px solid #cea690;
}

/* CS5.4 область для быстрого ответа */
.punbb textarea {
background: url() #cfc7c3;
border-top: 2px solid #e2dad6;
border-bottom: 2px solid #e2dad6;
outline: 2px solid #cea690;
}

/* линия хр */
hr {background-color:#8e6444; 
height:1px; border:none!important;}

/* 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-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;}


/* кнопки и навигационное меню */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span, .punbb select, .punbb input {
height:20px;
background:#cfc7c3;
border-radius:0px;
border:1px solid #d4ac94;
font-size:13px;
text-transform:none;
color:#8e6444;
font-weight:bold;
}

#pun-main .formsubmit input {text-align:left!important;}

/* исключения */
.category .container thead {display: none;}
#post-form h2 {display:none;}
#topic-modmenu span {display:none;}
#pun-navlinks li#navawards {display: none;}
.lastedit {display:none;}
.sharelink {display: none;}
.post-links li.pl-reports {display:none;}
#pun-stats .section {display:none;}


/* стиль разных элементов форума */

li#onlinelist.item5 a {text-align:left; font-family:arial; font-weight:normal;}
#topic-users-in a {font-family:arial; font-weight:normal;}

#pun-status .container {text-align:left; text-transform:lowercase; color:#868686;}
#pun-crumbs1 .container {text-align:left; font-family:arial; text-transform: lowercase; letter-spacing:0px;}
#pun-crumbs2 p.container {text-align:left; font-family:arial; text-transform: lowercase; letter-spacing:0px;}
#pun-about p.container {float:right; text-transform:lowercase;}
.punbb fieldset legend {text-transform:lowercase;}
.statscon li.item1, li.item2, li.item3, li.item4 {text-transform:lowercase; color:#868686;}
#main-reply {font-family:arial;}

#pun-main .pagelink {text-align:left; color:#878787; font-family:arial; text-transform:lowercase;}
#pun-main .subscribelink {text-align:left; text-transform: lowercase;} 
#pun-main .subscribelink a {font-family:arial;}
#topic-users-in {text-transform:lowercase;}
#pun-main .postlink {text-align:right;} 
#pun-main .postlink a {color:#878787; font-family:arial; text-transform:lowercase;}


/* цитировать редактировать */
#pun-main .post-links {}
#pun-main .post-links a {font-family:arial; text-transform:lowercase;}

/* заголовки тем */
#pun-main h1 {text-align:right!important; font-weight:bold; font-family:arial; font-size:16px; text-transform:uppercase; color:#818060; text-shadow: 2px 1px 0px #d3ccc9; font-style:;}

#pun-main h2 {color:transparent;}

/* дата поделиться */

#pun-main .topic h3 {display:block; width:px; margin-left:-20px;
background:url();}

#pun-main h3 a {text-align:left; line-height:20px; height:px;
font-family:Times New Roman; font-size:12px; text-transform:uppercase; font-weight:bold; font-style:normal; color:#8e6444;}

#pun-main h3 .permalink::before {content: "пост оставлен ";}

#pun-viewtopic div.post h3 strong::before {
    content: "номер ";
    line-height:20px;
    height:20px;
    text-transform:uppercase;
    font-weight:bold;
    font-size:12px; 
    font-family:Times New Roman;
    color:#8e6444;
    margin-right:40px;}

#pun-viewtopic div.post h3 strong {
    line-height:20px;
    height:20px;
    text-transform:uppercase;
    font-weight:bold;
    font-size:12px; 
    font-family:Times New Roman;
    color:#8e6444;}

/* заголовки форумов */
#pun-index .tcl h3 {background:none; text-align:left; margin-left:20px; border:none; width:450px;}

#pun-index .tcl h3 a {
font-weight:bold; font-family:arial; font-size:16px; text-transform:uppercase; color:#666845; text-shadow: 1px 1px 0px #d3ccc9;}

.subforums span {margin:0 0 0 20px;}
.subforums {text-align:center;}
.subforums span a:link {
font-weight:bold; text-transform:uppercase; font-family:'arial'; color:#666845; font-size:16px; text-shadow: 1px 1px 0px #d3ccc9;}

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

/*ширина*/ ::-webkit-scrollbar {width:2px; height:2px;}
/*трэк прокрутки*/ ::-webkit-scrollbar-track:vertical {background:#e3e3e3 !important;}
/*сам ползунок*/ ::-webkit-scrollbar-thumb:vertical {background:#57656d !important;}
/*трэк прокрутки*/ ::-webkit-scrollbar-track:horizontal {background:#e3e3e3 !important;}
/*сам ползунок*/ ::-webkit-scrollbar-thumb:horizontal {background:#57656d !important;}


/* CS7.1 верхнее меню ----------------------------------------------------------------------------- */
#pun-navlinks a {
display:inline-block;
  text-transform:uppercase;
  font-size:13px !important; 
  font-family:arial black;
font-weight:normal;
letter-spacing:0px;
font-style:normal;
  color:#f3f3f3;
text-decoration:none;

-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;}

/* CS7.2 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
display:inline-block;
  text-transform: uppercase;
  font-size: 13px !important; 
  font-family:arial black;
font-weight:normal;
font-style:normal;
letter-spacing:0px;
  color:#f5c581;
text-decoration:none;

-webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;}

#pun-navlinks li#navindex a:link, li#navindex a:active, li#navindex a:visited {color:#f5c581;}


/* CS7.3 нижнее меню */
#pun-ulinks a {
  text-transform:uppercase;
  font-size:8px;
  font-family:arial;
  color:#5c6662;
text-decoration:none;
font-weight:normal;
}

/* CS7.4 */
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  color: #2f3835;
  text-transform:uppercase;
  font-size:8px;
  font-family:arial;
text-decoration:none;
font-weight:normal;
}


/* профиль -------------------------------------------------------------------------------------------------- */

/* C3.5 */
.punbb .post .post-author {
 position: relative;
  width: 202px;
  overflow: hidden;
  margin-left: 0px;
  margin-top: -5px;
  background: url(http://funkyimg.com/i/2FedC.jpg) repeat-y #e2e2e2;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
 text-align:center;
line-height:1em;
  background: url(http://funkyimg.com/i/2FedB.jpg) bottom no-repeat;
  }

/* C3.7 */
.pa-author {
background: url(http://funkyimg.com/i/2FedA.jpg) top center no-repeat;
height:50px;
  }

/* C3.8 */
li.pa-author a { 
line-height:35px;
height:35px;
  text-decoration: none;
  font-size:13px;
font-style:italic;
text-transform:uppercase;
-webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
  }

li.pa-author a:link, a:active, a:visited {color:#696649; font-family:Times New Roman; font-weight:bold;}
li.pa-author a:hover {color:#696649; font-family:Times New Roman; font-weight:bold;}

.pa-avatar img {width:px; margin-bottom:0px; outline:0px solid #fff;}

/* лз */
li.pa-fld3 {
display:block;
padding-left:3px;
background: url();
width:174px;
font-style:arial;
font-size:9px;
text-align:justify;
line-height:12px;
margin:-15px 0 0px 15px;
}

/* плашки */
li.pa-fld4 {
z-index: 150;
top: -21px !important;
left:-1px;
display: inline-block;
float: inherit;
position: relative;
width:180px;
}

/* сообщения, репутация, деньги и посты */
li.pa-fld1, li.pa-fld2 {
display:inline-block;
width:44%;
text-transform: uppercase;
background-color:#d2cac6;
color:#696649;
text-align:center;
height:14px; 
font-family:arial;
font-size:8px;
font-weight:bold;
margin-top:13px;
margin-bottom:3px;}

li.pa-respect, li.pa-posts {
display:inline-block;
width:44%;
text-transform: uppercase;
background-color:#d2cac6;
color:#696649;
text-align:center;
height:14px; 
font-family:arial;
font-size:8px;
font-weight:bold;
margin-bottom:22px;}

li.pa-respect a:link, a:visited {color:#696649; font-size:8px; font-weight:bold;}
li.pa-respect a:hover {color:#696649;}

/* C3.9 */
li.pa-title {
  margin-top:-20px;
  margin-bottom:4px;
  font-style:italic;
  font-family:arial;
  line-height:16px; 
  font-size:9px;
  color:#9c8f87;
  text-transform: lowercase;
}

li.pa-online {
line-height:18px;
font-weight:bold;
font-size:9px;
text-transform:uppercase;
  font-family:Times New Roman;
color:#787878;
}

/* блок постов */
.punbb .post-box {
padding: 1.5em;
margin-left:0px;
margin-top:5px;
line-height: 14px;
text-align: justify; 
}

/* СТИЛЬ ДРУГИХ ЭЛЕМЕНТОВ ФОРУМА -------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* блок описания форумов */
.kcrossforum {
margin-left:10px;
padding:10px; 
text-align:justify;
font:10px arial;
background: url() #cfc7c3 top center;
border-top: 2px solid #e2dad6;
border-bottom: 2px solid #e2dad6;
outline: 2px solid #d1cfa6;
}

.kcrossforum a {font-weight:bold;}

/* ОФОРМЛЕНИЕ ПОСТОВ ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.post-block {width:600px; height:auto; margin-left:-5px;
                  background:url() transparent; border:10px solid #e2dad6; outline:1px solid #99987b;}

.post-block-2 {height:auto;
                     background:url() #cfc7c3; border:5px solid #e2dad6; outline:1px solid #d0a992; font-size:10px;}

.post-block-2 b {color:#7e7c5e; font-weight:bold; text-shadow: 2px 1px 0px #fff;}

.post-title {width:590px; height:82px; text-align:center; line-height:82px;
                 background:url(http://funkyimg.com/i/2H5ZP.jpg); border:5px solid #e2dad6; outline:1px solid #d0a992;
                 font-size:37px; font-family:Yellowtail; font-weight:bold; color:#81847b; text-shadow: 2px 1px 0px #fff;}

.post-small-title {width:590px; height:16px; text-align:center; line-height:16px;
                 font-size:12px; font-family:arial; font-style:italic; color:#99987b;}

.post-scroll {width:225px; height:200px;
                   background-color:#e2dad6; border:10px solid #cfc7c3; outline:1px solid #d0a992;}
.post-scroll-2 {width:504px; height:100px;
                     background-color:#e2dad6; border:10px solid #cfc7c3; outline:1px solid #d0a992;}

.n-sea-app [type=radio]:checked ~ label {background:#d3ab94;}
.n-sea .n-p-main {background-color: #e2dad6;}
.n-sea-app .n-sea-tab label {
color:#828060;
border:5px solid #e2dad6;
outline:1px solid #cea690;}


/* личная страница*/
.my-tabs {width: 700px!important;}
.lsbody {width:700px; height:450px; position: relative; background:url(http://s8.uploads.ru/VoLph.png);}
.lsplaski, .lspodarki, .lscitata, .lsimg, .lsosebe, .lsname {position: absolute;}
.lsplaski {width: 400px; height: 230px; overflow: auto; left: 50px; top: 190px;}
.lspodarki {width: 200px; height: 240px; overflow: auto; left: 523px; top: 190px;}
.lscitata {width: 400px; height: 66px; overflow: auto; font-family: Times New Roman; text-transform: uppercase; font-size: 9px; text-shadow: #8a8d96 0px 0px 0px; left: 212px; top: 75px; text-align: justify;}
.lsosebe {width: 500px; height: 66px; overflow: auto; font-family: Times New Roman; text-transform: uppercase; font-size: 8px; text-shadow: #8a8d96 0px 0px 0px; left: 150px; top: 100px; text-align: justify;}
.lsimg {width: 100px; height: 100px; left: 40px; top: 35px;}
.lsname {width: 250px; height: 21px; overflow: auto; left: 154px; top: 48px; font-family: Small fonts; text-transform: uppercase; font-size: 14px; text-shadow: #000 0px 0px 0px; color: #515875; text-align: center; letter-spacing: 2px;}
.circle {border-radius: 50px;
    margin: 20px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);}




/* форма ответа ---------------------------------------------------------------------------*/

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area .container {background: url() #cfc7c3 top center;
border-top: 2px solid #e2dad6;
border-bottom: 2px solid #e2dad6;
outline: 2px solid #959377;}

#font-area {height:200px; overflow-y:scroll;}

/* хтмл в постах --------------------------------------------------------------------------*/

#wof-ind-req1 {
  background: url("http://funkyimg.com/i/2H3Bq.jpg");
border: 1px solid #f09660;
}

.wof-ind-req1-in {
  background: url("") #e2dad6; 
  border: 1px solid #efe6d8;
}

wof-ind-req1-blurb {
  font: 22px arial;
font-style: arial;
color: #7d726b;
}

.wof-ind-req1-info {
   font: 12px arial;
font-style: arial;
color: #32342a;
}