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

 div#pun-navlinks {
       position: absolute;
       width: 100%;
       margin-left: 30px;
       top:640px;
text-align: center;
      }
#pun-navlinks {font-family: Lobster;}
#pun-navlinks {font-size: 18px;}

 div#pun-ulinks {
       position: absolute;
       width: 100%;
       margin-left: 10px;
       top:690px;
text-align: center;
 }
#pun-ulinks a:hover { 
color: #314981;
}
#pun-ulinks a {color: #4f6fbb;}
 #pun-ulinks a {font-size: 12px;}
#pun-ulinks a {font-family: Playfair Display;}





#pun .tcl {width: 60%;}





#pun { background-image : url("http://savepic.net/7599597.png");
background-color: #afbdd9;
background-position : center;}

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

body { 
 background-color: #023c94; 
 overflow-x: hidden;
 background-image : url("http://savepic.net/7586285.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: #1f5f97;
  }

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

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

  }

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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #c6d2d9;
color: #1d6794;
text-shadow: 0px 0px 1px #000c;
border-radius:10px;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  -khtml-border-radius:0px;
box-shadow: inset 0 0 3em #5371b5;
}
  }

/* 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: #c6d2d9;
  color: #1d6794;
border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -khtml-border-radius:3px;
box-shadow: inset 0 0 3em #a2c1d8;
border:double;1px;
border-color: #5593ca;
}

/* 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: #1c56a7;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #1c56a7;
  }

/* 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: #538dde;
    border-bottom: 0px none #000;
   text-decoration: none;

  }

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

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #668df2;
  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: #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: 109px;
width: 488px;
font-size:0 !important;
margin-left: 180px;}

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

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

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

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

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

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

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


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





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



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

 #pun-about p.container {background-color: #;
   background-image : url(http://savepic.net/7587309.png);
   margin-left: -39px;
   background-position : center top;
   background-repeat : no-repeat;
   width: 900px;
   height : 183px; 
   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: 58px;
width: 575px;
margin-left: 170px;
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: 9px;
    height: 6px;
}
::-webkit-scrollbar-track {
background: #d3dce2;
}
::-webkit-scrollbar-thumb {
    background:#639bbc ;
}






/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(http://savepic.net/7537133.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://savepic.net/7540205.png) 0 top no-repeat,url(http://savepic.net/7543277m.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin:-12px 0 -12px 0!important;
  padding:12px 17px!important;
}









.tooltip {
	position: relative;
	}
.tooltip em {
	display: none;
	}
.tooltip:hover em {
	font-family: arial; 
font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px;
	display: block;
	position: absolute;
 	background: #7eabd0;
	color: #1967a7;
	padding: 10px 10px;
	bottom: 13px;
	right: 5;
	box-shadow: 0 0 1px #ccc;
 	border-radius: 0px;
	-webkit-border-radius: 1px;
 	-moz-border-radius: 1px;
	-webkit-box-shadow: 0 0 1px #000000;
	-moz-box-shadow: 0 0 1px #000000;
}
.tooltip:hover em i {
	position: absolute;
	bottom: -7px;
	right: 5px;
	border-top: 7px solid #000;
	border-left: 7px solid transparent;
	display: block;
}