/* CS1 Background and text colours
-------------------------------------------------------------*/
/* CS1.0A НАСТРОЙКА ФОНА*/

body {
background: url("") repeat-x top center, /*верхний фон*/
url("") repeat-x bottom center, /*нижний фон*/
#424242 url("http://i.imgur.com/mImv7kt.png") repeat; /*общий фон*/
}
body {overflow-x: hidden}

/* CS1.0B Настройки "тела" форума*/
#pun {
background: url("http://i.imgur.com/ABAWYtY.png") repeat-y scroll top center;
background-color: ;
}

/* CS1.0C Настройки прокрутки*/
::-webkit-scrollbar
{width: 8px;
height: 8px;
background-color: #161a20;}
::-webkit-scrollbar-thumb{
background-color: #343c49; }

/* CS1.0D ШАПКА*/
#pun-title.section {
  background: transparent url("http://i.imgur.com/v7zd02t.png") top center scroll no-repeat; 
  height: 486px;
  width: 1054px; 
  margin-top: 0px;
  margin-left: -98px;}

/* CS1.0F ФУТЕР */
#pun-about p.container {background-color: #;
background-image : url(http://i.imgur.com/Gl9oMOZ.png); 
background-position : center top; 
background-repeat : no-repeat; 
height : 295px;
width: 1200px; 
margin-left: -159px;
text-align: center;
border-color: transparent;
margin-bottom: -17px;
font-size:0 !important;
}

#pun-maint {
margin: 0px 20% 12px 20%;
}

#pun-redirect .main-title {
margin-bottom:30px !important;
}

/* CS1.0E Настройки подфорумов */
 .black {width: 400px;   
background: url("http://i.imgur.com/4qSYha4.png") no-repeat center top, 
 url("http://i.imgur.com/kkownMD.png")  no-repeat center bottom,
 url("http://i.imgur.com/8T6pToA.png") repeat-y center;
padding-top: -39px!important; padding-bottom: 25px!important;  margin-top: -51px!important   }

 .black .zag
{width: 320px; margin-left: 21px; text-align: justify; font-family: arial; font-size: 11px; color: #46505e; padding-top: 52px!important; padding-left: 20px!important; padding-right: 30px!important;}

.black .oftex
{ width: 260px; margin-left: 25px; padding: 10px 10px 10px 33px; font-family: cuprum; font-size: 12px; line-height: 100%; color: #0a0000; padding-right: 100px!}

.forss {  
padding: 1px 10px 1px 10px;
text-align: center; 
border-radius: 10px; 
 line-height: 100%;
} 
.forss a { 
background-color: #edd2a1; 
color: #4e0000!important; 
text-transform: lowercase; 
font-family: 'lobster', sans-serif;
} 


/* 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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pu
n-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  {
  background-color: transparent;
  }

/* CS1.3 Настройки заголовков*/
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
 font-size: 11px;
 text-align: center;
 font-family: Tahoma;
 text-transform: uppercase;
 color: #000;
 height: 10px;
 background: url("") no-repeat scroll center; 
 width: 877px;
 margin-left:-25px;
 font-weight: bold;
  }

#pun-redirect h1 {background-image: none; padding-bottom:10px; color: transparent; text-shadow: none;}

.punbb-admin #pun-admain h2{
color: transparent;
background: transparent;
text-align: left;
text-shadow: none;
padding-left: 55px;}


/* CS1.7 Настройки цитаты и кода*/
.punbb .quote-box, .punbb .code-box {
background: #9f9f9f url("");
padding: 7px;
-moz-box-shadow: inset 0 0 5px 5px #595959;
-webkit-box-shadow: inset 0 0 5px 5px #595959; 
box-shadow: inset 0 0 5px 5px #595959;
border-radius: 20px;
border: 4px double #595959;
color: #121800;
  }


/* CS1.7A Настройки маркированного текста*/
.post-content .highlight-text { 
margin: 0 1.0em 0 40em;
background-color: #9f9f9f !important;
background-image: url("");
color: #000 !important;
display: block;
font-family: Tahoma; 
font-style: normal;
font-size: 14px !important;
text-align: center;
line-height: 15px;
padding: 10px;
-moz-box-shadow: inset 0 0 10px 5px #595959;
-webkit-box-shadow: inset 0 0 10px 5px #595959; 
box-shadow: inset 0 0 10px 5px #595959;
border-radius: 20px;
border: 4px double #595959;
}


/* CS1.8 */
#pun-navlinks .container {
  background-color: transparent;
  font-size: 11px;
  font-family: tahoma;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

/* CS1.9 Настройки формы ответа*/
.punbb textarea  {
padding: 10px;
background: #9f9f9f url("");
font-size: 11px !important;
-moz-box-shadow: inset 0 0 10px 5px #595959;
-webkit-box-shadow: inset 0 0 10px 5px #595959; 
box-shadow: inset 0 0 10px 5px #595959;
border-radius: 20px;
border: 4px double #595959;
color: #000;
  }

