/* профиль */
.punbb .post .post-author {
background-image : url();
padding-top:9px;
padding-bottom: 4px;
border-top: none;
border-bottom: none;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
border: 0px; solid;
border: 0px solid #a5915d;
}
#pun-main .post-author ul  {font-size: 9.5px; text-align: center;}
.pa-author{font-size: 12px; font-weight: bold; text-transform: uppercase;}
.punbb .post-sig dt {
    background: url("") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 40px;
    width: 305px;
}

#pun  .tc2, #pun-main .post-author ul  {text-align: center;}
#pun .tc2 {width: 8%;}
#pun .tc3 {width: 8%;}
#pun_wrap #pun #pun-index 1 .container {display: none; }




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

/* шапка */
#pun-title table {
background-image : url(http://savepic.ru/14137694.png);
background-repeat : no-repeat;
background-position: top center;
border: none;
margin-top: -8px;
margin-left:  -94px;
height: 555px;
width: 950px;}



html, body {background-color: #3a281c; background-image: url("http://savepic.ru/14148955.png"); background-repeat: repeaty; background-attachment: fixed; background-position: center; color: #211600;}
BODY {background:fixed;}

/* тело форума */
#pun {background-image : url("http://savepic.ru/14140763.png");
background-color : #d4bcac;
background-position : center;
background-attachment : ;}



/* 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: #221d02;
  }



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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #transparent ;
  color: #221d02;
  font-weight: normal;text-align:center;font-size: 12px; 
font-style: normal;font-weight: bold;

  }



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

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

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transpanent;
  color: #221d02;
  }

/* картинки в форума ответа и админку*/
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
background-image : url(http://savepic.ru/14117204.png); 
  color: #413127;
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: transparent;
background-image : url(http://savepic.ru/14117204.png); 
  color: #413127;
}



/* CS1.9 */


#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author {font-size: 11px; text-transform:uppercase!important;}

#pun-announcement h2 span{color: transparent;}



.lastedit {display:none}


#pun-navlinks .container, #pun-navlinks li  {
background-image : url();
text-align:center; font-size: 10px;font-weight: bold;text-transform:uppercase!important;
}

#pun-ulinks .container {text-align: center;font-family: Century Gothic;
font-size: 10px;}


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

#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 #5d4933
  }

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

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




/* 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: #422818;
  text-decoration: none;font-weight: bold}

/* 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: #844a27; 
  text-decoration: none; font-weight: none;
font-style: italic}

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

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #8c4829;
  text-decoration: none; font-weight: bold
}

.punbb .main h2 span, #pun-stats h2 span {
        background: none;
    padding-left: 10px;
    padding-top: 9px;
    padding-bottom: 8px;
    margin-left: -12px;
}

#profilenav h2 span {background-image: none}

td.tcr a{
        background: transparent url() no-repeat 0px 2px;
        padding-left: 16px;
}

#pun-stats ul.container {
background: transparent url() no-repeat 10px 10px;
padding-left: 50px;
padding-top: 10px;
}



#pun-crumbs2 .container, #pun-about .container{
        background: none;
        color: #5c3210;
}

#pun-stats div.statscon {
      background: none; repeat-y left;
}



#spo_all.main #spo_top.category h2 {display: none; }
#pun_wrap #pun #pun-index #pun-crumbs1.section .crumbs {display: none; }
#pun_wrap #pun  #tieser-bottom.container {display: none; }
#pun_wrap #pun  #pun-title.section #logo-table tbody{display: none; }
#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }


/* категории */
#pun-category1.category h2 {
background: url(http://sd.uploads.ru/gmM3d.png) no-repeat top center;
height: 109px;
width: 865px;
margin-left: -44px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;
}
#pun-category2.category h2 {
background: url(http://sd.uploads.ru/gmM3d.png) no-repeat top center;
height: 31px;
width: 890px;
margin-left: -22px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;
}
#pun-category3.category h2 {
background: url(http://sd.uploads.ru/gmM3d.png) no-repeat top center;
height: 31px;
width: 890px;
margin-left: -22px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;
}


/* статистика */
#pun-stats h2 {
background: url(http://sd.uploads.ru/gmM3d.png) no-repeat top center;
height: 31px;
width: 890px;
margin-left: -22px;
border-style: none;
no-repeat top center;
font-size:0 !important;}

/* футер */
#pun-about p.container {background-color: #;
background-image : url(http://savepic.ru/13995404.png); 
background-position : center top; 
background-repeat : no-repeat; 
height : 206px;
width: 865px; 
margin-left:-56px;
margin-bottom: -10px;
text-align: center;}




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

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

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






/* CS5.3 цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background-color: transparent; 
color: #241a06;}

#pun-main div.catleft, #pun-main div.catright {display: none}
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 10px;
border-bottom-right-radius: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 10px;
box-shadow: 0px 1px 1px;
-moz-box-shadow: inset 0 0 7px 3px #a48049;
-webkit-box-shadow: inset 0 0 7px 3px #a48049;
box-shadow: inset 0 0 7px 3px #a48049;
 }
.punbb input { 
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
box-shadow: 0px 1px 1px;
 }



/* стиль общего контейнера с кнопками */
.menu{
  width: 410px; /* ширина */
  margin: 10px auto; padding: 15px; /* отступы */	  
  list-style: none;
  counter-reset: li;
  background: #; /* фон */
  -moz-box-shadow: 0 0px 0px rgba(0,0,0,.0) inset; /* тень вокруг контейнера */
  -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.0) inset;
  box-shadow: 0 0px 0px rgba(0,0,0,.0) inset;
  -moz-border-radius: px; /* закругление углов */
  -webkit-border-radius: px;
  border-radius: px;
}

