/* 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: #282321;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
body {background-color: #030303;  background-image: url(http://savepic.su/2486558.png); background-position: top center; }

/* шапка */
#pun-title table {
  background-image : url("http://savepic.su/2441502.png");
  margin-left: -52px;
  margin-bottom: 10px;
  height : 500px;
  width : 900px;
}

/* CS1.4 Пан или "тело" форума */
#pun {background-color: #000000; background-image: url(http://s1.uploads.ru/i/XfZ8z.png);}


/* CS1.6 Ссылки верхней навигации*/
#pun-navlinks .container { 
text-align: center; 
position: absolute;
z-index: 1000;
top: 457px;
margin-left:: 400px
background-color: transpanent; 
font-size: 1.0em; 
font-family: "Tahoma"; 
text-transform: uppercase; 
font-weight: bold}

#pun-ulinks .container { 
text-align: center;  
position: absolute;
top: 489px;
margin-left:: 400px
font-size: 0.7em; 
font-family: "Tahoma"; 
text-transform: uppercase;}

/* 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 {
  color: #360101;
  text-decoration: none;}

/* 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 {
  color: #360101; 
  text-decoration: none;}

/* CS2.3 */
#pun-navlinks a 
{
  color: #360101;
  text-decoration: none;}

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #360101;
  text-decoration: none;}

/* CS3 Иконки старых, новых, важных, закрытых тем */

