.html-box{
position: relative;
width: 890px;
margin-left: 180px !important;
}
.punbb .container {
    border-style: solid;
    border-width: 1px;
    border-bottom: 0 !important;
    border-top: 0 !important;
}
.pa-fld1
{width: 220px;}/*выравнивание доп.инфы в профиле*/
.pa-fld2
{text-align: left !important;
padding: 2px !important;  margin-top: 30px !important;
/*border-radius: 30px;*/
} 
.pa-fld3 img { 
margin-top: -360px; 
margin-left: -3px;}
/*::-webkit-scrollbar {width: 12px; height: 8px;}  
::-webkit-scrollbar-track {background-color:#c6c1b2;} 
::-webkit-scrollbar-thumb {height: 200px; width: 35px; background-color: rgba(16,19,23,0.9);}*/


/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
background: url('http://forumstatic.ru/files/0017/b8/d6/67486.jpg') /*http://s4.uploads.ru/H4d0v.jpg*/
no-repeat;
background-size: cover;
background-attachment: fixed;
background-color: #212121;
background-position: top center;  /* фон  */
}


/*шапка*/
#pun-title table {
background-color: transparent;
  /* background-image: url("http://forumstatic.ru/files/0017/b8/d6/42271.jpg");*/
   background-repeat: no-repeat; 
background-attachment: scroll;
   margin-left: -75px;
    background-position: center top!important;
    width: 1000px !important;
    height: 1px !important; /380*/
}


#pun { /*лента*/
   background-color: rgba(241, 236, 229, 0.94);
  float: none;
  padding: 0px 0px 0px 0px;
  background-repeat: repeat-y;
    box-shadow: 0px 0px 55px rgba(230, 245, 244, 0.82) inset;
  background-position: center top;
  border: none;
  width: 884px!important;
  border: 1px solid rgba(119, 129, 124, 0.53);
  outline: 7px solid rgba(0, 0, 0, 0.32);
  outline-offset: 4px;
  transition: 0.2s cubic-bezier(0.39, 0.58, 0.57, 1);
  }

#pun-about .container {
   /* background: url("http://forumstatic.ru/files/0017/b8/d6/53658.png") no-repeat transparent; низ подвал*/
    height: 31px !important;
    width: 884px !important;
    padding-bottom: 0px !important;
    background-position: left bottom;
    text-align: center !important;
margin-left: -16px !important;
margin-bottom: -13px !important;
}

/* CS1.2 */

.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, 
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color:  rgb(124, 121, 114);
  }
.punbb td.tc3
{
  background-color: transparent;
 color: rgb(124, 121, 114)!important;
  margin-left: 203px;
  margin-top: -21px;
vertical-align: top;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #2f2f2f;
  }

.punbb #pun-main .category h2 {
display: inline-block;
/*background-image: url("http://forumstatic.ru/files/0017/b8/d6/33892.png") !important; разделители*/
background-repeat: no-repeat !important;
background-position: center bottom !important;
height: 0px !important; 
text-align: center;
width: 860px;
margin-top: -50px;}
.punbb #pun-main .category h2 span{
    background: linear-gradient(135deg, #256167 1%, #a0d0cb 56%, #3f6a75 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #0B2349;
    /* color: rgb(144, 103, 108); */
    text-shadow: 0px 0px 7px #ebefe1, 0px 0px 1px rgba(255, 10, 10, 0);
    padding-right: 0px;
    padding-top: 1px; display:none;
}

.punbb h2 {
/*background-image: url("http://forumstatic.ru/files/0017/b8/d6/49299.png") !important; полосочка вверху-внизу для заголовков*/
background-repeat: no-repeat !important;
background-position: center center !important;
height: 50px !important;
padding-top: 20px !important;

}

.punbb-admin{
  color: #201209;  /*201209*/
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
color: rgb(121, 119, 116);
background-color: transparent; /*#17162f; админ-заголовки*/
padding: 0px 5px;
font-weight: normal;
border: none;
    text-align: center;
}

/* CS1.4 */
#pun-title, #pun-title .container {
  background-color: transparent;
font-size:14px;
margin-top: -2px;

}

/* CS1.5 */
#viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #151a20;
font-size:16px;
visibility: visible;
}
.punbb legend span{
background-color: transparent;
  color: #151a20;
font-size:16px;
visibility: hidden
};

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
color: rgba(49, 58, 66, 0.93)!important;
/*text-shadow: none!important;*/

  }

