/* CS1 Background and text colours
-------------------------------------------------------------*/


/* CS1.0A Настройки фона*/

body {
background: 
url("http://forumstatic.ru/files/001a/6c/49/91129.png") repeat-x top center, 
url("")  repeat, #282828; 
}

body {
  font-size:100%;
  color: #282828;
overflow-x: hidden}





/* CS1.0B Настройки "тела" форума*/
#pun {
width: 990px; 
 background-image: url("http://forumstatic.ru/files/001a/f9/6e/76234.png");
 background-repeat: repeat; 
background-position: top center;
}

.punbb {
width: 990px;
}


/* CS1.0C Настройки прокрутки*/
::-webkit-scrollbar
{width: 4px;
height: 4px;
background-color: #dcdbdb;}



::-webkit-scrollbar-thumb:vertical {
background-color: #818D99;
}

::-webkit-scrollbar-thumb:horizontal {
background-color: #282828;
}



/*выделение*/
body *::-moz-selection {
  background: rgba(129, 141, 153 );
  color: rgb(255,255,255);
}
body *::-webkit-selection {
  background: rgba(129, 141, 153, 0.8);
  color: rgb(255,255,255);
}
body *::selection {
  background: rgba(129, 141, 153, 0.8);
  color: rgb(255,255,255);
}


/* CS1.0D Настройки шапки*/
#pun-title.section {
   background-image: url(http://forumstatic.ru/files/001a/6c/49/23425.png);
   background-repeat: no-repeat;
background-position: top center;
 border: none;
    width: 1140px;
    height: 300px;
 margin-left: -102px;
margin-top: -290px!important;

}

/* CS1.0F Настройки футера/копирайта */
#pun-about p.container {
background-image: url(http://forumstatic.ru/files/001a/6c/49/35394.png);
margin: 0px 0px -20px -30px;
  background-repeat: no-repeat;
background-position: top center;
 width: 990px;
    height: 140px;
    overflow-x: hidden;
}


/* CS1.1 Элементы форума*/
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.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, #pu
n-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  {
  background-color: transparent;
  }


/* CS1.3 Настройки заголовков*/
 .punbb .main h1,  #pun-debug h2, .punbb-admin #pun-admain h2 {
font-size: 10px;
text-align: center;
 font-family: 'Roboto', sans-serif;
font-weight: 200;
color: #282828;
text-transform: uppercase;
letter-spacing: 1px;
}


/* CS1.7 Настройки цитаты и кода*/
.punbb .quote-box, .punbb .code-box {
background-color: #dcdbdb;
outline: 1px solid #5B5B5B;
border: 2px solid #818D99!important;
outline-offset: -4px;
color: #282828!important;
border-radius: 0px;
}


/* CS1.7A Настройки маркированного текста*/
.post-content .highlight-text {
display: block;
margin: 0 1.0em 0 1.0em;
color: #282828!important;
border-radius: 0px;
 font-family: 'Roboto', sans-serif;
font-weight: 800;
font-style: normal;
font-size: 14px!important;
text-align: center;
line-height: 15px;
background-color: #dfdfdf;
}


/* CS1.8  Настройки формы ответа*/
.punbb textarea  {
background-color: #dcdbdb;
outline: 1px solid #5B5B5B;
border: 2px solid #818D99!important;
outline-offset: -4px;
color: #282828!important;
padding: 5px;
font-size: 11px!important;
border-radius: 0px;
}


textarea#main-reply {
  width: 100%;
  height: 100%;
  height: 205px;
  margin: 0 auto !important;
 margin-left: 5px!important;
 padding: 0.75em;
  box-sizing: border-box;
  overflow: auto;
border-radius: 0px;
  }



/* CS1.9 Настройки окон в форме ответа*/
#size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area  {
border-radius: 0px;
padding: 4px;
background-color: #282828;
 border: 1px solid #1A1A1A!important;
outline: 1px solid #5B5B5B;
 outline-offset: -2px;
color: #dcdbdb!important; 
}



#tags .container {padding: 4px;
background-color: #282828;
 border: 1px solid #1A1A1A!important;
