/* CS0 Меню - навигация
-------------------------------------------------------------*/


 div#pun-navlinks {
       font-size: 9px;
       position: absolute;
       width: 100%;
       top:485px;
       padding-left: -50px;
      }


 div#pun-ulinks {
       position: absolute;
       width: 100%;
       top:458px;
       padding-left: -50px;
       }

#pun { background-image : url("jpg");
background-color : #a1a2b5; 
background-position : center;}



/* CS1 Цвет фона, фона форума и остальное.
-------------------------------------------------------------*/

body { 
 background-color: #a1a2b5; 
 overflow-x: hidden;
 background-image : url("http://images.vfl.ru/ii/1439200680/b5cb40aa/9530883.jpg");
 background-repeat: 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 {
border-color:transparent;
  color: #333545;
  }

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color:transparent;
  color: #F8F8F8;
  font-weight: normal;
font-style: normal;

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
border-color:transparent;
  color: #333545;
  }

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  color: black;
background:url(РАМКА ВЕРХНЯЯ ЦИТАТА) 0 top repeat-x, url(РАМКА НИЖНЯЯ ЦИТАТА) 0 bottom repeat-x; 
background-color: #CEB996;
}
  }

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

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

.punbb textarea, .punbb select, .punbb input {
background: url(ФОРМА ОТВЕТА) 0 bottom no-repeat; 
  background-color: #b1b2c7;
  color: #000000;
}

/* 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 */
.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: #000000; /* Цвет границы */
    border-style: solid 1px; /* Стиль границы */
    padding: 1px;
  font-size: 12px;
  }

#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-color:transparent;
  }

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

.punbb .post-sig dt {
border-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: #4E4F6C;
    border-bottom: 1px none #000;
  text-decoration: none;

  }

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

/* 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: #4E4F6C;
text-shadow: 1px 1px 1px #000000;
    border-bottom: 1px none #999999;
  text-decoration: none;

  }

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

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #ffffff;
  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: #ffffff;
  color: #fff;
  }

/* CS4 Фон всем категориям и разделение между сообщениями. + Сдвиг рекламы.
 -------------------------------------------------------------*/

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

.punbb .post div.container {
  background: url("") no-repeat scroll center bottom transparent;
}

.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
  background: url() top center;
  text-align: center;
  color: #000;
  }

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; top: 20px;
}

/*  CS5 Категории форума и кнопки 
------------------------------------------------------------*/



/* CS6 Логотип снизу
 -------------------------------------------------------------*/
@media all and (-webkit-min-device-pixel-ratio:0) {
#pun-about p.container {
    margin-left: -565px !important;
} }

 #pun-about p.container {background-color: #;
   background-image : url(http://images.vfl.ru/ii/1440790749/6eee8012/9736744.jpg);
   margin-left: -564px;
   background-position : center top;
   background-repeat : no-repeat;

   width: 2000px;
   height : 110px; 
   overflow-x: hidden;}

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

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

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

 #pun-announcement.section h2 span {display:  none; }
    a.menu:link, a.menu:visited, a.menu:active{text-decoration: none; }






/* CS7 Остальные коды для оформления форума
 -------------------------------------------------------------*/
