/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
background-image: url("http://imgur.com/QV8JCUh.jpg"); 
      background-color: transparent!important;
    background-repeat: no-repeat;
background-position:top center;
    }

#pun_wrap {  
background-image: url("http://imgur.com/vMTffvK.png"); background-repeat: no-repeat; background-position: center bottom;
padding-bottom: 6em;
 }

    html {
    background: #180707 url(http://imgur.com/ZiTxQ0h.jpg) repeat-y;
background-position: top center;
    }

/* 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 {
  background-color: transparent;
  color: #2f0c0d;
  }

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

/* CS1.3 */
#pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #6b534a;
  color: #b49aa7;
  text-align: center;
  font-family: "Ceremonious Two";
  text-shadow: 1px 1px 1px #000;
  font-weight: normal;
  font-size: 25px;
}


/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #2f0c0d;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #2f0c0d;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #57514a
  }


/* CS1.7 */
.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
 background-color: #57423d; 
  padding: 5px 5px 5px;    /*Отступ описания верхнего боков и нижнего краев */
  color: #bcb4b1; border: #706365 3px double; 

}


/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  color: #2d313c;
  }

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

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

.punbb textarea, .punbb select, .punbb input {
background-color:#bcb7b4;
background-repeat: repeat-xy;
border-style: solid;
  color: #000;
border-width:2px 1px 1px 1px;
  border-color: #4a3232;
}

/* 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 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* 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 {
  border: none;
  }

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

#pun-ulinks li a {
  border-color: transparent;
  font-size: 10px;
  color: #862d24;
  text-transform: uppercase;
    text-shadow: 1px 1px 1px #000;
  font-weight: normal;
  font-family: "Play";
  } 

#pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  color: #000;
  }

.punbb .divider {
  border-color: transparent
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #57514a
  }

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

.punbb .post-sig dt {
  border-top-color: #57514a !important;
  }



/* 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: #4a1c17;
   font-size: 12px;
  text-shadow: 1px 1px 1px #a4a2a1;
border-bottom: 0px none;
 text-decoration: none;
  font-family: "Microsoft Sans Serif";
  background-color: transparent;
}


.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #180e08
  }

/* 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: #000;
    border-bottom: 0px none;
  text-shadow: 1px 1px 1px #ddbfa8;
  text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #798dce;
    border-bottom: 0px none #000;
  text-transform:uppercase;
    font-size: 11px;
   font-family: "Microsoft Sans Serif";
  text-shadow: 1px 1px 1px #27160e;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #97877c;
  font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: none;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #474d63;
  color: #fff;
  }

/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {
background-image : url(http://imgur.com/wzvoISf.png);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(http://imgur.com/AoGRUB2.png);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(http://imgur.com/75Uyo15.png);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(http://imgur.com/6tCBCf4.png);
background-repeat: no-repeat;
}



/* CS5 Other
-------------------------------------------------------------*/

.punbb .main thead .tcl, .main thead .tc2, .main thead .tc3, .main thead .tcr, .main thead .tcmod {
color:#2f0c0d;
}


.post-author {text-align: center; color: #ad9583; font-family: Play; font-size: 11px;}
 #pun-main .post-author ul a { color: #786156; font-size: 11px;   font-variant: small-caps;  text-shadow: 1px 1px 1px #000;}

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(http://imgur.com/mcJQR7n.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin: 5px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://imgur.com/NHqx9rB.png) 0 top no-repeat,url(http://imgur.com/wkjqA2z.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin: -2px 0 -10px!important;
  padding: 7px 5px 10px!important;
}


.pa-posts, .pa-respect {
    display: block;
    width: 50%;
    color: #ad9583; 
   text-shadow: 1px 1px 1px #000!important;
     font-variant: small-caps;
}
.pa-posts {
    float: left;
}
.pa-respect {
    float: right;
}

.pa-respect img {width:7px}

.post a.sharelink { color: #867d80; text-shadow: 1px 1px 1px #000!important;
}

#pun-main .post-links ul {
margin-top: 18px;
border-style: solid;
border-width:1px 0px 1px 0px;
  border-color: #74554a;}


 /*Кнопки*/
.button, #pun-viewtopic.punbb input{
background-color: #908685; 
  border: #6e6463 3px double;
  color: #000;
  padding-bottom:3px;
  text-shadow: 1px 1px 1px #fff;
}

.statscon #onlinelist a { 
 font-size: 11px;}

/*скроллы*/

::-webkit-scrollbar-track {
background-color: #231717;
}
::-webkit-scrollbar {
width: 5px;
height:5px;
background-color: #bcb7b4;
}
::-webkit-scrollbar-thumb{
background-color: #bcb7b4;
}

#pun-userlist th.tc2+th.tc3+th.tc3+th.tc3{
  color:transparent;
}
#pun-userlist th.tc2+th.tc3+th.tc3+th.tc3:before{
  content:"Регистрация";
  margin-left:0px;
  color:#2F3852;
}

.usertable .tcl{
  width:20%!important;
}


td {
    padding: 10px; /* Поля вокруг текста */ 
   }

.Hoverbuttons {
opacity: 0.3; 
transition: opacity 0.6s linear; 
-webkit-transition: opacity 0.6s linear;
-moz-transition: opacity 0.6s linear;
-ms-transition: opacity 0.6s linear;
-o-transition: opacity 0.6s linear;
}
.Hoverbuttons:hover {
opacity: 1;    
}