/* CS1.7  боковушка цитат*/
.punbb .quote-box, .punbb .code-box {
    box-shadow: 2px 0px 0px rgba(31, 31, 31, 0.44), -2px 0px 0px rgba(62, 62, 62, 0.45);
 border: 1px solid rgb(224, 224, 224);
 }

.quote-box:hover{box-shadow: 0px 0px 8px rgba(240, 248, 255, 0.5) inset, 2px 0px 0px rgba(31, 31, 31, 0.44), -2px 0px 0px rgba(62, 62, 62, 0.45);}




/* CS1.8 */
#pun-navlinks .container {
text-align: left;
  }

.offline li.pa-online strong {
  font-weight: normal
  }



/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent
  }

/* CS2.3 */
 .punbb .main h1,  {
  border-color: transparent;
  text-align: center;
  }
#pun-stats h2, .punbb .main h2, #pun-debug h2, #pun-admain h2  {
  border-color: transparent;
  text-align: center;
  }
.punbb-admin {border-color:transparent; text-align:left;}
/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {

  }

#pun-ulinks li, #pun-announcement h2 span, #pun-help .formal .info-box h3.legend span {
  border-color: transparent
  }

li#onlinelist {
border-color: transparent;
font-family: alethia pro; 
font-size:13px;
}

#pun-ulinks li a, #pun-announcement h2, #pun-help .formal .info-box h3.legend {
  border-color: transparent
  }

li#onlinelist div {
border-color: transparent;
font-family: alethia pro; /*futura*/
font-size:13px;
}

.punbb .divider {
  border-color: transparent
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #9d9d9d;
/*-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;*/
}

li.pa-online {
  border-left-color: #f5f5f5;
  }

.punbb .post-sig dt {
  border-top-color: #f5f5f5!important;
  }
.punbb textarea, .punbb select, {
/*border-color: transparent;
border-top: 2px solid #262626;
border-bottom: 2px solid black;*/
border: 1px solid rgba(255, 120, 57, 0.3);


}

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.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 {
 color: #879c99;
  font-family: alethia pro, verdana, sans-serif;
  border-bottom: 1px none #000;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.2s ease 0s;
  padding: 3px 3px;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: blue;
  }

/* CS3.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:  rgb(132, 167, 157);
  position: relative;
  top: -1px;
  left: -1px;
 text-shadow: 0px 0px 15px #add;
  }

/* CS3.3 */
#pun-navlinks a {
color: rgba(231, 231, 231, 0.8);
border-bottom: 0px none #000;
font-family: alethia pro!important;
letter-spacing: 0.2px;
font-size: 12px !important;
text-transform: uppercase;
padding: 8px 5px!important;
    text-shadow: 0px 0px 8px #b7cdca;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  font-style: normal;
  text-decoration: none;
font-weight: normal;
 border: none;
     color: #b5cac7!important; 
       text-shadow: 0px 0px 15px #add;}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #7b89a6;
  color: #fff;
  }
#pun-ulinks a
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
color: white;
  }


/* CS4 Post status icons
 -------------------------------------------------------------*/
div.icon {background: url('http://se.uploads.ru/vUtEh.png') no-repeat;}
tr.inew div.icon {background:url('http://s3.uploads.ru/XmK29.png') no-repeat;     
}
tr.iclosed div.icon {background:url('http://s8.uploads.ru/d2Ojh.png') no-repeat;}
tr.isticky div.icon {background:url('http://s7.uploads.ru/MVfHn.png') no-repeat;}
#pun-main div.catleft, #pun-main div.catright {display: none}


#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 0; left: 0px; top: 0px}


#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}




.post-author{
width: 220px !important;
font-family: arial !important;
font-size: 12px !important;
}

/*информация в профиле*/
.punbb .post .post-author ul, .punbb .post .post-author p
{padding-bottom: 10px !important;
text-align: left;
}

/*оформление контейнеров ссылок в подфорумы*/
#pun-index .tclcon > a{
    display: inline-block;
    text-transform: lowercase;
    font-family: arial;
    font-size:12px;
    }