/* CS3.1 Иконка старых сообщений*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: 5px;
margin-right: 5px;
width: 80px;
height: 80px;
background-image : url(http://s1.uploads.ru/i/5vc4S.png);
background-repeat: no-repeat;}

/* CS3.2 Иконка новых */
TR.inew Div.icon {
background-image : url(http://s1.uploads.ru/i/g98G4.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;}

/* CS3.3 Иконка важных*/
TR.isticky Div.icon {
background-image : url(http://s1.uploads.ru/i/tU4GA.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;}

/* CS3.3 Иконка закрытых*/
TR.iclosed Div.icon {
background-image : url(http://s1.uploads.ru/i/IvJ5O.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;}



/* CS4 Картинки категорий */

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-image: url("");
  background-position: top center;
  background-repeat: no-repeat;
  height: 15px;
  background-color: transparent;
  color: #281426;
  font-family: Times New Roman; 
  font-weight: 15px;
  font-style: normal;
  line-height: 30px;
  text-align: center;
  font-size: 1.4em;
  text-shadow: 1px 1px 0px #5c4c5a;
  text-transform: uppercase;

}

#pun-category1.category h2 {
background: url(http://s1.uploads.ru/i/PTKuF.png) no-repeat top center;
height: 70px;
font-size:0 !important;
}
#pun-category2.category h2 {
background: url(http://s1.uploads.ru/i/SEPFQ.png) no-repeat top center;
height: 70px;
font-size:0 !important;
}
#pun-category3.category h2 {
background: url(http://s1.uploads.ru/i/5yJXP.png) no-repeat top center;
height: 70px;
font-size:0 !important;
}
#pun-category4.category h2 {
background: url(http://s1.uploads.ru/i/Glpkg.png) no-repeat top center;
height: 70px;
font-size:0 !important;
}
#pun-category5.category h2 {
background: url(http://s1.uploads.ru/i/oHtr4.png) no-repeat top center;
height: 70px;
font-size:0 !important;
}

/* CS5 Прочие элементы */

/* CS5.1 Статус картинки со статистикой 24*/
#pun-stats ul.container { 
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: url("адрес");
background-origin: padding-box;
background-position: 10px 10px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 10px;
padding-top: 40px;}

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background-color: transparent; 
background-image: url("адрес");
color: #282321}

/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
box-shadow: 0px 2px 1px }

.punbb input { border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0px 1px 1px;}

/* CS5.4 Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
background-color: #f8eff2;
color: #282321}

/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 50px; 
top: -192px}

/* CS5.6 Совсем другое */
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-announcement .container {margin-top: -2em}
#pun-main .post-author ul {text-align: center}
#pun-announcement h2 {display: none}
#pun-status .container, #pun-main .post-links li {text-align: center;}
#pun th, #pun-main h2 {text-align: center}
#pun-crumbs1 .container { text-align: center;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 70px;
width: 800px;
margin-left: 7px;
background-color: transparent;
background-image: url("http://s1.uploads.ru/i/VQhx0.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;
 }


/* CS6 Links
-------------------------------------------------------------*/

/* CS6.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: #390d00;
     text-shadow: -1px 1px 0px #ffffff;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

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

/* CS6.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: #000000;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS6.3 */
#pun-navlinks a {
  color: #000000;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

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

  }

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


/* CS7 Post status icons and other options
------------------------------------------------------------*/




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

#pun-about p.container {background-color: transparent;
background-image : url(http://savepic.su/2484497.png);
 margin-left: -64px;
background-position : center top;
 background-repeat : no-repeat;
 width: 900px;
height: 220px; }

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

div#pun-about {
   margin-bottom: -100px;

}

.lastedit {display: none;}


A.navi:link, A.navi:active, A.navi:visited {background:#767676; font-family: small fonts; padding:10px; font-size: 7px; text-align:left; line-height: 7px; letter-spacing: 2px; color:#282321; text-transform: uppercase; display:block; width:160px; margin:1px; font-style:normal;}

A.navi:hover {background:#767676; font-family: small fonts; padding:10px; font-size: 7px; text-align:right; line-height: 7px; letter-spacing: 2px; color:#360101; text-transform: uppercase; display:block; width:160px; margin:1px; text-decoration: none; font-style:normal; font-weight:normal;}


/* CS8 Остальные коды для оформления форума
 -------------------------------------------------------------*/
div#html-footer {
margin: -20px 0px 0px 0px;}

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

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


}

.hoverbox
{
  cursor: default;
  list-style: none;
}

.hoverbox a
{
  cursor: default;
}

.hoverbox a .preview
{
  display: none;
}

.hoverbox a:hover .preview
{
  display: block;
  position: absolute;
  top: -33px;
  left: -45px;
  z-index: 1;
}

.hoverbox img
{
  background: #1e1e14;
  border-color: #a6dcf5;
  border-style: solid;
  border-width: 1px;
  color: inherit;
  padding: 2px;
  vertical-align: top;
}

.hoverbox li
{
  background: #eaf8fe;
  color: inherit;
  display: inline;
  float: left;
  margin: 3px;
  padding: 5px;
  position: relative;
}

.hoverbox .preview
{
  border-color: #a6dcf5;
}


a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 11px;
background-color:#dacbab;
color: #39210a; 
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
text-decoration: none;
border-left-style: solid;
border-left-color: #39210a;
border-left-width: 5px;
width:200px;
}

a.tvm:hover {
font-family: tahoma;
font-size: 11px;
color: #dacbab; 
background-color:#39210a;
display: block;
font-weight: normal;
text-align:center;
cursor:crosshair; 
text-decoration: none;
border-left-style: solid;
border-left-color: #dacbab;
border-left-width: 5px;
width:200px;
}

#slideout {
          z-index: 200;
          position: fixed;
          top: 40px;
          right: 0;
          width: 35px;
          padding: 12px 0;
          text-align: center;
          background-image: url(http://s1.uploads.ru/i/gmEGz.png);
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          -webkit-border-radius: 5px 0 0 5px;
          -moz-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px;
          }
#slideout_inner {
          z-index: 200;
          color: #000000;
          position: fixed;
          top: 40px;
          right: -250px;
          background-image: url(http://s1.uploads.ru/i/gmEGz.png);
          width: 200px;
          padding: 25px;
          max-height: 500px;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
          text-align: left;
          -webkit-border-radius: 0 0 05px;
          -moz-border-radius: 0 0 0 5px;
          border-radius: 0 0 0 5px;
          }
#slideout_inner textarea {
          width: 190px;
          height: 100px;
          margin-bottom: 6px;
          }
#slideout:hover {
          right: 250px;
          }
#slideout:hover #slideout_inner {
          right: 0;
          }