#pun-navlinks a {
        display: inline-block;
        height: 15px;
        width: auto;
        }
        #navindex a {background: url(http://i.imgur.com/mjtNVy3.png) no-repeat top center; width: 53px;}
        #navuserlist a {background: url(http://i.imgur.com/uxjANYa.png) no-repeat top center; width: 45px;}
        #navsearch a {background: url(http://i.imgur.com/Q6uEjql.png) no-repeat top center; width: 57px;}
        #navprofile a {background: url(http://i.imgur.com/xIvC6ZD.png) no-repeat top center; width: 59px;}
        #navpm a {background: url(http://i.imgur.com/mjr0Rrj.png) no-repeat top center; width: 30px;}
        #navadmin a {background: url(http://i.imgur.com/zGQeJVM.png.png) no-repeat top center; width: 53px;}
        #navlogout a {background: url(http://i.imgur.com/z2XmXO2.png) no-repeat top center; width: 33px;}
        #navlogin a {background: url(http://imgur.com/c4a7LJS.png) no-repeat top center; width: 49px;}
        #navregister a {background: url(http://i.imgur.com/UM0BVSS.png) no-repeat top center; width: 60px;}
        #navpr_1 a {background: url(http://i.imgur.com/DjPmqpj.png) no-repeat top center; width: 23px;}
        #navpr_2 a {background: url(http://i.imgur.com/zBFFwcg.png) no-repeat top center; width: 58px;}
#pun-navlinks a span {display: none;}

 .leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
   }
   .rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
   }

hr {
border-style: solid 
border-width:0px 0px 1px 0px;
  border-color: #6f2512;
box-shadow: 3px 0 0 rgba(0,0,0,0.5);}

/*Убрать "Закрыто и "Важно"*/
.stickytext,.closedatafield{ display:none;}


/* загрузка своих шрифтов 1 */
@font-face {
  font-family: 'Sait';
  src: url('http://my.forum4.ru/files/0017/94/c8/37238.eot?'),
  url('http://my.forum4.ru/files/0017/94/c8/24606.woff') format('woff'),
  url('http://my.forum4.ru/files/0017/94/c8/55902.ttf') format('truetype'),
  url('http://my.forum4.ru/files/0017/94/c8/97834.svg#svgFontName') format('svg');
  font-family: 'Ceremonious Two';
  src: url('http://co.forum4.ru/files/0012/f4/5e/84262.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


#pun-category1.category h2 {
    background: rgba(0, 0, 0, 0) url("http://imgur.com/f7abE0I.png") no-repeat scroll 0 0;
    font-size: 0 !important;
    height: 70px;
    margin-left: -10px;
    margin-top: -5px;
    width: 827px;
}


#pun-category2.category h2 {
    background: rgba(0, 0, 0, 0) url("http://imgur.com/p1WYyuM.png") no-repeat scroll 0 0;
    font-size: 0 !important;
    height: 70px;
    margin-left: -10px;
    margin-top: -5px;
    width: 827px;
}


#pun-category3.category h2 {
    background: rgba(0, 0, 0, 0) url("http://imgur.com/6SM3Chm.png") no-repeat scroll 0 0;
    font-size: 0 !important;
    height: 70px;
    margin-left: -10px;
    margin-top: -5px;
    width: 827px;
}



#pun-category4.category h2 {
    background: rgba(0, 0, 0, 0) url("http://imgur.com/MG0IRDf.png") no-repeat scroll 0 0;
    font-size: 0 !important;
    height: 70px;
    margin-left: -10px;
    margin-top: -5px;
    width: 827px;
}


#pun-category5.category h2 {
    background: rgba(0, 0, 0, 0) url("http://imgur.com/fJfxRoG.png") no-repeat scroll 0 0;
    font-size: 0 !important;
    height: 70px;
    margin-left: -10px;
    margin-top: -5px;
    width: 827px;
}

#pun-category6.category h2 {
    background: rgba(0, 0, 0, 0) url("http://imgur.com/bCUuYBC.png") no-repeat scroll 0 0;
    font-size: 0 !important;
    height: 70px;
    margin-left: -10px;
    margin-top: -5px;
    width: 827px;
}

#pun-category7.category h2 {
    background: rgba(0, 0, 0, 0) url("http://imgur.com/dqc4cC7.png") no-repeat scroll 0 0;
    font-size: 0 !important;
    height: 70px;
    margin-left: -10px;
    margin-top: -5px;
    width: 827px;
}

#pun-stats.section h2 {
    background: rgba(0, 0, 0, 0) url("http://imgur.com/pCXr9Ag.png") no-repeat scroll 0 0;
    font-size: 0 !important;
    height: 70px;
    margin-left: -10px;
    margin-top: -5px;
    width: 827px;
}

.pa-online {
    display: none;
}

#font-area, .popup_graffiti, #smilies-area, #size-area, #image-area, #color-area, #addition-area, #video-area {
   background-color: #908685; 
   border: #6e6463 3px double;
    border-image: url(http://imgdepo.com/id/i9982850) 4 0 4 0 round round;
    color: #000;
    padding: 5px !important;
    box-shadow: 0px 0 4px 0 rgba(61,50,35,1) inset;
}

.levo{
color: #e0bfc0;
 line-height: 1.1;
  font-size: 9px;
  white-space:pre;
}

.levo1{
text-align: right;
}

/* Выпадающее меню */
    .spll {width: 240; height: 256px;}

    .splCont {width: 240; height: auto;background: #45212d; padding: 1px; z-index: 1000; border: 3px double #66554c; }