#pun-index .tclcon > a:link {
    display: inline-block;
    text-transform: lowercase;
    font-family: arial;
    font-size: 12px;
    margin-top: 8px;
    margin-left: 41px;
    margin-right: -27px;
    padding: 4px 8px;
    background: linear-gradient(rgb(189, 186, 185), rgb(113, 122, 117), #627070);
    border-top: 1px solid rgba(117, 127, 127, 0.61);
    border-left: 2px solid rgba(117, 118, 110, 0.44);
    border-right: 1px solid rgba(128, 128, 128, 0.9);
    border-bottom: 1px solid #a6b0b1;
    color: rgba(255, 255, 255, 0.64);
transition: 0.3s ease;
    }

#pun-index .tclcon > a:hover {
    padding: 4px 8px;
    display: inline-block;
    text-transform: lowercase;
    font-family: arial;
    font-size:12px;
background: linear-gradient(rgb(248, 249, 243), rgb(213, 228, 225), #f6fdfc);
    border: 1px solid rgba(128, 128, 128, 0.5);
    color: #7c8d8e!important;
    text-shadow: 0px 0px 4px aliceblue;
}
#pun-index .tclcon > a:visited {
    display: inline-block;
    text-transform: lowercase;
    font-family: arial;
    font-size: 12px;
    margin-top: 8px;
    margin-left: 41px;
    margin-right: -27px;
    padding: 4px 8px;
    background: linear-gradient(rgb(189, 186, 185), rgb(113, 122, 117), #627070);
    border-top: 1px solid rgba(117, 127, 127, 0.61);
    border-left: 2px solid rgba(117, 118, 110, 0.44);
    border-right: 1px solid rgba(128, 128, 128, 0.9);
    border-bottom: 1px solid #a6b0b1;
    color: rgba(255, 255, 255, 0.64);
    }

/** êàðòèíêà îíëàéí â ïðîôèëå **/
.pa-online {
  display: none;
}
.post-author {
background: rgba(16, 13, 12, 0.78);
    color: rgba(228, 228, 228, 0.8)!important;
    border: 1px solid; /*надпись и фон профиля онлайн*/
border-image: linear-gradient(20deg, rgba(199, 241, 238, 0.48) 38%, rgba(140, 168, 180, 0.48) 65%);
    border-image-slice: 1
background-position: top right;
outline: 3px solid rgba(175, 200, 197, 0.58);
    outline-offset: 3px;
}
.post-author.online {
   background: rgba(16, 13, 12, 0.78);
    color: rgba(228, 228, 228, 0.8)!important;
    margin-left: 160px;
    border: 1px solid; /*надпись и фон профиля онлайн*/
    border-image: linear-gradient(20deg, rgba(199, 241, 238, 0.48) 38%, rgba(140, 168, 180, 0.48) 65%);
    border-image-slice: 1;
    background-position: top right;
    outline: 3px solid rgba(175, 200, 197, 0.58);
    outline-offset: 3px;
}

/*оформление ссылок в профиле*/
.post-author a{
color: RGBA(237, 237, 237, 0.81) !important;
font-family: alethia pro;
font-size: 11px;
}

.post-author a:hover{
color:  rgb(199, 208, 207)!important; /*цвет имени профиля*/
    font-family: alethia pro;
       text-shadow: 0px 0px 15px #add;
font-weight: normal !important;
border: none;
}
/*оформление имени профиля в сообщении*/
.pa-author {
    background: transparent;
    height: 39px;
    margin-top: -1px !important;

}

.pa-author a{
color: rgba(239, 236, 230, 0.8)!important;
font-family: alethia pro;
line-height: 42px !important;
font-size: 20px;
letter-spacing: -1.54px;

font-weight: normal !important;
}



.pa-avatar.item2 {
    width: 190px !important;
    height: 250px !important;
margin-top: 14px;
    margin-left: 14px !important; 
     background-position: center center !important;
    repeat: no-repeat;
    
    
}

li.pa-title {
    font-size: 12px !important;
    width: 210px !important;
    margin-left: 5px; 
/*а ещё сюда можно пихнуть фоновую картинку, например*/
    /*border-radius: 10px 10px 0px 0px;*/
    margin-top: 5px;
}

.pa-fld2{
    width: 59px !important;
    margin-left: 136px !important;
    margin-top: -76px !important;
    text-align: left !important;
}
#pun-stats ul.container {

}

.punbb textarea /*поле ввода текста в форме ответа, фон*/{
width: 100% !important;
    background-color: rgba(46, 51, 45, 0.7);
    color: #eff4e6;
    border: 1px solid rgba(241, 244, 230, 0.56);
    box-shadow: 1px 1px 15px rgba(126, 148, 167, 0.55) inset, -1px -1px 1px rgba(132, 154, 168, 0.59) inset;
    outline: 2px solid rgb(175, 200, 197);
    outline-offset: 2px;
}


