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

 div#pun-navlinks {
       position: absolute;
       width: 100%;
       margin-left: 53px;
       top:23px;
text-align: center;
text-transform: uppercase;
      }
#pun-navlinks {font-family: impact;}
#pun-navlinks {font-size: 14.7px;}

 div#pun-ulinks {
       position: absolute;
       width: 100%;
       margin-left: 41px;
       top:60px;
text-align: center;
font-style: oblique;
text-transform: uppercase;
 }
#pun-ulinks a:hover { 
color: #ffffff;
text-shadow: 0px 1px 0px #1d8db6;
}
#pun-ulinks a {color: #d3e1ed;
text-shadow: 0px 1px 0px #1d8db6;
}

 #pun-ulinks a {font-size: 9px;}
#pun-ulinks a {font-family: arial;}





#pun .tcl {width: 60%;}





#pun { background-image : url("http://i6.pixs.ru/storage/4/9/3/telopng_8573644_30141493.png");
background-color: #dcefec;
background-position : center;}

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

body { 
 background-color: #163f87; 
 overflow-x: hidden;
 background-image : url("http://i12.pixs.ru/storage/7/8/4/fonpng_7517203_30140784.png");
 background-repeat: beceec;
 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: #32253b;
  }

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

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

  }

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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #cae6f4;
color: #2a2232;
border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  -khtml-border-radius:8px;
box-shadow: inset 0 0 3em #75c5ed;
}
  }

/* 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-color: #cae6f4;
  color: #2a2232;
border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  -khtml-border-radius:8px;
box-shadow: inset 0 0 3em #75c5ed;
border:double;1px;
border-color: #5fbbd6;
}

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

#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: #58b3ec;

font-weight: bold;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #58b3ec;

font-weight: bold;
  }

/* 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: #6ec9e1;
text-shadow: 1px 1px 0px #ffffff;
font-weight: bold;
    border-bottom: 0px none #000;
   text-decoration: none;

  }

/* CS3.3 */
#pun-navlinks a {
color: #41b2f4;
text-decoration: none;
text-shadow: 0px 1px 0px #ffffff;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #389bd5;
font-style: oblique;
text-shadow: 0px 1px 0px #ffffff;

  }

/*/6060*/
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #26170b;
  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;  left: 500px; top: 5 px;
}


#pun-category1.category h2 {
background: url(.);
height: 236px;
width: 967px;
font-size:0 !important;
margin-left: -38px;}

#pun-category2.category h2 {
background: url(.);
height: 236px;
width: 967px;
font-size:0 !important;
margin-left: -38px;}

#pun-category3.category h2 {
background: url(.);
height: 236px;
width: 967px;
font-size:0 !important;
margin-left: -38px;}

#pun-category4.category h2 {
background: url(.);
height: 236px;
width: 967px;
font-size:0 !important;
margin-left: -38px;}

#pun-category5.category h2 {
background: url(.);
height: 236px;
width: 967px;
font-size:0 !important;
margin-left: -38px;}

#pun-category6.category h2 {
background: url(.);
height: 236px;
width: 967px;
font-size:0 !important;
margin-left: -38px;}

#pun-category7.category h2 {
background: url(.);
height: 236px;
width: 967px;
font-size:0 !important;
margin-left: -38px;}

#pun-category8.category h2 {
background: url(.);
height: 236px;
width:967px;
font-size:0 !important;
margin-left: -38px;}


#pun-category9.category h2 {
background: url(.);
height: 236px;
width: 967px;
font-size:0 !important;
margin-left: -38px;}





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



/* CS6 Логотип снизу
 -------------------------------------------------------------*/

#pun-about p.container {background-color: #;
   background-image : url(http://i12.pixs.ru/storage/8/0/3/nizpng_9629886_30140803.png);
   margin-left: -361px;
   background-position : center top;
   background-repeat : no-repeat;
   width: 1600px;
   height : 234px; 
   overflow-x: hidden;}

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

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

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

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

/* CS7 Остальные коды для оформления форума
 -------------------------------------------------------------*/
#pun-stats.section h2 { 
background-attachment: scroll;
background-clip: border-box;
height: 236px;
width: 967px;
margin-left: -38px;
background-color: transparent;
background-image: url("http://savepic.net/7024295.png");
background-origin: padding-box;
background-position: 50% 0%;
background-repeat: no-repeat;
background-size: auto;
font-size: 0px;}



#pun-about p span {
    display: block;
    text-align: center;
}






















/* Прокрутка */
::-webkit-scrollbar {
    width: 4px;
    height: 6px;
}
::-webkit-scrollbar-track {
background: #91d1e4;
}
::-webkit-scrollbar-thumb {
    background:#3882ec;
}












