li#navindex {display: none;}

#title-logo-tdr img {width: 1px; height: 1px;}

li#navindex {display: none;}

#title-logo-tdr img {width: 1px; height: 1px;}

#pun-navlinks a span {font-size: 15px; color: #0f1013;  font-family: "times new roman";  text-transform: uppercase; font-style: normal;!important font-weight: normal;!important
}
#pun-ulinks, #pun-ulinks .container, #pun-ulinks li, #pun-ulinks li a, #pun-ulinks li a {font-size: 8px; font-family: "times new roman";  color: #0f1013; text-transform: uppercase;
  font-weight: normal;}

/* CS1 Фон и цвет текста*/

/* CS1.1 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, 
background-color: transpanent;
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.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: #e3e7f2;
font-weight: normal;
font-style: normal;}

/* CS1.2 Боди или фон форума */
body {background-color: #0f1013; background-image: url(http://s3.uploads.ru/Jw8a6.jpg); background-repeat : no-repeat; background-attachment: fixed;}

/* CS1.3 Шапка */
#pun-title table {
background-image : url(http://sg.uploads.ru/Mzlcv.gif); 
background-repeat : no-repeat;
background-position: top center;
border: none;
height: 230px;
width: 971px;
margin-left: -18px;
margin-top: 50px;}

/* CS1.4 Пан или "тело" форума */
#pun {background-color: #0f1013; background-image: url(http://sa.uploads.ru/xD2n3.jpg);}

/* CS1.5 Футер\копирай\низ */
#pun-about p.container {background-image: url(http://s9.uploads.ru/Yslp0.jpg); background-position: top center; background-repeat: no-repeat; height: 134px; width: 971px;
margin-left: -30px;
margin-bottom: -50px;}


/* CS2 Ссылки */

/* 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: #9198ad; 
  text-decoration: none;}

/* CS2.3 */
#pun-navlinks a {
  color: #2d385a;
  text-decoration: none;}

/* CS2.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #9198ad;
  text-decoration: none;}

/* CS2.5 */
.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: inherit;
  text-decoration: none;}


