/* CS0 Admin-menu
-------------------------------------------------------------*/

.punbb-admin #pun-admain *{border-color: transparent;}

#pun-adnav{ margin-left: -12em !important;}


/* CS1 Background and text colours: задний фон; фон сообщений
-------------------------------------------------------------*/

/* CS1.0 Header */
#pun-title .title-logo {display: none;}
#pun-title table {
  background-image : url(http://funkyimg.com/i/2Q5hh.png);
  margin-left: -467px;
  margin-bottom: -50px;
  height: 721px;
  width: 1920px;
}


/* CS1.01 Задний фон */
html {background: url(http://funkyimg.com/i/2QBpD.png);}


/* CS1.02 Фон сообщений */
body {
  background: url(http://funkyimg.com/i/2PxJb.png) repeat-y transparent  50% 0 scroll!important; 
  }
#pun {}



/* CS1.1 */
.punbb .main .container,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd, .punbb .post-body,
.post-box, .punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
/*background-color: #dabe95; цвет фона перемещения сообщений*/
  color: rgb(2, 0, 9);
  }

/* CS1.2 */
#pun-ulinks .container,
#pun-crumbs2 .container,
#pun-about .container,
.punbb .post .container,
.punbb .post h3,
.punbb td.tc2, .punbb td.tc3 {
  background-color: transparent;
  color: rgb(2, 0, 9);
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
  background-color: transparent;
  background-image: url();
background-position: top center;
background-repeat: no-repeat;
  color: #000;
  text-align: center;
  margin-left: -35px;
  }

.punbb-admin #pun-admain h2 {
  background-color: transparent;
  background-image: none;
  color: #000;
  text-align: center;
  }

#pun-redirect h1 {
  background-color: transparent;
  background-image: none;
  color: #000;
  text-align: center;
  }

/* CS1.4 */
.punbb .modmenu .container {
  background-color: transparent;
  color: #331010;
  }

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

/* CS1.6 */

.punbb .post h3 span {
  background-color: transparent;
}

.punbb .post h3 strong {
  font-size: 0.9em;
  color: #331010;
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #d6e1fd;
  color: #331010
  }

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

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

.punbb th {
  background-color: transparent;
}

.punbb select {
background: url(http://funkyimg.com/i/2PHBX.png);
color: #000;
border-radius: 5px;
border-color: #413321 !important;
border-style: solid;
border-width: 1px 3px;
text-transform: lowercase;
padding-top: 1px !important;
padding-bottom: 1px !important;
}

.punbb input {
background: url(http://funkyimg.com/i/2PHBX.png);
color: #000;
border-radius: 5px;
border-color: #413321 !important;
border-style: solid;
border-width: 1px 3px;
letter-spacing: 2px;
padding-top: 1px !important;
padding-bottom: 2px !important;
}

.punbb textarea, #size-area, #font-area, #color-area, #keyboard-area, #image-area, #video-area, #smilies-area {
  background: url(http://funkyimg.com/i/2PHBX.png);
  color: #000;
  box-shadow: 0.1em -0.1em 3px rgb(65, 51, 33) inset;
border-color: #413321;
border-style: solid;
  border-radius: 10px;
  border-width: 1px 3px;
  }

/* 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-color: #000 #000 #000 #000;
  }

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

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

.punbb .divider {
  border-color: transparent
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: none;;
  }

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

#size-area, #font-area, #color-area, #keyboard-area, #image-area, #video-area, #smilies-area {
  border: 1px solid #000;}

/* 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: #6d0d04;
  text-decoration: none;
  }

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

/* 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: #6b0b05;
 /* text-decoration: underline;*/
  text-shadow: 1px 1px 2px black, 0 0 1em #a43434;
  height: 62px;
  width: 62px;
  }

/* CS3.3 */

#pun-navlinks a {
  color: #000;
  text-decoration: none;
  font-size: 1.2em;
  height: 62px;
  width: 62px;
  }

/* CS3.4 */

#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #000;
  font-weight: normal;
  font-style: normal;
  text-decoration: underline;
  height: 62px;
  width: 62px;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  text-decoration: underline;
  height: 62px;
  width: 62px;
  }

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

/* old */
div.icon {
background: url(http://funkyimg.com/i/2Q5rU.png) no-repeat;
}

/* new */
tr.inew div.icon {
background: url(http://funkyimg.com/i/2Q5uC.png) no-repeat;
}

/* закрыто */
tr.iclosed div.icon {
background: url(http://funkyimg.com/i/2Q5uZ.png) no-repeat;
}

tr.iredirect div.icon {
background: none transparent;
}

/* важно */
tr.isticky div.icon {
background: url(http://funkyimg.com/i/2Q5uY.png) no-repeat;
}

#pun-stats ul.container {
background: transparent none;
padding-left: 1em;
}

#pun-stats div.statscon {
background-color: transparent;
}

#pun-crumbs2 .container {
background-color: transparent;
}

#pun-about .container {
background-color: transparent;
}