a.menu:link, a.menu:visited, a.menu:active{text-decoration: none;


width: 96px;
background: #91d1e4;
font-family: arial;
font-size: 12px;
text-decoration: none;
color: #ffffff;
display:block;
border-radius:5px;
text-align:center;
}
a.menu:hover {
background: #5bbcd5;
font-family: arial;
font-weight: bold;
font-size: 12px;
border-radius:5px;
text-decoration: none;
color: #407dcc;
 }










/* ПРОФИЛЬ
----------------------------------------------------------------------------------------------------------------------*/
/* профиль окантовка */
.punbb .post .post-author > ul {
background:url("http://i11.pixs.ru/storage/5/9/4/profilnizp_4920267_30168594.png") 0 bottom no-repeat, url("http://i6.pixs.ru/storage/5/8/5/profilverh_8138210_30168585.png") 0 top no-repeat, url("http://i6.pixs.ru/storage/5/9/7/profiltelo_5040894_30168597.png") repeat-y;
padding: 30px 12px 14px 12px!important; /* вверх, вправо, вниз, влево */ }


/* статус */
.pa-title {text-align: center;
z-index: 1000;
color: #7fd0e5!important;
font: small-caps 700 9px "arial" !important;
letter-spacing: 2px;
padding-top: 10px!important;}


/* ник */
.pa-author a, .pa-author {text-align: center;
color: #1c95b5!important;
font:  700 12px "arial" !important;
font-weight: bold;
text-shadow: 1px 0px 0px #ffffff!important;
letter-spacing: 3px;
padding-top: 1px!important;
text-transform: uppercase;
}

/* подарки позитив */
.post-author ul { text-align: center; font: small-caps 700 8pt "Arial" !important; 
color: #3faecb!important; margin-left: -27px;}

/* активность */
.pa-online { text-align: center; font: small-caps 700 8pt "Arial" !important; text-shadow: 1px 0px 0px #ffffff!important; color: #2cb2d6!important; margin-left: 20px;
}


/* уважалка и соо в блок2 */
.pa-respect, .pa-posts { color: #36c9f0!important;
font: small-caps 700 9px "Arial" !important;
position: relative;
right: 2px;
letter-spacing: 1px;
text-align: center;
display: inline-block;
margin-left: 40px;
width: 73px;
line-height: 13px;
padding: 1px;
margin-bottom: -2px!important;
margin-top: -90px;
}



/* уважалка и соо в блок2 при наведнии */
.pa-respect a:hover, .pa-respect a:focus, .pa-respect a:active { color: #3db5d5 !important; }

.pa-posts, .pa-online {padding: 4px 0px !important;}

.pa-fld3 {
background: url("http://i6.pixs.ru/storage/6/5/1/11png_3004683_30168651.png") no-repeat scroll center top, url("http://i12.pixs.ru/storage/6/5/6/13png_2323551_30168656.png") no-repeat scroll center bottom, rgba(0, 0, 0, 0) url("http://i12.pixs.ru/storage/6/5/8/12png_2605175_30168658.png") repeat-y scroll center center;  
width: 190px !important;
color: #56b6ca !important;
font-size: 10.3px;
font-family: arial;
text-shadow: 1px 1px 0px #ffffff;
margin-bottom: -17px !important;
margin-left: -25px !important;
margin-top: -20px !important;
padding: 20px 30px 30px !important;

}


/* доп.поле1 */
.pa-fld1 {
width: 243px !important;
margin-bottom: -13px !important;
margin-left: -52px !important;
margin-top: -84px !important;
padding: 30px 30px 30px !important;

}

/* поле 2 */
.pa-fld2 {
width: 200px !important;
color: #e1f5ff !important;
font-size: 12px;
font-family: arial;
font-weight: bold;
text-shadow: 1px 0px 0px #46a0cc;
text-align: center;}

/* посты и деньги */
.pa-fld4, .pa-fld5 { color: #59bcd1!important;
font: small-caps 700 9px "Arial" !important;
position: relative;
right: 2px;
letter-spacing: 1px;
text-align: center;
display: inline-block;
margin-left: 40px;
width: 63px;
line-height: 13px;
padding: 1px;
margin-bottom: -20px!important;
margin-top: -15px!important;
border-width: 1px;
border-color: #a0dae6;
border-style: solid;
}







.tooltip { 
position: relative; 
} 
.tooltip em { 
display: none; 
} 
.tooltip:hover em { 
background: #bee6f5 none repeat scroll 0 0; 
border-radius: 2px; 
bottom: 23px; 
color: #229dd6; 
display: block; 
font-family: arial !important; 
font-size: 10px !important; 
font-style: normal; 
border-width: 1px;
border-color: #a0dae6;
border-style: solid;
height: auto; 
text-align: center;
line-height: 9px; 
margin-left: 26px; 
padding: 10px; 
position: absolute; 
text-align: center; 
width: 130px; 
z-index: 9999; 
} 
.tooltip:hover em i { 
border-top: 0; 
bottom: -5px; 
display: block; 
position: absolute; 
right: 2px; 
}