/* CS1 Графика
-------------------------------------------------------------*/


/*CS1*/
#pun-title table {background-color: transparent;
   background-image : url("http://funkyimg.com/i/JYzq.jpg");
   border: none;
   height: 500px;
   width: 1280px;
   margin-left: -204px;
   margin-top: -25px;
   margin-bottom: -50px;
   background-repeat: no-repeat;
   background-position : top center;
}

/* CS1.1 */
body {background-color: #24020d;
   background-image : url("http://funkyimg.com/i/JYnU.jpg");
   background-repeat: repeat;
   background-position : top center;}

/* CS1.2 */
#pun { background-image: url("http://funkyimg.com/i/JYzn.jpg");
   background-color: #dec285;
   background-position: center;
   background-attachment: ;}

/* CS1.3 */
#pun-about p.container {
   background-color: transparent;
   background-image : url("http://funkyimg.com/i/JSTD.jpg"); 
   background-position : center top; 
   background-repeat : no-repeat; 
   height: 152px; 
   width: 1280px;
   margin-left: -204px;
   margin-bottom: 0px;
   font-size: 0.0em;}

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

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

/* CS1.4 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  color: #000000;
  background-image : url("http://s7.uploads.ru/6kY1e.png");
  border-top:1px solid #24020d;
  border-right:1px  solid  #24020d;
  border-bottom: 1px  solid  #24020d;
  border-left: 3px solid  #24020d;
}

 /* CS1.5 */
.punbb textarea, .punbb select, .punbb input {
  background-color: transparent;
  color: #000000;
  background-image : url("http://s7.uploads.ru/6kY1e.png");
  border-top:1px solid  #24020d;
  border-right:1px  solid  #24020d;
  border-bottom: 1px  solid  #24020d;
  border-left: 4px solid  #24020d;
}

/* CS1.6 */
div#pun-navlinks {
position: absolute;
width: 100%;
text-align: center;
top: 325px;
margin-left: -20px;}

/* CS1.7 */
div#pun-ulinks {
position: absolute;
width: 100%;
text-align: center;
top: 358px;
margin-left: -23px;}

.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer  {
  background-color: transparent;
  color: #000000;}

#pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div  {
  background-color: transparent;
  color: #000000;}

#pun-stats h2,.punbb .main h1, .punbb .main h2 {
  background-color: transparent;
  color: #000000;
  font-weight: bold;
  text-align: center;}

#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #000000;}

.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: #000000;}

.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #000000;}


#pun-navlinks .container, #pun-ulinks .container {
  background-color: transparent;
  color: #000000;
  text-align: center;}

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



/* CS2 Цвета границ
-------------------------------------------------------------*/

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

/* CS2.5 */
.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;}
.punbb th {
  border-color: transparent;}

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #24020d;}

#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: 1px solid #24020d;}

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


/* CS3 Ссылки
-------------------------------------------------------------*/

/* 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: rgb(71, 0, 2);
    border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb A:link, .punbb A:visited{
text-shadow: 0.5px 0.5px 1px black;}

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

/* 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: #4d1d1f;
   text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #4b0d10;
    border-bottom: 0px none #000;
  text-decoration: none;
  }

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

  }
/*/6060*/
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #26170b;
  color: #fff;
  }

/* CS4 Иконки
-------------------------------------------------------------*/

/* Старые сообщения */
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-left: 0px;
margin-right: 5px;
width: 50px;
height: 50px;
background-image : url(http://funkyimg.com/i/JTup.png);
background-repeat: no-repeat;}