/* CS 4.0 Категории форума
-------------------------------------------------------------*/

/* Статистика */
#pun-stats h2 {
background-image : url(http://funkyimg.com/i/2Q5Nz.png);
height: 117px;
width: 976px;
font-size: 0 !important;
margin-left: -41px;}
#pun  .section {border-style: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-messages .post-box {
width: 360px;
}

/* Первый слой */
#pun-category1.category h2 {
background: url(http://funkyimg.com/i/2Q5Nt.png);
height: 117px;
width: 976px;
font-size: 0 !important;
margin-left: -41px;}

#pun  .section {border-style: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-messages .post-box {
width: 360px;
}

/* Отдел кадров */
#pun-category2.category h2 {
background: url(http://funkyimg.com/i/2Q5Nu.png);
height: 117px;
width: 976px;
font-size: 0 !important;
margin-left: -41px;}
#pun  .section {border-style: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-messages .post-box {
width: 360px;
}

/* Операции */
#pun-category3.category h2 {
background: url(http://funkyimg.com/i/2Q5Nv.png);
height: 117px;
width: 976px;
font-size: 0 !important;
margin-left: -41px;}
#pun  .section {border-style: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-messages .post-box {
width: 360px;
}

/* Мел судьбы */
#pun-category4.category h2 {
background: url(http://funkyimg.com/i/2Q5Nw.png);
height: 117px;
width: 976px;
font-size: 0 !important;
margin-left: -41px;}
#pun  .section {border-style: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-messages .post-box {
width: 360px;
}

/* Рекламное бюро */
#pun-category5.category h2 {
background: url(http://funkyimg.com/i/2Q5Nx.png);
height: 117px;
width: 976px;
font-size: 0 !important;
margin-left: -41px;}
#pun  .section {border-style: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-messages .post-box {
width: 360px;
}

/* Вне сумрака */
#pun-category6.category h2 {
background: url(http://funkyimg.com/i/2Q5Ny.png);
height: 117px;
width: 976px;
font-size: 0 !important;
margin-left: -41px;}
#pun  .section {border-style: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-messages .post-box {
width: 360px;
}

/* Главный архив */
#pun-category7.category h2 {
background: url(http://funkyimg.com/i/2Q5NA.png);
height: 117px;
width: 976px;
font-size: 0 !important;
margin-left: -41px;}
#pun  .section {border-style: none; }
#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun-messages .post-box {
width: 360px;
}


/* CS 4.1 Footer */
#pun-about p.container {background-color: transparent;
background-image : url(http://funkyimg.com/i/2QBsG.png);
margin-left: -522px;
background-position: center bottom;
background-repeat: no-repeat;
width: 1919px;
height: 269px; }

div#html-footer {
margin: 0px 0px 0px 0px;}

div#pun-about {
  margin-bottom: -70px;
}


/*CS 5 */
.pa-posts, .pa-respect {
text-align:center;
display:inline-block;
padding:0 8px!important;
width:76px;
margin-left: 0;
letter-spacing: 2px;
margin-top: 10px !important;
color: #301e16 !important;
}

.pa-fld2{
display:inline-block;
padding:0 8px!important;
width:70px;
position: relative;
left: 30px;
margin-top: -6px !important;
}

.pa-fld3{
text-align:left;
display:inline-block;
padding:0 5px!important;
width:76px;
margin-top: -10px !important;
font-weight: bold;
}

.pa-fld1{
margin-top: 3px !important;
vertical-align: middle !important;
padding-bottom: 9px !important;
padding: 0 7px 9px 8px;
margin-right: 30px !important;
}

.pa-fld4{
margin-top: -9px !important;
margin-right: 17px !important;
}

/* CS6 Banners */
.banners {
    position: absolute;
    margin: -26px 10px 10px 75px !important;
    height: 69px;
    width: 824px;
    overflow: auto;
    text-align: center;
}

.banners img {
   /* margin-bottom: 4px; */}

.actives {
    position: absolute;
    margin: -22px 10px 10px 13px !important;
    height: 69px;
    background: rgba(161, 148, 131, 0.14);
    width: 196px;
    overflow: auto;
    box-shadow: 0px 0px 0px 1px, inset 0 0 5px 0px #d7aeae;
    border-radius: 5px;
    padding: 4px;
    text-align: center;
    background-color: #dfcdd480;
    line-height: 0.7em;}