/* Настройки быстрого ответа*/
#post-form h2 span {
   display:none;
}


/* CS1.10 Настройки профиля в теме*/

.pa-author {font-size: 21px; 
font-family: 'bebas neue';
font-weight: bold;
line-height: 60%;
padding: -23px 0px 0px 0px !important;
text-shadow: #151515 1px 1px;
}

/* соо и репа*/

.pa-posts { 
display: inline-block;
margin-top: 2px!important;
  text-transform: lowercase;
padding: 10px 10px 10px 10px;
width: 60px;
margin-left: 0px;
font-size: 10px;
background: #74767e url("");
  border-radius: 7px 7px 7px 7px;
  border: 1px #1c2d40 solid;
  border-left: 1px clearly dashed #;
  border-radius: 0px;
-moz-box-shadow: inset 0 0 10px 10px #;
-webkit-box-shadow: inset 0 0 10px 10px #;
box-shadow: inset 0 0 10px 10px #;
}
.pa-respect {
display: inline-block; 
margin-top: 12px!important;
  text-transform: lowercase;
padding: 10px 10px 10px 10px;
width: 60px;
margin-left: 29px;
font-size: 10px;
background: #74767e url("");
  border-radius: 7px 7px 7px 7px;
  border: 1px #1c2d40 solid;
  border-left: 1px clearly dashed #;
  border-radius: 0px;
-moz-box-shadow: inset 0 0 10px 10px #;
-webkit-box-shadow: inset 0 0 10px 10px #;
box-shadow: inset 0 0 10px 10px #;
}


/* профиль окантовка */
.punbb .post .post-author {
  background:url(http://i.imgur.com/z3Ls0m5.png) 0 0 repeat-y;
  overflow: visible!important;
  margin:30px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://i.imgur.com/iJrF1je.png) 0 top no-repeat,url(http://i.imgur.com/7KhmCok.png) 0 bottom no-repeat;
  margin:-15px 0 -5px 0!important;
  padding:15px 0!important;
}

li.pa-avatar  {z-index: 6; margin-left: -1px !important; margin-top: 35px;}

#pun-main .post-author ul {text-align: center; margin-top: 33px;}

/* CS1.11 Настройки окон в форме ответа*/
 #size-area, #font-area, #color-area, #smilies-area, #keyboard-area, #imageup-area, #font-area, #size-area, #color-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #table-area, #addition-area  {
background: #9f9f9f;
padding: 5px;
-moz-box-shadow: inset 0 0 10px 5px #595959;
-webkit-box-shadow: inset 0 0 10px 5px #595959; 
box-shadow: inset 0 0 10px 5px #595959;
border-radius: 20px;
border: 3px double #595959;
color: #000000;
}

/* CS1.12 Настройки полей ввода, кнопок и выпадающих меню*/
.punbb input, .punbb .button, .punbb select {
background: #9f9f9f url("");
padding: 5px;
-moz-box-shadow: inset 0 0 3px 3px #595959;
-webkit-box-shadow: inset 0 0 3px 3px #595959; 
box-shadow: inset 0 0 3px 3px #595959;
border-radius: 15px;
border: 3px double #595959;
color: #000000;
}

#post .formsubmit {text-align: center;}


/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 Убираем все рамки*/
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online {
  border-color: transparent;
  }

/* Ссылки*/

/* Настройки ссылок*/
.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: #101010;
  border-bottom: 0px none #000;
  text-decoration: none;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #0f0f0f
  }

/* Настройки ссылок при наведении*/
.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: #5a6e85;
  border-bottom: 0px none #000;
  }

/* CS3.3 Настройки навигации*/
#pun-navlinks a {
color: #26374e;
text-shadow: #0a1018 1px 1px;
  }

/* Настройки навигации при наведении*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #3f536b;
text-shadow: #0a1018 1px 1px;
  }

/* CS4 Иконки сообщений
 -------------------------------------------------------------*/

Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-right: 62px;
margin-top: 30px;
top: 5px;
width: 60px;
height: 60px;
background-image : url(http://i.imgur.com/D6reO2C.png);
background-repeat: no-repeat; }

TR.inew Div.icon {background-image : url(http://i.imgur.com/eB0Avol.png); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(http://i.imgur.com/CSP7KjX.png); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(http://i.imgur.com/00lQhYb.png); background-repeat: no-repeat;}

#pun-main div.catleft, #pun-main div.catright {display: none}



/*CS6 TABLE
 ---------------------------------*/
#table_block {
width: 840px; 
height: 200px;
background: #f3edaa;
color: #a59c12; 
margin-left: -7px;
}

#menu {
height: 20px;
background: #ede1a1;
margin-top: -5px;
}

#menu span {
width: 830px;
padding: 0px 10px;
cursor: pointer;
opacity: 0.8;
font-family: Tahoma;
font-size: 14px;
text-transform: uppercase;
}

#menu .tabactive{
border: none !important;
opacity: 1.0;
}