/* CS3 Иконки старых, новых, важных, закрытых тем */
/* --- иконка старых --- */
.punbb table Div.icon {float: right;
float: left;
  display: block;
  border-style: none none none none;
  width: 46px;
  height: 27px;
  margin-top: 4px;
  margin-left: 20px;
  margin-right: 0px;
  background-image: url(http://s8.uploads.ru/Pk03A.jpg);
  background-repeat: no-repeat;}

/* --- иконка новых --- */
TR.inew Div.icon {
  background-image : url(http://s4.uploads.ru/lS6gG.png);
  background-repeat: no-repeat;
  width: 46px;
  height: 27px;
  margin-top: 4px;
  margin-left: 20px;
  margin-right: 0px;}

/* --- иконка важных --- */
TR.isticky Div.icon {
  background-image : url(http://s5.uploads.ru/aEPZM.jpg);
  background-repeat: no-repeat;
  width: 46px;
  height: 27px;}

/* --- иконка закрытых --- */
TR.iclosed Div.icon {
  background-image : url(http://s5.uploads.ru/TYHyr.jpg);
  background-repeat: no-repeat;
  width: 46px;
  height: 27px;}

/* CS4 Картинки категорий */
#pun-category1.category h2 {
background: url(http://s8.uploads.ru/jZOaN.jpg);
height: 18px;
width: 971px;
font-size:0 !important;
margin-left: -18px;}

#pun-category2.category h2 {
background: url(http://s7.uploads.ru/LqJI0.jpg);
height: 18px;
width: 971px;
font-size:0 !important;
margin-left: -18px;}

#pun-category3.category h2 {
background: url(http://sh.uploads.ru/d5xVS.jpg);
height: 18px;
width: 971px;
font-size:0 !important;
margin-left: -18px;}

#pun-category4.category h2 {
background: url(http://s6.uploads.ru/y9FWk.jpg);
height: 18px;
width: 971px;
font-size:0 !important;
margin-left: -18px;}

#pun-category5.category h2 {
background: url(http://s6.uploads.ru/uIALC.jpg);
height: 18px;
width: 971px;
font-size:0 !important;
margin-left: -18px;}

#pun-category6.category h2 {
background: url(http://s3.uploads.ru/QkrxS.jpg);
height: 18px;
width: 971px;
font-size:0 !important;
margin-left: -18px;}






/* CS5 Прочие элементы */

/* CS5.3 Цитаты и коды в сообщениях*/
.punbb .quote-box, .punbb .code-box {
background-color: #0f1013; 
color: #dadde8;
font-size: 11px;}

/* Закругленные края цитаты и кода с тенью */
.punbb .quote-box, .punbb .code-box, .punbb textarea  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 10px;
border-top-left-radius: 0px;
border-top-right-radius: 5px;
box-shadow: 3px 3px 0px 3px #aa9f69; }

.punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 15px;
border-top-left-radius: 0px;
border-top-right-radius: 5px;
box-shadow: 5px 2px 1px #bcbcbc;}

.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: #0f1013;
color: #e2e5e5}

/* CS5.5 Двигаем верхний баннер */
#pun-title table tbody tr .title-logo-tdr {
position: absolute; z-index: 1; 
left: 50px; 
top: -180px}

/* 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: left;}
#pun-navlinks .container, #pun-ulinks .container { text-align: center;}

/* CS6 Post status icons+рекламный баннер
 -------------------------------------------------------------*/
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: -100px; 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; font-family: "DejaVu Serif Condensed";font-size: 11px; font-style: normal; color: #A9A9A9;}
#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 #pun-main .pa-author .pa-fld2 {text-align: center; }
.lastedit {display: none; }
.punbb td div.tclcon { padding-left: 15px; }
.pa-avatar, .pa-title, .pa-author{ text-align: center;}
.punbb .post .post-author-Sp { text-align: center; }
.punbb .post .pa-hidePunk { text-align: center; }

/*рамка вокруг аватара*/
#post fieldset legend span {
display:none;
}
li.pa-avatar.item2 img {border: 3px double #aa9f69;
margin-top: 3px;
margin-bottom: 3px;
margin-left: -10px;}


/*первое сообщение*/

@keyframes icecream {
 0%, 100% { border-bottom: 2px solid #3c3a39; }
 10%, 90% { border-bottom: 2px solid #3c3a39; }
 20%, 80% { border-bottom: 2px solid #3c3a39; }
 30%, 70% { border-bottom: 2px solid #3c3a39; }
 40%, 60% { border-bottom: 2px solid #3c3a39; }
 50% { border-bottom: 2px solid #3c3a39; }
}

@-webkit-keyframes icecream {
 0%, 100% { border-bottom: 2px solid #3c3a39; }
 10%, 90% { border-bottom: 2px solid #3c3a39; }
 20%, 80% { border-bottom: 2px solid #3c3a39; }
 30%, 70% { border-bottom: 2px solid #3c3a39; }
 40%, 60% { border-bottom: 2px solid #3c3a39; }
 50% { border-bottom: 2px solid #3c3a39; }
}

@-moz-keyframes icecream {
 0%, 100% { border-bottom: 2px solid #3c3a39; }
 10%, 90% { border-bottom: 2px solid #3c3a39; }
 20%, 80% { border-bottom: 2px solid #3c3a39; }
 30%, 70% { border-bottom: 2px solid #3c3a39; }
 40%, 60% { border-bottom: 2px solid #3c3a39; }
 50% { border-bottom: 2px solid #3c3a39; }
}

@-o-keyframes icecream {
 0%, 100% { border-bottom: 2px solid #3c3a39; }
 10%, 90% { border-bottom: 2px solid #3c3a39; }
 20%, 80% { border-bottom: 2px solid #3c3a39; }
 30%, 70% { border-bottom: 2px solid #3c3a39; }
 40%, 60% { border-bottom: 2px solid #3c3a39; }
 50% { border-bottom: 2px solid #3c3a39; }
}

 .jicecream {
   width: 550px;
   height: auto;
   margin: 10px auto 0px;
   background: #fdfdfd;
   padding: 0px 0px 15px;
   font-family: 'Calibri';
   font-size: 14px;
   color: #000;
   text-align: justify;
   border: solid 1px #EFF0F2;
 }
 
 .jicecream img { margin-bottom: 12px; border-top: solid 2px #cab6d7; }
 
 .jicecream span {
   width: 125px;
   height: 10px;
   background-color: #fdfdfd;
   display: inline-block;
   margin: 1px;
   padding: 5px;
   text-transform: uppercase;
   text-align: center;
   animation: icecream 12s linear 0s infinite alternate;
   -webkit-animation: icecream 12s linear 0s infinite alternate;
   -moz-animation: icecream 12s linear 0s infinite alternate;
   -o-animation: icecream 12s linear 0s infinite alternate;
 }

.jicecream3 span {
   width: 125px;
   height: 10px;
   display: inline-block;
   margin: 1px;
   padding: 5px;
   text-transform: uppercase;
   text-align: center;
   animation: icecream 12s linear 0s infinite alternate;
   -webkit-animation: icecream 12s linear 0s infinite alternate;
   -moz-animation: icecream 12s linear 0s infinite alternate;
   -o-animation: icecream 12s linear 0s infinite alternate;
 }
 
 .jicecream span:nth-of-type(1) { border-bottom: 2px solid #3c3a39; margin-left: 21px; animation-delay: 0s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; } 
 .jicecream span:nth-of-type(2) { border-bottom: 2px solid #3c3a39; animation-delay: -1s; -webkit-animation-delay: -1s; -moz-animation-delay: -1s; -o-animation-delay: -1s; } 
 .jicecream span:nth-of-type(3) { border-bottom: 2px solid #3c3a39; animation-delay: -2s; -webkit-animation-delay: -2s; -moz-animation-delay: -2s; -o-animation-delay: -2s; } 
 .jicecream span:nth-of-type(4) { border-bottom: 2px solid #3c3a39; margin-left: 21px; animation-delay: -3s; -webkit-animation-delay: -3s; -moz-animation-delay: -3s; -o-animation-delay: -3s; } 
 .jicecream span:nth-of-type(5) { border-bottom: 2px solid #3c3a39; animation-delay: -4s; -webkit-animation-delay: -4s; -moz-animation-delay: -4s; -o-animation-delay: -4s; } 
 .jicecream span:nth-of-type(6) { border-bottom: 2px solid #3c3a39; animation-delay: -5s; -webkit-animation-delay: -5s; -moz-animation-delay: -5s; -o-animation-delay: -5s; } 
 
 .jicecream h1 {
   margin: 3px; 
   display: inline-block; 
   width: 70px;
   height: 70px;
   background-color: #8FA9D1;
   border-radius: 50%;
   font-family: 'Calibri';
   font-size: 14px;
   text-align: center;
   text-transform: uppercase;
   color: #6586B8;
   text-shadow: 1px 1px 0px #fff;
 }
 
 .jicecream h1:nth-of-type(1) { background-color: #ffd9d9; margin-left: 111px; }
 .jicecream h1:nth-of-type(2) { background-color: #FCD5DD; }
 .jicecream h1:nth-of-type(3) { background-color: #FAD1E1; }
 
 .jicecream1 {
   width: 519px;
   height: auto;
   margin: 10px auto;
   background: #fdfdfd url(http://i.imgur.com/7bFuUy2.png);
   padding: 15px;
 }
 
 .jicecream1:nth-of-type(1) { border-top: 6px solid #604836; border-bottom: 6px solid #604836 }
 .jicecream1:nth-of-type(2) { border-top: 6px solid #898989; border-bottom: 6px solid #3c3a39 }
 

.jazappgreeninfo2 { font-family: calibri; font-size: 12px; text-align: justify; color: black; overflow: auto; width: 205px; height: 210px; padding: 10px; position: relative; right: 10px; line-height: 100%; }
.jazappgreeninfo2 b { color: #0B173B; font-weight: bold; font-size: 13px; }
.jazappgreenscroll::-webkit-scrollbar {width: 5px;background: #fff}
.jazappgreenscroll::-webkit-scrollbar-thumb {background: #191970;}
.jazappgreenscroll::-webkit-scrollbar-corner {background: #fff;}




/*оформление способностей*/
/* Clean up the lists styles */
ul.accordion {
list-style: none;
margin: 0;
padding: 0;
}

/* Hide the radio buttons */
/* These are what allow us to toggle content panes */
ul.accordion label + input[type='radio'] {
display: none;
}

/* Give each content pane some styles */
ul.accordion li {
background-color: #FCFDF5;
       width: 550px;
text-align: justify;
font-size: 12px;
font-family: tahoma;
line-height: 95%;
color: #262422;
border-bottom: 2px solid #D1FBB3;
}

/* Make the main tab look more clickable */
ul.accordion label {
background-color: #00A4B7;
       width: 530px;
color: #FCFDF5;
display: block;
padding: 10px;
text-align: center;
text-transform: uppercase;
font-family: open sans condensed;
font-size: 16px;
letter-spacing: 1px;
border-bottom: 2px solid #D1FBB3;

}

ul.accordion label:hover {
cursor: pointer;
}

/* Set up the div that will show and hide */
ul.accordion div.content {
overflow: hidden;
padding: 0 10px;
display: none;
}

/* Show the content boxes when the radio buttons are checked */
ul.accordion label + input[type='radio']:checked + div.content {
display: block;
}

.apples {padding: 10px;}

.lemons {  background-color: #00A4B7;
       width: 530px;
color: #FCFDF5;
display: block;
padding: 10px;
text-align: center;
text-transform: uppercase;
font-family: open sans condensed;
font-size: 16px;
letter-spacing: 1px;
border-bottom: 2px solid #D1FBB3;}



 .cookie {
   font-size: 16px;
   font-family: lato;
   font-style: italic;
   text-shadow: 1px 1px 0 #F4F9D0;
   background-color: #45060F;
   padding-bottom: 6px;
   border-right: 1px dashed #F4F9D0;
    border-left: 1px dashed #F4F9D0;
    box-shadow: 0px 1px 1px 1px #45060F;
   }

.lemons2 {  background-color: #929292;
       width: 500px;
color: #1d1d1d;
display: block;
padding: 10px;
text-align: center;
text-transform: uppercase;
font-family: open sans condensed;
font-size: 16px;
letter-spacing: 1px;
border-bottom: 2px solid #191919;
box-shadow: 0px 1px 1px 1px #45060F;}


.fireguy3{
   font-size: 13px;
   font-family: Arsenal;
   text-transform:lowercase;
text-align: left;
color: #1E1F1D;
   }

.Hoverbuttons {
opacity: 0.3; 
transition: opacity 0.6s linear; 
-webkit-transition: opacity 0.6s linear;
-moz-transition: opacity 0.6s linear;
-ms-transition: opacity 0.6s linear;
-o-transition: opacity 0.6s linear;
}
.Hoverbuttons:hover {
opacity: 1;    
}

.Hoverbuttons2 {
opacity: 0.0; 
transition: opacity 0.6s linear; 
-webkit-transition: opacity 0.6s linear;
-moz-transition: opacity 0.6s linear;
-ms-transition: opacity 0.6s linear;
-o-transition: opacity 0.6s linear;
}
.Hoverbuttons2:hover {
opacity: 1;    
}

.jazappgreeninfo3 { font-family: calibri; font-size: 12px; text-align: justify; color: black; overflow: auto; width: 165px; height: 82px; padding: 5px; position: relative; right: 10px; line-height: 100%; }
.jazappgreeninfo2 b { color: #a4a4a4; font-weight: bold; font-size: 13px; }
.jazappgreenscroll::-webkit-scrollbar {width: 5px;background: #2b2e43}
.jazappgreenscroll::-webkit-scrollbar-thumb {background: #a4a4a4;}
.jazappgreenscroll::-webkit-scrollbar-corner {background: #2b2e43;}


.jazappgreeninfo4 { font-family: calibri; font-size: 12px; text-align: justify; color: black; overflow: auto; width: 287px; height: 46px; padding: 5px; position: relative; right: 10px; line-height: 100%; }
.jazappgreeninfo2 b { color: #a4a4a4; font-weight: bold; font-size: 13px; }
.jazappgreenscroll::-webkit-scrollbar {width: 5px;background: #2b2e43}
.jazappgreenscroll::-webkit-scrollbar-thumb {background: #a4a4a4;}
.jazappgreenscroll::-webkit-scrollbar-corner {background: #2b2e43;}


/*------оформление профиля---------*/
.punbb .post .post-author {
  background:url(http://funkyimg.com/i/2mmcX.jpg) 0 0 repeat-y; 
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://funkyimg.com/i/2mmcV.jpg) 0 top no-repeat,url(http://funkyimg.com/i/2mmcW.jpg) 0 bottom no-repeat; 
  padding:20px 17px!important;
  margin-left: 0px;
}

/*------разделитель подписи---------*/
.punbb .post-sig dt {
  border-top-color: #7b7a91 !important;
  }

.pa-respect,.pa-fld1{
color: #A9A9A9;
border: 3px double #A9A9A9; /*Вид бордеров*/
box-shadow: 0 0 3px #697280;
font-size: 10px;
display:inline-block;
padding: 1px 10px!important;
width:50px;
margin-left: 0;
}

.pa-posts,.pa-gifts,.pa-awards{
color: #A9A9A9;}




.lz{
padding-top: 5px;
font-family:helios cond light;
font-size:16px;
color: #A9A9A9;
text-transform:uppercase;
text-shadow: 1px 1px 1px #293241
   }
.lz2{
 font-family:Helios Cond Light;
font-size:11px;
color: #A9A9A9;
text-transform:uppercase;
   }
.lz3{
font-family:arial;
font-size:12px;
color: #A9A9A9;
text-align: left;
   }

/* SCROLLS & HIGHLIGHT */

::-webkit-scrollbar {background-color: #ececec height: 9px; width: 9px; border: 4px solid #4f4f4f;}
::-webkit-scrollbar-thumb:vertical {background-color: #14171e; height: 8px; }
::-webkit-scrollbar-thumb:horizontal {background-color: #14171e; height: 8px;}
::-webkit-scrollbar-corner {background: #ececec; width:9px; height:9px;}

::selection { background:#c8d9e1; color:#1b1b1b;}
::-moz-selection {background:#c8d9e1; color:#1b1b1b;}
::-webkit-selection {background:#c8d9e1; color:#1b1b1b;}

.imgthumb {width: 67px; height: 100px;padding-left: 20px; padding-right: 20px;}
.imgthumb img{
min-width:67px;
min-height:100px;}

.largeframe {min-height: 75px;}
.largeframe img{min-width:50px;
min-height:75px;}


/*Обрамление форумов картинкой(вместе с описанием)*/
.category h3{
  position:relative;
  background:url(http://s4.uploads.ru/UPodR.png) 0 top no-repeat; /*Верхняя часть картинки*/
  width:370px; /*Ширина картинки*/
  height:55px; /*Высота картинки*/
  padding-top: 10px; /*Центровка ссылки на форум по вертикали в верхней картинке*/
}
.opisF {
  background:url(http://sg.uploads.ru/28a4X.png) 0 bottom no-repeat,url(http://s0.uploads.ru/wTupb.png) 0 0 repeat-y;
  max-width:370px; /*Ширина картинки*/
  padding: 0px 30px; /*Отступ описания от боковых краёв картинки */
  padding-top: -30px;  /*Подтаскиваем описание к низу названия фора*/
  padding-bottom: 20px; /*Отступ описания от нижнего края */
}

#pun-about p span {text-align: center;}



.fireguy3{
   font-size: 13px;
   font-family: Arsenal;
   text-transform:lowercase;
text-align: left;
color: #1E1F1D;
   }

 /* спойлерок */
.spoiler > input + label:after{content: "+";float: right;font-family: monospace;font-weight: bold;}
.spoiler > input:checked + label:after{content: "-";float: right;font-family: monospace;font-weight: bold;}
.spoiler > input{display:none;}
.spoiler > input + label , .spoiler > .spoiler_body{height: 30px; background:#222836;overflow:hidden; width:100%; box-sizing: border-box;display: block; color:#aa9f69; font-size: 18px; font-family: times new roman; padding-top: 2px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 5px;
box-shadow: 3px 3px 3px 3px #aa9f69;}
.spoiler > input + label + .spoiler_body{display:none;}
.spoiler > input:checked + label + .spoiler_body{display: block;}
.spoiler > .spoiler_body{height: 300px; overflow: auto; background: #FFF;border: 3px solid #CCC;border-top: none; color:#222836; font-size: 12px; font-family: arial;}

.lemons2 {  background-color: #222836;
       width: 500px;
color: #aa9f69;
display: block;
padding: 10px;
text-align: center;
text-transform: uppercase;
font-family: open sans condensed;
font-size: 16px;
letter-spacing: 1px;
border-bottom: 2px solid #191919;
box-shadow: 0px 1px 1px 1px #aa9f69;}