.actives img {
   margin-bottom: 4px;}

.bestpost{
    position: absolute;
    margin: -22px 10px 10px 740px !important;
    height: 69px;
    background: rgba(161, 148, 131, 0.14);
    width: 222px;
    overflow: auto;
    box-shadow: 0px 0px 0px 1px, inset 0 0 5px 0px #d7aeae;
    border-radius: 5px;
    padding: 4px;
    background-color: #dfcdd480;
    line-height: 0.8em;
}

/* .bestpost img {
   margin-bottom: 4px;} */

/* CS7 Jump panel */
#JampPanel:hover{
  margin-right:-10px;
}

#JampPanel {
position: fixed;
z-index: 1200;
top: 133px;
right: 5px;
margin-right: -365px;
background: url(http://funkyimg.com/i/2QBH3.png);
width: 398px;
height: 399px;
transition-duration: 0.33s;
-webkit-transition-duration: 0.33s;
-moz-transition-duration: 0.33s;
-o-transition-duration: 0.33s;
}

#JampPanel .container{
padding-top: 20px;
height: 309px !important;
width: 310px !important;
margin: 19px 1px 3px 30px;
padding-left: 32px;
padding-right: 10px;
}

/* CS8 Active & Best post 
--------------------------------------------- */
.renoheader {
 background: #080808;
 }

/* --------------- LEFT---------------------------*/
.renoheaderhover {
width: 235px; 
height: 297px; 
opacity: 0; 
transition-duration: 1s;  
-moz-transition-duration: 1s;  
-webkit-transition-duration: 1s;  
-o-transition-duration: 1s;
position: absolute;
 }

.renoheaderhover:hover {
color: #cdbeb6;
width: 235px; 
height: 297px; 
background-color: transparent;
opacity: 1;
margin-top: 28px;
margin-left: 35px;
 }

.renoheadercontent {
width: 239px;
height: 305px;
/*background: transparent; */
background: rgba(223, 234, 238, 0.25);
color: #cdbeb6; }

/* -------------- RIGHT -------------------------*/
.renoheaderrighthover {
width: 235px; 
height: 297px; 
opacity: 0; 
transition-duration: 1s;  
-moz-transition-duration: 1s;  
-webkit-transition-duration: 1s;  
-o-transition-duration: 1s;
position: absolute;
right: 33px;
 }

.renoheaderrighthover:hover {
color: #cdbeb6;
width: 235px; 
height: 297px; 
background-color: transparent;
opacity: 1;
margin-top: 28px;
 }

.renoheaderrightcontent {
width: 232px;
height: 298px;
background: rgba(223, 234, 238, 0.5);
color: #0f0e0d;
padding-left: 6px;
padding-top: 5px;
font-family: Palatino Linotype;
font-style: italic;
font-size: 11px;
overflow: auto;
text-align: justify;
}


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


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

.blockquote, .blockcode, .scrollbox, pre {border:none; }

/* SlideShow */
#slideshow {
	margin:0 auto;
	width: 811px;
	height: 205px;
	position: relative;
        line-height: 10px;
        border: 0px solid #ff0000;}

#slideshow #slidesContainer {
  margin: 0 auto;
  width: 781px;
  height: 227px;
  /*overflow: auto;*/
  position: relative;}

#slideshow #slidesContainer .slide {
  margin: 0 auto;
  width: 800px;
  height: 227px;
  overflow-y: auto;}

.control {
  display: block;
  width: 57px;
  height: 41px;
  text-indent: -10000px;
  position: absolute;
  cursor: pointer;}

#leftControl {
  top: 100px;
  left: -48px;
  background: transparent url(http://funkyimg.com/i/2kSCK.png) no-repeat 0 0;}

#rightControl {
  top: 100px;
  right: -50px;
  background: transparent url(http://funkyimg.com/i/2kSCL.png) no-repeat 0 0;}

.lastedit {display: none;}

::-webkit-scrollbar-thumb { 
background: #090707 top center; 
background-image: url("http://funkyimg.com/i/2kX9m.png"); 
box-shadow: 0 0 6px 0px rgba(82,74,59,0) inset, 0 0 0 1px rgba(82,74,59,0) inset; 
} 

::-webkit-scrollbar { 
width: 8px; 
height: 13px; 
} 

::-webkit-scrollbar-track { 
background-image: url("http://funkyimg.com/i/2h8H3.png"); 
background: #090707 top center; 
border-color: transparent; 
}