/* Закрытые темы */
TR.iclosed Div.icon {
background-image : url(http://funkyimg.com/i/JTuo.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;}

/* Новые сообщения */
TR.inew Div.icon {
background-image : url(http://funkyimg.com/i/JTuq.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;}

/* Важные темы */
TR.isticky Div.icon {
background-image : url(http://funkyimg.com/i/JTun.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;}


/* CS5 
 -------------------------------------------------------------*/
#pun-stats h2, .punbb .main h2 {font-size: 0em;}


/* CS6 Post status icons+рекламный баннер
 -------------------------------------------------------------*/
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: -160px; top: 5px;
}
#pun #pun-navlinks.section {border-top-style: none; }
#pun  #pun-navlinks.section .container {border-style: none; }
#pun #pun-main .pa-title {text-align: center; }
#pun_wrap #pun  #pun-title.section #logo-table tbody{display: none; }
#pun-announcement h2 {display: none;
height: 0px; margin-top: -110px;}
#pun-announcement.section .container .html-box center table {margin-top: -110px;}
#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }
#pun th {color: transparent;}


/* описание подфорума */
.forstyle1{
padding: 20px;
font-size: 10px;
left: 10px;
width: 430px;
height: 128px;
text-align: justify;
background-image: url("http://se.uploads.ru/ZLBVX.png");
border-top: none;
border-bottom: none;
margin-top: 0px;
margin-left: 00px;
margin-bottom: 0px;
border-radius: 5px;
}
</style>





nav.ph-lift1 > ul > li {
    float: left; }
  nav.ph-lift1 ul li {
    height: 60px;
    line-height: 80px;
    background: #bbd478;
    -webkit-transition: all.6s ease;
    -moz-transition: all.6s ease;
    -o-transition: all.6s ease;
    -ms-transition: all.6s ease;
    transition: all.6s ease; }
    nav.ph-lift1 ul li ul {
      max-height: 0;
      -webkit-transition: all.6s ease;
      -moz-transition: all.6s ease;
      overflow: hidden;
      display: block; }
    nav.ph-lift1 ul li:hover {
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) inset;
      background: #94a662; }
    nav.ph-lift1 ul li:hover ul {
      max-height: 300px; }
    nav.ph-lift1 ul li a {
      display: block;
      overflow: hidden;
      text-decoration: none;
      color: #cee58f;
      height: 80px; }
    nav.ph-lift1 ul li ul li a {
      color: #ebe1fb; }
    nav.ph-lift1 ul li ul li:hover {
      background: olive; }
    nav.ph-lift1 ul li a span {
        -webkit-transition: all.6s ease;
        -moz-transition: all.6s ease;
        -o-transition: all.6s ease;
        -ms-transition: all.6s ease;
        transition: all.6s ease;
        display: block;
        padding: 0 40px; }
    nav.ph-lift1 ul li:hover > a span {
      margin-top: -80px;
      color: #cee58f;
      text-shadow: 0 1px 2px  black; }
      nav.ph-lift1 ul li a span:after {
        content: attr(data-title);
        display: block; }
/* тест */

/*прокрутка*/

::-webkit-scrollbar-thumb:vertical {
    height: 18px;
    border: 2px;
    background-color:#c68837; margin-top: 35px;
    }
::-webkit-scrollbar-thumb:horizontal {
    background-color:#c68837;
    }
::-webkit-scrollbar {
    width: 14px;
    height: 10px;
    border: 5px solid #цвет;
    background-color:#5b310c; margin-top: 35px;
    }


/*картинка при наведении на текст*/
.tooltip {
	position: relative;
	}
.tooltip em {
	display: none;
	}
.tooltip:hover em {
	font-style: normal;
	display: block;
	position: absolute;
 	background: #cdbca9;
	color: #FFF;
	padding: 10px 10px;
	bottom: 13px;
	right: 5;
	box-shadow: 0 0 5px #ccc;
 	border-radius: 5px;
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #0e0a09;
	-moz-box-shadow: 0 0 5px #0e0a09;
}
.tooltip:hover em i {
	position: absolute;
	bottom: -7px;
	right: 5px;
	border-top: 7px solid #000;
	border-left: 7px solid transparent;
	display: block;
}



#slideshow {
	margin:0 auto;
	width:860px;
	height: 200px;
	position:relative;
line-height: 10px;}
#slideshow #slidesContainer {
  margin:0 auto;
  width:860px;
  height: 200px;
  overflow:auto; /* allow scrollbar */
  position:relative;}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:800px; 
  height:200px;}
.control {
  display:block;
  width: 100px;
  height: 200px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;}
#leftControl {
  top: 45px;
  left: -58px;
  background:transparent url(http://funkyimg.com/i/LuJt.png) no-repeat 0 0;}
#rightControl {
  top: 45px;
  right: -134px;
  background:transparent url(http://funkyimg.com/i/LuJs.png) no-repeat 0 0;}

.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  letter-spacing:-1px;
}
.slide img {
  float:center;
  margin:0 2px;
}