div.icon {
        background: url(http://images.vfl.ru/ii/1440761808/ad09adfe/9731041.png) no-repeat;
}

tr.inew div.icon {
        background: url(http://images.vfl.ru/ii/1440761889/de3a926b/9731066.png) no-repeat;
}

tr.isticky div.icon {
        background: url(http://images.vfl.ru/ii/1440788292/431123a5/9736272.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(http://images.vfl.ru/ii/1440787996/c61aa74a/9736220.png) no-repeat;
}







/* Статистика
 -------------------------------------------------------------*/

#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 50px;
width: 946px;
margin-left: -22px;
background-color: transparent;
background-image: url("http://images.vfl.ru/ii/1440661395/678b0c84/9713489.png");
background-origin: padding-box;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}











/* всплывающая информация
 -------------------------------------------------------------*/
.tip {
	padding: 5px; /* расстояние текста от края окна */
	color: #000000; /* цвет шрифта */
        font-size: 12px;
	background-color: #a1a2b5; /* фоновый цвет окна */
border: solid 1px;
	display: none;
	position: absolute;
	z-index: 1000;
        width: 150px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}








/* Уведомления
 -------------------------------------------------------------*/

.notify-message {background: #333545 !important; color: #a1a2b5 !important; opacity: 0.9 !important; box-shadow: 1px 1px 2px black;}
.notify-message .jGrowl-message a, .notify-message .jGrowl-message a:hover {color: #000 !important;}
.jGrowl-close {background: #333545 !important; color: #a1a2b5 !important;}
.jGrowl-close:hover {color: #a1a2b5 !important; background: #333545 !important;}
.jGrowl-date {border-top: 1px solid #a1a2b5 !important;}





/* новая НАВИГАЦИЯ
 -------------------------------------------------------------*/

/* Main Dark Menu Unordered List First Level Style */ 
ul.dark_menu {
  font: bold 12px Trebuchet Ms;
  line-height: 12px;
  list-style: outside none none;
  padding: -10px;
  text-align: center;
}


  /* Clears all floated List Items */ 
  ul.dark_menu:after { 
  content: ""; 
  clear: both; 
  display: block; 
  overflow: hidden; 
  visibility: hidden; 
  width: 0; 
  height: 0; 
  float: center; 
  } 


  /* First Level List Items Style */ 
  ul.dark_menu li { 
  float: left; 
  margin: 0px 0 0 7px; 
  position: relative; 
  } 

  /* First List Item in First Level Style */ 
  ul.dark_menu li:first-child { 
  margin: 0; 
  } 

  /* List Items Links Style */ 
  ul.dark_menu li a, ul.dark_menu li a:link { 
  color: #000000; 
  text-decoration: none; 
  display: block; 
  padding: 5px 8px; 
   
  /* Text Shadow */ 
  text-shadow: 0 0px 0 #000000; 
   
  /* Gradient Background */ 
  background: #3D3E55; /* Old browsers */ 
  background: -moz-linear-gradient(top, #3D3E55 0%, #A3AFD7 100%); /* FF3.6+ */ 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9D9BD), color-stop(100%,#3D3E55)); /* Chrome,Safari4+ */ 
  background: -webkit-linear-gradient(top, #3D3E55 0%,#A3AFD7 100%); /* Chrome10+,Safari5.1+ */ 
  background: -o-linear-gradient(top, #3D3E55 0%,#A3AFD7 100%); /* Opera11.10+ */ 
  background: -ms-linear-gradient(top, #3D3E55 0%,#A3AFD7 100%); /* IE10+ */ 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D3E55', endColorstr='#A3AFD7',GradientType=0 ); /* IE6-9 */ 
  background: linear-gradient(top, #3D3E55 0%,#A3AFD7 100%); /* W3C */ 

  /* Border Radius */ 
  -webkit-border-radius: 2px; 
  -moz-border-radius: 2px; 
  border-radius: 2px; 

  /* Box Shadows */ 
  -webkit-box-shadow: inset 0 0px 0 #333333, 
  0 1px 1px #181514; 
  -moz-box-shadow: inset 0 0px 0 #333333, 
  0 1px 1px #181514; 
  box-shadow: inset 0 0px 0 #333333, 
  0 1px 1px #181514; 

  /* Transition Effect */ 
  -webkit-transition: all 1s ease; 
  -moz-transition: all 1s ease; 
  -o-transition: all 1s ease; 
  -ms-transition: all 1s ease; 
  transition: all 1s ease; 
  } 

  /* List Items Links Hover State Style */ 
  ul.dark_menu li a:hover { 
  color: #000000; 

  /* Text Shadow */ 
  text-shadow: 0 0px 0px #000; 

  /* Gradient Background */ 
  background: #D6D7F3; /* Old browsers */ 
  background: -moz-linear-gradient(top, #D6D7F3 0%, #363647 99%, #363647 100%); /* FF3.6+ */ 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363647), color-stop(99%,#363647), color-stop(100%,#363647)); /* Chrome,Safari4+ */ 
  background: -webkit-linear-gradient(top, #D6D7F3 0%,#363647 99%,#363647 100%); /* Chrome10+,Safari5.1+ */ 
  background: -o-linear-gradient(top, #D6D7F3 0%,#363647 99%,#363647 100%); /* Opera11.10+ */ 
  background: -ms-linear-gradient(top, #D6D7F3 0%,#363647 99%,#363647 100%); /* IE10+ */ 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D6D7F3', endColorstr='#363647',GradientType=0 ); /* IE6-9 */ 
  background: linear-gradient(top, #D6D7F3 0%,#362f2c 99%,#363647 100%); /* W3C */ 

  /* Transition Effect */ 
  -webkit-transition: all 1s ease; 
  -moz-transition: all 1s ease; 
  -o-transition: all 1s ease; 
  -ms-transition: all 1s ease; 
  transition: all 1s ease; 
  } 

  /* List Items Links Active and Selected State Style */ 
  ul.dark_menu li a.selected, ul.dark_menu li a:active { 
  color: #000000; 
  background: #a1a2b5; 

  /* Text Shadow */ 
  text-shadow: 0 0px 0px #000; 

  /* Box Shadows */ 
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.6), 
  0 1px 0 #000000; 
  -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0.6), 
  0 1px 0 #000000; 
  box-shadow: inset 0 0px 0px rgba(0,0,0,0.6), 
  0 1px 0 #000000; 
   
  /* Transition Effect */ 
  -webkit-transition: all 1s ease; 
  -moz-transition: all 1s ease; 
  -o-transition: all 1s ease; 
  -ms-transition: all 1s ease; 
  transition: all 1s ease; 
  } 

  /* Sub Menu Unordered List Second Level Style */ 
  ul.dark_menu li ul { 
  display: none; 
  } 

  /* Before Second Level Unordered List Style */ 
  ul.dark_menu li ul:before { 
  content: " "; 
  position: absolute; 
  display: block; 
  z-index: 1500; 
  left: 0; 
  top: -10px; 
  height: 10px; 
  width: 100%; 
  } 

  /* Sub Menu Unordered List Second Level Style 
  When Parent List Item is Hovered */ 
  ul.dark_menu li:hover ul { 
  position: absolute; 
  display: block; 
  z-index: 1000; 
  left: 0; 
  top: 25px; 
  padding: 2px 0; 
  list-style: none; 
  background: #a1a2b5; 

  /* Box Shadows */ 
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.6), 
  0 1px 0 #000000; 
  -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0.6), 
  0 1px 0 #000000; 
  box-shadow: inset 0 0px 0px rgba(0,0,0,0.6), 
  0 1px 0 #000000; 

  /* Border Radius */ 
  -webkit-border-radius: 2px; 
  -moz-border-radius: 2px; 
  border-radius: 2px; 
  } 

  /* Second Level Menu List Items Style */ 
  ul.dark_menu li ul li { 
  float: center; 
  margin: 0 10px;  
  border-bottom: 1px solid #191614; 
  border-top: 1px solid #6B6B6B; 
  } 

  /* First List Item in Second Level Menu Style */ 
  ul.dark_menu li ul li:first-child { 
  margin: 0 10px; 
  border-top: 0 none; 
  } 

  /* Last List Item in Second Level Menu Style */ 
  ul.dark_menu li ul li:last-child { 
  border-bottom: 0 none; 
  } 

  /* Second Level List Items Links Style */ 
  ul.dark_menu li ul li a, ul.dark_menu li ul li a:link { 
  color: #323249; 
  display: block; 
  background: transparent none; 
  padding: 10px 20px 10px 5px; 
  white-space: nowrap; 

  /* Text Shadow */ 
  text-shadow: 0px 0px 0px #000; 
   
  /* Box Shadows */ 
  -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); 
  -moz-box-shadow: 0 0 0 rgba(0,0,0,0); 
  box-shadow: 0 0 0 rgba(0,0,0,0); 

  /* Border Radius */ 
  -webkit-border-radius: 0px; 
  -moz-border-radius: 0px; 
  border-radius: 0px; 
  } 

  /* Second Level List Items Links Hover State Style */ 
  ul.dark_menu li ul li a:hover { 
  text-decoration: underline; 
  background: transparent; 
  }







/* всплывающая информация при наведении на картинку
 -------------------------------------------------------------*/
.tip {
	padding: 7px; /* расстояние текста от края окна */
text-shadow: none;
	color: #000000; /* цвет шрифта */
	background-color: #a1a2b5; /* фоновый цвет окна */
	display: none;
	position: absolute;
	z-index: 1000;
        width: 150px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}








/* оформление профиля
 -------------------------------------------------------------*/
.punbb .post .post-author {
color: #d7d8e9;
padding: 15px 4px!important;
margin-left: 5px;
background:url(http://images.vfl.ru/ii/1440626580/f3b7effd/9710850.png)
0 top no-repeat, url(http://images.vfl.ru/ii/1440626580/710eaf6d/9710851.png) 0 bottom no-repeat, url(http://images.vfl.ru/ii/1440626580/69391a40/9710852.png) 0 0 repeat-y;
}







/*Правка формы репутации
 -------------------------------------------------------------*/
#pun-reputation .container{
  background-color: #d7d8e9;
opacity: 0.8;
}
#pun-reputation h1{
  height: 15px;
  background-color: #d7d8e9;
}



/*Всплывающее окно цитирования
 -------------------------------------------------------------*/
#Bubble {
  display: none;
  width: 100px;
  height: auto;
  padding: 5px;
  text-align: center;
  z-index: 10;
  border: 1px black solid;
  background: #a1a2b5;
  background-image: url(http://icons.iconarchive.com/icons/icons8/windows-8/16/Messaging-Quote-icon.png);
  background-repeat: no-repeat;
  background-position: 10px 4px;
  padding-left: 20px;
}


/*НОВАЯ ПАЛИТРА © Deff
 -------------------------------------------------------------*/
#color-area{

  background-position:0 0;
  padding-bottom:8px!important;
  padding-left: 33px !important;
  padding-right: 17px !important;
}
#color-area table{
 width: 286px;
}
#color-area table[cellspacing] td img{
 height:14px!important;
 width:14px!important;
}
 #color-area table[cellspacing]{
height:17px!important;
}
table.Myp,table.Myp td,
#len-tbl-01,#len-tbl-01 td{
 text-align:left;
 vertical-align:top;
 padding:0!important;
 margin:0!important;
 border-collapse:collapse!important;
}

#len-tbl-01{
margin: 1px 21px 12px 0!important;
 width:100%;
}
#len-tbl-01 td {
 padding:0!important;
 width:11px!important;height:12px;
 background-image:url(http://savepic.net/711220.gif);
 background-position:50% 50%;
 background-repeat: no-repeat;
 background-image: none;
 border: #fff 1px solid!important;
}
#len-tbl-01 td:hover {
 background-image:url(http://savepic.net/686931.gif)!important;
 background-position:50% 50%;
 background-repeat:no-repeat;
}
table.Myp{
 width:280px!important;
}
table.Myp td,table.Myp tr{
 height:18px!important;
 vertical-align:text-bottom;
 margin:0!important;
 border: none 0 transparent!important;
 border-collapse:collapse!important;
}
td.rightMy,td.murom {
 text-align:left!important;
 width:66px!important;
}
#name_1,#name_0{
 margin:0;
 posizion:absolute; z-index:2000;
 font-size:11px!important;
 background-color:#fff!important;
 border: #000 1px solid;
 width:58px!important;
}
#name_1{
 border: red 1px solid!important;
 font-size:11px;
 color:#761A21;
}
#name_0 {
 font-size:11px;
 color:#000!important;
}
#len-tbl-01 img {
position:absolute!important;
border: #000 1px none;
}
#len-tbl-01 img.Nul_Img  {
position:absolute!important;
height:11px!important;
width:11px!important;
margin:0!important;
}
#len-tbl-01 .metka {
position:absolute!important;
z-index:100;
margin:-1px 0 0 -1px!important;
height:13px;
width:13px;
}