.button{  height: 25px;
    background: linear-gradient(rgb(189, 186, 185), rgb(113, 122, 117), #627070);
    border-top: 1px solid rgba(117, 127, 127, 0.61);
    border-left: 2px solid rgba(117, 118, 110, 0.44);
    border-right: 1px solid rgba(128, 128, 128, 0.9);
    border-bottom: 1px solid #a6b0b1;
    color: rgba(255, 255, 255, 0.64);
transition: 0.3s ease;    font-family: alethia pro!important;
    text-transform: uppercase;
    font-size: 13px!important;

}

.button:hover { height: 25px; background: linear-gradient(rgb(248, 249, 243), rgb(213, 228, 225), #f6fdfc);
    border: 1px solid rgba(128, 128, 128, 0.5);
    color: #7c8d8e!important;
    text-shadow: 0px 0px 4px aliceblue;  font-family: alethia pro!important;
    text-transform: uppercase;
    font-size: 13px!important;


}

.button:active {height: 25px;   background: linear-gradient(rgb(189, 186, 185), rgb(113, 122, 117), #627070);
    border-top: 1px solid rgba(117, 127, 127, 0.61);
    border-left: 2px solid rgba(117, 118, 110, 0.44);
    border-right: 1px solid rgba(128, 128, 128, 0.9);
    border-bottom: 1px solid #a6b0b1;
    color: rgba(255, 255, 255, 0.64);  font-family: alethia pro!important;
    text-transform: uppercase;
    font-size: 13px!important;

}

.punbb .main .container{
margin-top: -9px;
}


.punbb #pun-viewtopic .post-report h1, .post-reputation h1 {
background-image: url("http://bgfons.com/upload/iron_texture1745.jpg");
background-repeat: no-repeat;
background-position: center top;
height: 61px;
}

#pun-main .container table thead
{font-size: 80%;
  /*text-transform: lowercase;*/
margin-top: 10px;}

#pun-main .container table thead tr th.tcl
{color: transparent;
font-size: 0em;}

    .fs-box .post-body{
    width: 400px;
    }

    .fs-box .post-sig dt{
    width: 380px !important;
    }

    #profilenav .isactive a{
    font-size: 15px !important;
color: #0d151c;
text-shadow: 1px 1px 1px #fcf7ea;;
    }
p.container {
margin-left: 20px;
}

div.post-rating a {
font-family: alethia pro;
font-size: 18px;
color: #0d151c;
font-weight: normal;
}

div.post-rating a:hover {
font-family: alethia pro;
font-size: 18px;
color: white;
  font-weight: normal;
}




#font-area, #size-area, #table-area, #image-area, #imageup-area, #imageattach-area, #video-area, #smilies-area, #addition-area { position: absolute;
    right: 6px;
    top: 43px;
    padding: 10px;
    box-shadow: 0px 2px 0px rgba(79, 86, 92, 0.61), 0px -3px 0px rgba(103, 105, 104, 0.62);
background-color: rgba(241, 251, 250, 0.72);
    color: #575f61;
}

/*//ôîí âûïàäàþùåãî ìåíþ êíîïîê
}*/ 