outline: 1px solid #5B5B5B;
 outline-offset: -2px;
color: #dcdbdb!important;
 font-family: 'Roboto', sans-serif;
font-weight: 800;
 letter-spacing: 1px;

 }








/* CS1.11 Настройки полей ввода, кнопок и выпадающих меню*/
.punbb input, .punbb select {
border-radius: 0px;
background-color: #282828;
 border: 1px solid #1A1A1A!important;
outline: 1px solid #5B5B5B;
 outline-offset: -2px;
color: #dcdbdb!important; 
padding: 4px;
border: none;
}

/* CS1.12 кнопки */
.punbb .button {
font-size: 11px!important;
background-color: #282828;
 border: 1px solid #1A1A1A!important;
outline: 1px solid #5B5B5B;
 outline-offset: -2px;
color: #dcdbdb!important; 
border: none;
padding: 4px;
text-transform: lowercase ;
height: 25px;
min-width: 110px;
margin-top: -5px!important;
margin-bottom: 10px!important;
text-align: center;
border-radius: 0px;
 font-family: 'Roboto', sans-serif;
font-weight: 800;
 letter-spacing: 2px;
}


.punbb .button:hover {
background-color: #dcdbdb;
outline: 1px solid #5B5B5B;
border: 1px solid #818D99!important;
outline-offset: -2px;
color: #282828!important;
text-align: center;
 font-family: 'Roboto', sans-serif;
font-weight: 800;
 letter-spacing: 2px;
text-transform: lowercase ;
font-size: 11px!important;
}

#keyboard-span input { color:#282828!important; }


#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    overflow-y: auto;
    padding: 10px;
    max-height: 200px;
}


#pun-viewtopic .post h3 {
    height: 30px;
    width: 942px;
    margin-left: -5px;
      background-image: url(http://forumstatic.ru/files/001a/6c/49/50034.png?v=1);
}


.crosslink {
 margin-top: 8px!important;
  color: #dcdbdb!important;
 font-size: 11px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
 text-transform: lowercase;
  text-align: center;
letter-spacing: 1px;
  }

.crosslink a {
 color: #818D99!important;
  font-size: 11px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
 text-transform: lowercase;
  text-align: center;
letter-spacing: 1px;
 }





/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 Убираем все рамки*/
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {border-color: transparent;}
/* Ссылки*/
/* Настройки ссылок*/
.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: #282828; border-bottom: 0px none #000; text-decoration: none;
  -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -o-transition: all 0.4s;transition: all 0.4; }
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {color: #282828;}
/* Настройки ссылок при наведении*/
.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: #818D99; }
/* CS3.3 Настройки навигационных ссылок*/
#pun-navlinks a {color: #282828;}
/* Настройки навигационных ссылок при наведении*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {color:#818D99;}


/* CS4 Иконки сообщений
-------------------------------------------------------------*/

#pun-main div.catleft, #pun-main div.catright {
    display: none;
}



#pun-index table Div.icon {
    float: right;
display: block;
margin-right: 2px!important;
margin-left:  5px!important;
margin-top: 4px!important;
width: 107px;
height: 15px;
background-image: url(http://forumstatic.ru/files/001a/f2/fc/55883.png);
background-repeat: no-repeat;
}
#pun-index TR.inew Div.icon {
    background-image: url(http://forumstatic.ru/files/001a/f2/fc/61691.png);
    background-repeat: no-repeat;
height: 19px;
margin-top: -3px!important;
 }



#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
 display: block;
   float: right;
    height: 10px;
    margin-right: 2px!important;
margin-left:  5px!important;
margin-top: 4px!important;
  position: relative;
 width: 40px;
    background-color: #282828;
 border: 1px solid #1A1A1A!important;
outline: 1px solid #5B5B5B;
 outline-offset: -2px;

}

#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
  display: block;
   float: right;
    height: 10px;
    margin-right: 2px!important;
margin-left:  5px!important;
margin-top: 4px!important;
 width: 40px;
    background-color: #dcdbdb;