.menu:before,
.menu:after {
  content: "";
  display: table; /* отображение кнопок в виде таблицы */
}

.menu:after {
  clear: both;
}

.menu {
  zoom:1;
}

/* стиль кнопки */        
.menu li {
  position: relative;
  float: none;
  cursor: pointer;
  height: 110px; width: 400px; /* высота и ширина кнопки */
  margin: 0px 0 0 0px; /* отступы между кнопками */
  color: #fff; 
} 

.menu li:hover, .menu li:focus{ /* градиент, который появляется на кнопки при наведении курсора */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.2)), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
  background-image: linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
}


/* стиль всплывающего описания */

.menu .cover{
  z-index: 2;
}

.menu .cover:focus{
  outline: 0;
}

.menu li::after{
  content: counter(li);
  counter-increment: li;
  font: italic bold 10px serif, georgia; /* шрифт */
  position: absolute;
  color: rgba(255,255,255,.1);
  opacity: 0;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out; 
  -o-transition: all .2s ease-out;  
  transition: all .2s ease-out;    
}      

.menu li:hover::after, .menu li:focus::after{
  font-size: 100px;
  opacity: 1; 
}

.menu .cover::after{
  z-index: -1;
}

.menu li:nth-child(1),{
  margin-top: 0;
}

.menu li:nth-child(1),
.menu li:nth-child(2),
.menu li:nth-child(3)
.menu li:nth-child(4),
.menu li:nth-child(5){
  margin-left: 0;      
}

/* цвета кнопок по порядку */

.menu li:nth-child(1),
.menu li:nth-child(1) .content,
.menu li:nth-child(1) .close{
  background-color: #97aac2;
background-image : url("http://sd.uploads.ru/s3Xpi.png");
}         

.menu li:nth-child(2),
.menu li:nth-child(2) .content,
.menu li:nth-child(2) .close{
  background-color: #574b56; 
background-image : url("http://sd.uploads.ru/oah3y.png");
}   

.menu li:nth-child(3),
.menu li:nth-child(3) .content,
.menu li:nth-child(3) .close{
  background-color: #9c717b; 
background-image : url("http://sd.uploads.ru/HrowV.png");  
}

.menu li:nth-child(4),
.menu li:nth-child(4) .content,
.menu li:nth-child(4) .close{
  background-color: #e7eef7; 
background-image : url("http://sd.uploads.ru/ZKtc7.png");      
}

.menu li:nth-child(5),
.menu li:nth-child(5) .content,
.menu li:nth-child(5) .close{
  background-color: #5e5525;
  background-image : url("http://sd.uploads.ru/IFVdK.png");  
}


/* стиль всплывающего контента */

.menu .content{
  opacity: 0; display: none\9;
  overflow: hidden;
  font: 12px Arial, Helvetica; /* шрифт */
  position: absolute;
  height: 120px; width: 200px; /* Высота и ширина области текста. В идеале: height: 100%; width: 100%; , но будет работать только в FF */
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out; 
  -o-transition: all .3s ease-out;  
  transition: all .3s ease-out;      
}  

.menu .expanded{
  opacity: .95; display: block\9;
  overflow: visible;
  padding: 40px;
  height: 470px; width: 320px; /* высота и ширина области перекрытия контейнера с всплывающего описания */
}



.menu li:nth-child(1) .expanded,
.menu li:nth-child(2) .expanded,
.menu li:nth-child(3) .expanded,
.menu li:nth-child(4) .expanded,
.menu li:nth-child(5) .expanded{ /* 2,5,8 */
  left: 50%;
  margin-left: -200px;
}

.menu li:nth-child(2) .expanded{ 
  margin-top: -165px;
  top: 50%;
} 

.menu li:nth-child(3) .expanded{
  margin-top: -275px;
  top: 50%;
} 

.menu li:nth-child(4) .expanded{ 
  margin-top: -385px;
  top: 50%;
} 

.menu li:nth-child(5) .expanded{ 
  margin-top: -495px;
  top: 50%;
} 

/* стиль названия кнопок */    

.menu .title{
  position: absolute;
  height: 100%; width: 100%;
  text-align: center; /* выравнивание по центру */
  font: italic 18px/120px 'trebuchet MS', Arial, helvetica; /* шрифт */
  opacity: .2;
}

.menu li:hover .title{
  opacity: .7;
}    

/* стиль крестика, закрывающего всплывающее описание */

.menu .close {
  display: none;
  border: 4px solid #fff; /* обводка (граница) */
  color: #fff; /* цвет */
  cursor: pointer;
  height: 30px; width: 30px; /* высота и ширина */
  font: bold 20px/28px arial, helvetica; /* шрифт */
  position: absolute;
  text-align: center;
  top: -10px; right: -10px; /* расположение (двигаем крестик) */
  -moz-border-radius: 40px; /* закругление границ */
  -webkit-border-radius: 40px;
  border-radius: 40px;      
}

.menu .cover .close{
  display: block;
}