#submenu {
height: 150px;
font-size: 11px;
width: 830px;
color: #818181;
}

#plng {
   font-family: verdana;
   font-size:11px;
   color:#000000;
}


/* Категории
 -------------------------------------------------------------*/
#pun-stats.section h2 span, .category h2 span {
}
#pun-category1.category h2 {
background: url(http://i.imgur.com/mVtEna2.png) no-repeat center;
height: 112px;
width: 955px;
margin-left: -49px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category2.category h2 {
background: url(http://i.imgur.com/SjjQbeN.png) no-repeat center;
height: 112px;
width: 955px;
margin-left: -49px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category3.category h2 {
background: url(http://i.imgur.com/V1Ilqwf.png) no-repeat center;
height: 112px;
width: 955px;
margin-left: -49px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category4.category h2 {
background: url(http://i.imgur.com/Etn3I5G.png) no-repeat center;
height: 112px;
width: 955px;
margin-left: -49px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category5.category h2 {
background: url(http://i.imgur.com/wuKz39E.png) no-repeat center;
height: 112px;
width: 955px;
margin-left: -49px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category6.category h2 {
background: url(http://i.imgur.com/zzbnZVA.png) no-repeat center;
height: 112px;
width: 955px;
margin-left: -49px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category7.category h2 {
background: url(http://i.imgur.com/TBerHxx.png) no-repeat center;
height: 112px;
width: 955px;
margin-left: -49px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}
#pun-category8.category h2 {
background: url(http://i.imgur.com/bGVSS3L.png) no-repeat center;
height: 112px;
width: 955px;
margin-left: -49px;
font-size: 0px !important;
font-family: Tahoma;
color: transparent;
}

#pun-stats.section h2 {
background: url(http://i.imgur.com/dJVKDHr.png) no-repeat center;
height: 112px !important;
font-size: 0px !important;
width: 955px;
margin-left: -49px;
color: transparent;
}

#pun-stats ul.container {
   background: url() no-repeat 12px 10px;
padding-left: 85px;
}

.punbb .main .tcr a {
  font-family: 'cuprum' !important;
  font-size: 16px !important;
  font-weight: normal;
  font-style: italic; 
}


/* STRUCTURE
-------------------------------------------------------------*/


 /*Кнопки*/
    .punbb input {
border: 2px #878787 solid;
    background-color: #454545;
    border-radius: 15px;
    padding: 8px;
    }

   
/* рамка аватара */
li.pa-avatar img {
border-style: solid;
border-width: 4px;
border-color: #242424;
}


/* H5.4 амс */  
#admins {
text-align: center;
} 
#admins a {
    color: #313f50;
    font-size: 17px;
    text-align: center;
    font-family: 'Bebas Neue';
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #090909;
}

#admins a:hover {
    color: #4a5767;
}

.tooltip {
 position: relative;
}
.tooltip span{
  visibility: hidden;
  position: absolute;
  top: -150px; left: -40px;
 background: #f5db9d; box-shadow: 0 0 11px #f5db9d inset;  border-width: 3px 0px 3px 0px;
border-color: #a10139;
border-style: solid;
  padding: 3px;
} 
.tooltip:hover span{
  visibility: visible;
}

/* H5.5 навигация */  
#naw {
text-align: center;
} 
#naw a {
    color: #4b5e75;
    font-size: 12px;
    text-align: center;
    font-family: 'cuprum';
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px #0a0f15;
}

#naw a:hover {
    color: #5c6a7d;
}

/* Настройки быстрого ответа*/
#post-form h2 span {
   display:none;
}

#post-form h2 {
  background: url(http://i.imgur.com/Wz8FinH.png) no-repeat;
  width:955px;
  height:112px;
  margin-top: 10px;
  margin-left: -49px;
  margin-bottom: -10px;
}


/*------ ПУПОЧКИ ------*/
.hasicon tr .tcr a {
    background-image: url(http://i.imgur.com/uVvezQY.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 13px;
}
.tooltip {position: relative;}
.tooltip em {display: none;}
.tooltip:hover em {
    font-style: normal;
    font-family: "cuprum" !important;
    font-size: 15px !important;
    font-weight: 500;
    line-height: 95%;
    display: block;
    z-index:100000;
    position: absolute;
    background: #090909;
    color: #313f50;
    text-decoration: none;
    text-shadow: 1px 0px 0px #090909;
    text align: justify;
    padding: 10px 10px;
    top: 30px;
    left: 20;
    widht: 150px;
    box-shadow: 0 0 5px #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 0 5px #165AAC;
    -moz-box-shadow: 0 0 5px #165AAC;}
.tooltip:hover em i {position: absolute;
    top: 35px;
    left: 20;
    border-top: 7px solid #000;
    border-left: 7px solid transparent;
    z-index:100000;
    display: block;
    box-shadow: inset 0px 0px 15px #0a0f15;}
.tooltip:hover em img {border: 3px double #165AAC;;}