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

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

 div#pun-ulinks {
       position: absolute;
       width: 100%;
       margin-left: 60px;
       top:920px;
text-align: center;
 }
#pun-ulinks a:hover { 
color: #aeb00d;
}
#pun-ulinks a {color: #a7a840;
}
 #pun-ulinks a {font-size: 13px;}
#pun-ulinks a {font-family: Franklin Gothic Medium;}





#pun .tcl {width: 50%;}
#pun .tcr {width: 20%;}




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

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

body { 
 background-color: #92bc54; 
 overflow-x: hidden;
 background-image : url("http://savepic.net/8131201.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: #220805;
  }

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

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

  }

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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #e4eb9b;
color: #2b0c0c;
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 2em #c4cc70;
}
  }

/* 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: #e4eb9b;
  color: #2b0c0c;
border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -khtml-border-radius:3px;
box-shadow: inset 0 0 2em #c4cc70;
border:double; 1 px;
border-color: #aeaf65;
}

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

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #4b7d00;
  }

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

  }

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

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #f2f6d9;
  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: #644f68;
  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: 39px;
width: 976px;
font-size:0 !important;
margin-left: -25px;}

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

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

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

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

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

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

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


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





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



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

 #pun-about p.container {background-color: #;
   background-image : url(http://savepic.net/8184448.png);
   margin-left: -134px;
   background-position : center top;
   background-repeat : no-repeat;
   width: 1150px;
   height : 311px; 
   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: 600px;
margin-left: 110px;
background-color: transparent;
background-image: url("///");
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: #d9ef91;
}
::-webkit-scrollbar-thumb {
    background:#a6b908 ;
}














.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: #cfce85;
	color: #5b5900;
	padding: 10px 10px;
	bottom: 13px;
	right: 5;
	box-shadow: 1 1 1px #dcb711;
 	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;
}








/*навигация*/
a.sbla:link, a.sbla:visited { 
display: block; 
margin-bottom: 1px; 
text-transform: lowercase; 
font-family: Playfair Display; 
font-size: 9 px; 
letter-spacing: 1px;
border-radius: 0px; 
background: #dce78f; 
color: #687341;  
padding: 2px 2px 2px 10px;}
a.sbla:hover, a.sbla:active { 
-moz-transition: 0.2s ease; 
-webkit-transition: 0.8s ease;  
display: block; 
text-transform: lowercase; 
font-family: Playfair Display; 
font-size: 9 px; 
letter-spacing: 4px; 
background: #bbc762; 
color: #b1bac5;  
text-align: center; 
padding: 2px 2px 2px 20px;
border-radius: 0px;}








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