/*ЦИТАТА
 -------------------------------------------------------------*/
.punbb .post-content .quote-box:not(.spoiler-box) {
background: none;
border:0!important;
position:relative;
overflow:hidden;
min-height:39px!important;
margin:0px 0;
padding:10px 10px 5px 10px;
}
.punbb .quote-box:not(.spoiler-box) > blockquote > p {
font-size:14px; /*размер шрифта*/
line-height:18px;
color:#311d07; /*цвет шрифта */
font-family:Georgia; /*шрифт*/
font-style: normal;
}
.punbb .quote-box:not(.spoiler-box) > blockquote {
margin-top:7px;
margin-left:2px;
-moz-border-radius:2px;
-khtml-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
border: solid 1px #3f4150; /*стиль. толщина и цвет рамки блока цитаты*/
background: url(http://images.vfl.ru/ii/1440709688/f00d2b80/9723826.jpg) top repeat transparent; /*Фон блока цитаты*/
max-width:91%;
position:relative;
padding:15px 20px 0 30px;
box-shadow: 3px 3px 0px rgba(0,0,0,0.5)
}
.punbb .quote-box:not(.spoiler-box) > blockquote:before {
content:'';
background: url(http://images.vfl.ru/ii/1440742356/e1084e39/9725835.png) top left no-repeat transparent; /*открывающая кавычка*/
position:absolute;
width:20px;
height:14px;
top:16px;
left:4px;
}
.punbb .quote-box:not(.spoiler-box) > blockquote:after {
content:'';
position:absolute;
z-index:100;
background:url(http://images.vfl.ru/ii/1440742356/4842b703/9725834.png) top left no-repeat transparent; /*закрывающая кавычка*/
width:20px;
height:14px;
right:4px;
bottom:13px;
}
.punbb .quote-box:not(.spoiler-box) > cite {
font-style:normal;
font-weight:700;
display:block;
font-size:12px; /*размер шрифта заголовка*/
color:#ece1c8; /*цвет шрифта заголовка*/
background:url(http://afterdawn.rolbb.ru/files/0012/a0/31/85215.png) top left repeat-x transparent;/*средняя часть фона заголовка*/
height:31px;
line-height:24px;
position:absolute;
z-index:100;
top:0px;
text-shadow:#000 1px 1px; /*тень шрифта заголовка*/
left:13px;
}
.punbb .quote-box:not(.spoiler-box) > cite:before {
content:'';
position:absolute;
z-index:-1;
background:url(http://afterdawn.rolbb.ru/files/0012/a0/31/82854.png) no-repeat 0 0 transparent; /*начало фона заголовка*/
width:31px;
height:39px!important;
left:-12px;
padding-top:0px;
}
.punbb .quote-box:not(.spoiler-box) > cite:after {
content:'';
background:url(http://afterdawn.rolbb.ru/files/0012/a0/31/77231.png) no-repeat 0 0 transparent; /*завершение фона заголовка*/

position:absolute;
right:-10px;
width:10px;
height:35px;
}