outline: 1px solid #5B5B5B;
border: 1px solid #818D99!important;
outline-offset: -2px;

}

#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
     width: 107px;
height: 15px;
margin-right: 2px!important;
margin-left:  5px!important;
margin-top: 4px!important;
  background-image: url(http://forumstatic.ru/files/001a/6c/49/83546.png);

}

#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
    width: 107px;
height: 15px;
margin-right: 2px!important;
margin-left:  5px!important;
margin-top: 4px!important;
background-image: url(http://forumstatic.ru/files/001a/6c/49/10757.png);

}







/* CS5 Другое
-------------------------------------------------------------*/

.closedatafield, #pun-title .title-logo span, .pa-gifts, .lastedit {display: none}
.punbb th {background: #transparent;color: transparent;}
.punbb .post-sig {color:#282828;}
.punbb .post-sig dt {border: none; border-top: solid 1px #282828;}
#profile .container #profilenav h2 {text-align : left;color: #282828;text-shadow: none; padding: 5px;}
#arrows {position:fixed;right:2%;bottom: 45%;}
#qpsContainer {display:none;} 
#post .formsubmit {text-align: center;}
.offline li.pa-online strong {font-weight: normal;}
#post-form h2 span {display:none;}
#pun-redirect h1 {background-image: none; padding-bottom:10px; color: transparent; text-shadow: none;}
#pun-admain .adformal, #pun-admain .adcontainer {border: none;border-color:  transparent;}
#pun-redirect h1 {background-image: none; padding-bottom:10px; color: transparent; text-shadow: none;}
.punbb-admin #pun-admain h2{
background-color: #282828;
 border: 1px solid #1A1A1A!important;
outline: 1px solid #5B5B5B;
 outline-offset: -2px;
color: #dcdbdb!important; 
text-align: left;text-shadow: none;padding-left: 5px;
letter-spacing: 2px;
}
#pun-admain .adformal, #pun-admain .adcontainer {border: none;border-color:  transparent;}
#pun-reputation div {
background-color: #dcdbdb;
outline: 1px solid #5B5B5B;
border: 2px solid #818D99!important;
outline-offset: -4px;
color: #282828!important;
}

#pun-status .item4 {display:none;}





/*CS6 Категории
-------------------------------------------------------------*/

#pun-stats.section h2 span, .category h2 span {
}
#pun-category1.category h2 {
background: url(http://forumstatic.ru/files/001a/6c/49/73465.png) no-repeat center;
height: 50px;
width: 942px;
margin-left: -5px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category2.category h2 {
background: url(http://forumstatic.ru/files/001a/6c/49/52942.png) no-repeat center;
height: 50px;
width: 942px;
margin-left: -5px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category3.category h2 {
background: url(http://forumstatic.ru/files/001a/6c/49/36075.png) no-repeat center;
height: 50px;
width: 942px;
margin-left: -5px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category4.category h2 {
background: url(http://forumstatic.ru/files/001a/6c/49/99177.png) no-repeat center;
height: 50px;
width: 942px;
margin-left: -5px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}

#pun-category5.category h2 {
background: url(http://forumstatic.ru/files/001a/6c/49/52419.png) no-repeat center;
height: 50px;
width: 942px;
margin-left: -5px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}

#pun-category6.category h2 {
background: url(http://forumstatic.ru/files/001a/6c/49/49397.png) no-repeat center;
height: 50px;
width: 942px;
margin-left: -5px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}



#pun-category7.category h2 {
background: url(http://forumstatic.ru/files/001a/6c/49/18189.png) no-repeat center;
height: 50px;
width: 942px;
margin-left: -5px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}



#pun-stats.section h2 {
background: url(http://forumstatic.ru/files/001a/6c/49/32126.png) no-repeat center;
height: 50px;
width: 942px;
margin-left: -5px;
margin-top: 10px !important;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}

/*------------- сообщение и репутация -------------*/
/* соо и репа*/
.pa-posts, .pa-respect, .pa-fld3, .pa-awards {
    display: inline-block;
 font-family: 'Roboto', sans-serif;
font-weight: 200;
    width: 102px;
    font-size: 10px;
    margin-top: 0px !important;
   text-transform: lowercase;
    padding: 0 !important;
    line-height: 11px;
    margin-bottom: 10px!important;
   margin-top: 5px !important;
    color: #282828!important;
background-color: #C5C3C3;
border-top: 1px solid #818D99!important;

}
.pa-respect a {
color: #572D34!important;
}


.pa-respect img {width: 7px !important;}

.pa-posts, .pa-fld3 {
    float: left;
    margin-left: 0px !important;
   }
.pa-respect, .pa-awards {
    float: right;
    margin-right: 0px !important;
}

.pa-fld3, .pa-awards {margin-top: -8px !important;}



/*------------- профиль -------------*/
.fandom {
     margin-bottom: 5px!important;
text-align: center;
font-family: 'Chonburi', cursive;
text-transform: uppercase;
 font-size: 12px;
 line-height: 20px;
letter-spacing: 1px;
background-color: #818D99!important;
color: #282828!important;
}

.crosscash{
background-color: #818D99;
 margin-bottom: 0px!important;
 margin-top: -1px !important;
text-align: center;
font-family: 'Roboto', sans-serif;
font-weight: 800;
 font-size: 12px;
 line-height: 20px;
letter-spacing: 1px;
color: #282828!important;
}



.lz {
padding: 6px 6px 6px 6px;
background-color: #C5C3C3;
 line-height: 11px;
 font-family: Arial;
 font-size: 11px;
 text-transform: lowercase;
color: #282828!important;
 text-align: justify;
border-bottom: 2px solid #282828!important;
}


.lz a {
 line-height: 11px;
 font-family: 'Roboto', sans-serif;
font-weight: 700;
 font-size: 12px;
 text-transform: lowercase;
color: #282828!important;
}


.lz a:hover{
font-family: 'Roboto', sans-serif;
font-weight: 700;
 text-transform: lowercase;
 line-height: 11px;
color: #5b6670!important;
font-size: 12px;
}

/*------------- плашка профиля -------------*/

.pa-fld2{
width: 210px;
height: 31px;
text-align: center;
margin-left: -1px !important;
margin-top: -15px !important;
  margin-bottom: 5px!important;

}



/*------------- таблица -------------*/

.sdcrosstabl {position: absolute;
margin-left: 30px !important;
top: -220px;
}

.sdcrosstabl td {width: 50px}

.sdcrossactiv{position: relative;
  width:41px;
  height: 41px;
  overflow: visible;
  filter: grayscale(100%);
 }



.sdcrosstabl2 {position: absolute;
margin-left: 744px !important;
top: -220px;
}

.sdcrosstabl2 td {width: 50px}

.sdcrosspost {position: relative;
  width:41px;
  height: 41px;
  overflow: visible;
  filter: grayscale(100%);
 }



.sdpoisktabl {position: absolute;
margin-left: 180px !important;
top: -160px;
}

.sdpoisktabl td {width: 45px}

.sdcrosspoisk {position: relative;
  width:42px;
  height: 42px;
  overflow: visible;
   filter: grayscale(100%);
 }



.sdpoisktabl2 {position: absolute;
margin-left: 670px !important;
top: -160px;
}

.sdpoisktabl2 td {width: 45px}

.sdcrosspoisk2 {position: relative;
  width:42px;
  height: 42px;
  overflow: visible;
  filter: grayscale(100%);
 }



.sdcrossp {position: absolute;
width: 360px;
height: 22px;
top:-140px;
margin-left: 290px!important;}


.sdcrosstext {  position: absolute;
height: 22px;
padding: 5px;
margin-top: 2px!important;
overflow-y: scroll;
 font-family: 'Roboto', sans-serif;
font-weight: 200;
color: #dfdfdf!important;
font-size: 10px;
line-height: 12px;
text-align: justify;}

.sdcrosstext a {color: #818D99!important;  font-family: 'Roboto', sans-serif;
font-weight: 400;}


.sdcrossnplayer2 {position: absolute;
width: 400px;
top:-102px;
margin-left: 430px!important;
 font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 12px;
text-align: justify;
color: #818D99!important;
}

.sdcrossnplayer2 a {
color: #818D99!important;
 }





.sdcrossn {position: absolute;
width: 400px;
top:-190px;
margin-left: 400px!important;}


.sdcrossname {  position: absolute;
 font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 12px;
line-height: 12px;
text-align: justify;
color: #dfdfdf!important;
 text-shadow: 1px 1px 0 #282828;
}

.sdcrossname a {
color: #dfdfdf!important;
 text-shadow: 1px 1px 0 #282828;
}

.sdcrossname a:hover{
color: #818D99!important;}


.sdcrossnplayer {position: absolute;
width: 400px;
top:-170px;
margin-left: 430px!important;
 font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 12px;
text-align: justify;
color: #818D99!important;
}

.sdcrossnplayer a {
color: #818D99!important;
 }



.sdams {position: absolute;
top:-218px;
margin-left: 210px!important;
width: 500px;
text-align: center;
 z-index: 9;
color: #818D99!important;
}


.sdams a {
font-family: 'Chonburi', cursive;
font-size: 12px;
  color: #818D99!important;
 font-weight: bold;
text-transform: uppercase;
}



.banners {
    position: absolute;
    margin-left: -5px !important;
    width: 900px;
    height: 33px;
    overflow-y: auto;
    margin-top: -15px !important;
    text-align: center;
}

.banners a{
  opacity: 0.9;
  filter: grayscale(100%);
}

.banners a:hover {
  filter: none;
}



.crossplaha {
    width: 930px;
    position: absolute !important;
    margin-top: 230px !important;
}

.crossplaha1{
width: 100px;
height: 22px;
padding: 4px 20px 4px 20px;
margin-right: 4px!important;
background-color: #282828;
 border: 1px solid #1A1A1A!important;
outline: 1px solid #5B5B5B;
 outline-offset: -2px;
color: #dcdbdb!important; font-size: 10px;
letter-spacing: 2px;
 font-family: 'Roboto', sans-serif;
font-weight: 200;
line-height: 90%!important;
text-transform: lowercase;
}
.crossplaha1 a {color: #dcdbdb!important;}
.crossplaha1 a:hover { color: #dcdbdb!important;}





.sdnavig {
text-align: left;
    position: absolute;
    font-family: 'Roboto', sans-serif;
   font-weight: 400;
    font-size: 10px;
    line-height: 19px;
    letter-spacing: 1px;
    text-transform: uppercase;
    top: -160px;
    left: 55px;
}
.sdnavig a {
    color: #dcdbdb!important;
    padding: 2px 5px;
background-color: #282828;
 border: 1px solid #1A1A1A!important;
outline: 1px solid #5B5B5B;
 outline-offset: -2px;

}
.sdnavig a:hover {
    background-color: #818D99;
    color: #282828!important;
}



.sdnavig2 {
text-align: right;
    position: absolute;
    font-family: 'Roboto', sans-serif;
   font-weight: 400;
    font-size: 10px;
    line-height: 19px;
    letter-spacing: 1px;
    text-transform: uppercase;
    top: -160px;
    left: 850px;
}
.sdnavig2 a {
    color: #dcdbdb!important;
    padding: 2px 5px;
background-color: #282828;
 border: 1px solid #1A1A1A!important;
outline: 1px solid #5B5B5B;
 outline-offset: -2px;

}
.sdnavig2 a:hover {
    background-color: #818D99;
    color: #282828!important;
}




/******************
Кнопки вверх/вниз
*******************/


.go-up, .go-down {
    cursor: pointer;
    display: none;
    height: 40px;
    margin-bottom: 160px;
    opacity: 1;
    position: fixed;
    width: 40px;
    z-index: 9999;
}

.go-up {
    bottom: 55%;
    margin-left: 960px !important;
}

.go-down {
    bottom: 44%;
    margin-left: 960px !important;
}
.go-down:hover, .go-up:hover {
    opacity: 1;
}

.topic a.sharelink {
    display: none;
}