/* ПОДФОРУМЫ*/
.podforum {width:280px; margin-top: -60px; padding: 30px; background: url(http://savepic.net/8160924.png) center 14px no-repeat, url(http://savepic.net/8152730.png) bottom no-repeat, url(http://savepic.net/8138394.png) repeat-y;  }
.podforumtext { width: 280px; background: transpanent; padding: 10px; font-family: Arial; font-size: 9px; color: #4c6200;letter-spacing: 1px; line-height: 12px; text-align: justify; text-shadow: 1px 1px 0px #ffffff; }
.podforumtext  p:first-letter { font-size: 25px; font-family: 'Lobster', sans-serif; color: #4c6200; text-transform: uppercase; float: left; margin: 5px 0px 5px 0px; text-shadow: 1px 1px 0px #ffffff, }
/* ссылки в подфорумах*/
.podforumlinx {font-family:'Arial'; font-size: 8px; text-transform: ; color: #33311a; background-color: #eceed1;  text-align: center;  font-weight: bold; width: 60px; display:inline; margin: 5px; padding: 5px; border-radius:5px;}









/* ХТМЛ В СООБЩЕНИЯХ */
.ocnova { width: 550px; background-color: #;  border: 0px solid #be7c2a;
background: url(http://funkyimg.com/i/25qHz.png) top no-repeat, url(http://funkyimg.com/i/25qGK.png) bottom no-repeat, url(http://funkyimg.com/i/25qGL.png) repeat-y;  
}
.ocnova1 {width: 450px; font-family: arial; line-height:13px; color: #; text-align: justify; padding: 3px; overflow: auto; }
.ocnova2 {text-align: center; font-family: 'Lobster';color: #6c7b03;  text-transform: lowercase; text-shadow: 1px 1px 0px #ffffff; }
.ocnova3 {width: 500px; font-family: Arial;  text-transform: lowercase; color: #4b5e02; text-shadow: 1px 1px 0px #ffffff; line-height: 1px; padding-top: 7px; letter-spacing: 7px;}
.scrolling::-webkit-scrollbar { background: #fff; width: 8px; } 
.scrolling::-webkit-scrollbar-thumb { background: #e5eae7; width: 8px }
.scrolling::-webkit-scrollbar-corner { background: #fff; }

/* оформление анкеты */
.ank{background-color: #92a60e; padding: 12px;border: 3px solid #92a60e; border-radius: 60px 0px 60px 0px;  background: url("http://funkyimg.com/i/25n4c.png");}
.ank1 {width: 300px;font-family: arial; font-size: 11px;color: #2f261e; text-align: justify; overflow: auto; background-color: #fcf6de;  border-radius: 40px 0px 40px 0px; ox-shadow: inset 0px 0px 30px 6px #b8c8c1;padding: 25px; border: 2px solid #c9d863;}
.ank2 { text-align: center; font-family: 'Lobster'; color: #3f4800;  text-shadow: 1px 1px 0px #ffffff,  2px 2px 0px #cfde68;}/*имя персонажа*/
.ank21 { text-align: center; font-family: 'Lobster'; color: #faf3d6;  text-shadow: 1px 1px 0px #3f4800,  2px 2px 0px #cfde68;}/*заголовки*/
.ank3 {font-family: arial; color: #623200;  letter-spacing: 4px; text-align: center; overflow: auto;}/*имя персонажа*/
.ank4 {-moz-border-radius: 150px;border-radius: 150px;height:150px;width:150px; border:6px solid #fcf6de;}
.ank6 {width: 230px; color: #2f261e; text-align: justify; overflow: auto; background-color: #fcf6de;  border-radius: 0px 0px 0px 0px; ox-shadow: inset 0px 0px 30px 6px #b8c8c1;padding: 17px; border: 2px solid #c9d863;}
.ank7 {width: 508px; margin-left: 8px; color: #2f261e; text-align: justify; overflow: auto; background-color: #fcf6de;  border-radius: 0px 0px 0px 0px; ox-shadow: inset 0px 0px 30px 6px #b8c8c1;padding: 17px; border: 2px solid #c9d863;}
.ank8 {width: 140px; color: #2f261e; text-align: justify; overflow: auto; background-color: #fcf6de;  border-radius: 0px 0px 0px 0px; ox-shadow: inset 0px 0px 30px 6px #b8c8c1;padding: 17px; border: 2px solid #c9d863;}
/* КОНЕЦ анкеты*/

/* оформление нужных */
.need0{background-color: #cfde68; padding: 12px;border: 3px solid #67c4db; border-radius: 60px 0px 60px 0px;  background: url("http://funkyimg.com/i/29VNf.png");}
.need1 {width: 300px;font-family: arial; font-size: 11px;color: #2f261e; text-align: justify; overflow: auto; background-color: #fcf6de;  border-radius: 40px 0px 40px 0px; ox-shadow: inset 0px 0px 30px 6px #b8c8c1;padding: 25px; border: 4px solid #ecd072;}
.need2 { text-align: center; font-family: 'Lobster'; color: #55b0d1;  text-shadow: 1px 1px 0px #ffffff,  2px 2px 0px #cfde68;}/*имя персонажа*/
.need21 { text-align: center; font-family: 'Lobster'; color: #498100;  text-shadow: 1px 1px 0px #ffffff,  2px 2px 0px #8c9d33;}/*заголовки*/
.need3 {font-family: arial; color: #022d5e;  letter-spacing: 4px; text-align: center; overflow: auto;}/*имя персонажа*/
.need4 {-moz-border-radius: 150px;border-radius: 150px;height:150px;width:150px; border:6px solid #fcf6de;}
.need7 {width: 508px; margin-left: 8px; color: #2f261e; text-align: justify; overflow: auto; background-color: #fcf6de;  border-radius: 0px 0px 40px 0px; ox-shadow: inset 0px 0px 30px 6px #b8c8c1;padding: 17px; border: 4px solid #ecd072;}