@font-face {
font-family: 'alethia pro';
src: url('http://forumstatic.ru/files/0017/b8/d6/96293.eot?'),
url('http://forumstatic.ru/files/0017/b8/d6/37681.woff') format('woff'),
url('http://forumstatic.ru/files/0017/b8/d6/19544.ttf') format('truetype'),
url('http://forumstatic.ru/files/0017/b8/d6/17567.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'minsk';
src: url('http://forumstatic.ru/files/0017/b8/d6/26970.eot?'),
url('http://forumstatic.ru/files/0017/b8/d6/86625.woff') format('woff'),
url('http://forumstatic.ru/files/0017/b8/d6/84280.ttf') format('truetype'),
url('http://forumstatic.ru/files/0017/b8/d6/98962.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
    font-family: 'underground'; /*bold*/
    src: url('http://forumstatic.ru/files/0017/6b/d8/49746.eot');
    src: url('http://forumstatic.ru/files/0017/6b/d8/49746.eot#iefix') format('embedded-opentype'),
         url('http://forumstatic.ru/files/0017/6b/d8/76021.woff') format('woff'),
         url('http://forumstatic.ru/files/0017/6b/d8/18885.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*оформление блоков форумов на главной странице*/
div.tclcon {
    margin-left: 5px;
    padding-right: 5px;
}
div.intd span{
margin-left: -20px;
}


/* ññûëêè â øàïêå */
.nav {margin: 0 -5px 0 0px;}
.nav a{    
    width: 150px !important;
    color: #43A4B9 !important;
    background-color: #060C1A;
    font: 10px/13pt underground, tahoma; /*futura*/
   /* text-transform: lowercase; */
    text-align: center;
    display: block;
    /*border-radius: 1px;*/
    margin-bottom: px;
    box-shadow: 0px 0px 5px rgba(43, 136, 158, 0.11) inset, 0px 1px 0px rgba(19, 146, 158, 0.38), 0px -5px 10px rgba(0, 62, 92, 0.28) inset;
}
.nav a:hover {
color: white !important;
background-color: rgba(35, 106, 134, 0.32);
box-shadow: 0px 0px 5px rgba(43, 136, 158, 0.33) inset, 0px 1px 0px rgba(19, 146, 158, 0.38), 0px -5px 10px rgba(0, 62, 92, 0.7) inset;
}
.obj{
display: block;
background: rgba(209, 216, 228, 0.3) none repeat scroll 0% 0%;
padding: 3px;
margin-left: 30px;
box-shadow: 1px 1px gray;
width: 180px;
margin-bottom: 2px;}
.objh{
display: block;
background: rgba(5, 8, 14, 0.32) none repeat scroll 0% 0%;
padding: 3px 6px;
/*border-radius: 9px 0px 0px;*/
border-top: 1px solid rgba(98, 173, 179, 0.58);
margin-left: 10px !important;
box-shadow: 0px 35px 39px -25px rgba(72, 152, 159, 0.48) inset, 1px 1px 1px #0E1824;
height: 209px;
text-align: right;
}


.pa-fld4 {
margin-top: -5px !important;
margin-left: -1px !important;
opacity: 0.8;
}

/****************
    Cëàéäåð 
**************/


/* Oáùèå íàñòðîéêè */
.slider,
.slider * {
  margin:0;
  padding:0;
}
.slider {
  overflow:hidden;
  border:none 0 transparent!important;
  border-collapse:collapse;
  /*outline:solid red 2px;*/
  /*position:relative;z-index:1000;*/
}
.button-left.hide,.button-right.hide{
  display:none;
}
.slider img.button-left,
.slider img.button-right{
  cursor:pointer;
}
div.Wrap-slids {
  text-align:left;
  overflow:hidden;
  position:relative;
}
div.train {
  text-align:left;
  overflow:hidden;
  white-space:nowrap;
  position:absolute;
}

.slider-content{
  margin:0;padding:0;
  white-space: normal;/* Ïîìåíÿë ñ nowrap; è äîáàâêà íèæå*/
  word-break: normal;
  text-align:center;
  display:none;
  /*outline:solid red 1px;*/
}

.slider-content.active {
   display:block;
}
/* End Cëàéäåð - яхз, чойта*/

div#messanger.container{
position: absolute;
position: fixed;
top: 200px;
left: 150px;
width: 200px !important;
padding: 15px;
text-align: right;
background-color: #B5B8C9;
color: #BAD3DB;
box-shadow: 0px 0px 10px rgba(167, 201, 239, 0.6) inset, 1px 1px 1px #0F0E13;
border-bottom: 3px solid #9DB7DC !important;
background: transparent url("картинка тут") repeat scroll right bottom;
}

div#messanger.container a{
color: #c9dfff !important;
font-weight: bold;
}

div#messanger.container a:hover{
color: white !important;
font-weight: bold;
}
/*допконтейнер на шапку*/
.bpost{
width: 275px;
height: 145px;
position: absolute;
top: 39px;
background: transparent url("картинка тут") no-repeat scroll 0% 0%;
margin-left: -9px !important;
color: #b1bed4;
font-size: 9px;
line-height: 9px;
}

.bpost a{
color: #DEDCFF !important;
font-weight: bold;
text-shadow: 1px 1px 5px #61a6b9, 0px 0px 3px #3154CF, 0px 0px 3px #6092d4;
}

div#profilenav h2{
visibility:hidden;}

.pa-fld5 span{
color: rgb(158, 195, 234) !important;
}

div#pun-live-rusff{
visibility: hidden;
}