#pun-navlinks a span {font-size: 17px; text-transform: lowercase; text-shadow: #e4f7df 1px 1px; } 

/* 001 ФОН И ЦВЕТ ТЕКСТА
-------------------------------------------------------------*/

/* CS1.1 Цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.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, #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: #46423C;
font-weight: normal;
font-style: normal;}

/* настройка строки над формой ответа: напишите ваше сообщение и нажмите отправить */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span
{

}

/* форма быстрого и расширенного ответа */
.punbb textarea, .punbb select, .punbb input
{
  background-color: #d4ccc1;
  border-bottom: 0px solid #7c7467;
  border-top: 3px solid #cde696;
  border-radius:20px;
border: 3px double #cde696;
background-image: url(адрес фона); /* адрес картинки при желании */
color: #512d17;
}
/* настройки цитаты и кодов в сообщении*/
.punbb .quote-box, .punbb .code-box {
  padding: 7px;
  background-color: #cef0c7;
  border-radius: 20px;
  border-top: 5px solid #70a400;
  border-bottom: 5px solid #c06f1b;
  }

html {
background: url(http://funkyimg.com/i/WnDG.png);
}

#pun {background-color: #e7ded1; /* цвет pun фона если картинки отключены*/
background-image: url(http://funkyimg.com/i/Wv4M.png); /* адрес картинки pun фона */
}

/* 002 ГРАНИЦЫ
-------------------------------------------------------------*/

/* о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-style:none !important;
  }

/* 003 ССЫЛКИ
-------------------------------------------------------------*/

/* о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: #7cb473;
text-decoration: none;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited
{
color: #7cb473; /* лучше задавать близким или одинаковым с цветом текста на форуме */
}

/* о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: #b8ca87;
  }

/* о3. цвет ссылок меню в спокойном состоянии: форум, участники и т.д. */
#pun-navlinks a {
color: #7cb473;
text-decoration: none;
  }

/* о4. цвет ссылок меню при наведении: форум, участники и т.д. */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #b8ca87;
text-decoration: none;
  }

/* о5. цвет ссылок при наведении, как и в пункте о2 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: background-color: transpanent; 
color: #b8ca87;
  }

/* CS4 ГРАФИЧЕСКОЕ НАПОЛНЕНИЕ
-------------------------------------------------------------*/

/* иконки сообщений */
/* CS3 Èêîíêè ñòàðûõ, íîâûõ, âàæíûõ, çàêðûòûõ òåì */

/* CS3.1 старое*/
.punbb table Div.icon {float: right; 
display: block; 
border-style: none none none none;
margin-top: 5px;
width: 50px;
height: 50px;
background-image : url(http://sh.uploads.ru/LpMQ7.png);
background-repeat: no-repeat;}

/* CS3.2 Èêîíêà íîâûõ */
TR.inew Div.icon {
background-image : url(http://sg.uploads.ru/TJRh5.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;}

/* CS3.3 Èêîíêà âàæíûõ*/
TR.isticky Div.icon {
background-image : url(http://sh.uploads.ru/n2HXU.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;}

/* CS3.4 Èêîíêà çàêðûòûõ*/
TR.iclosed Div.icon {
background-image : url(http://sg.uploads.ru/9cox0.png);
background-repeat: no-repeat;
width: 50px;
height: 50px;}


/* логотип */
#pun-title table {background-color: transparent;
background-image : url(http://funkyimg.com/i/WRbZ.png);
background-repeat : no-repeat;
background-position: bottom center;
height: 407px;
width: 866px !important; 
margin-left: -20px;
}

/* футер */
#pun-about p.container {
font-size: 0px !important;
background-image: url(http://funkyimg.com/i/Wv5o.png);
background-position: top center;
background-repeat: no-repeat;
height: 129px; 
width: 866px !important;
margin-left: -20px;
}

div#html-footer {margin: -50px 0px 0px 0px;} /* отвечает за расположение футера */
div#pun-about {margin-bottom: 0px;} /* чем больше значение, тем выше низ */


#pun-about p.container a {
display: hidden;
}



.tooltip {
 position: relative;
 }
.tooltip em {
 display: none;
 }
.tooltip:hover em {
 font-style: normal;
 display: block;
 position: absolute;
 color: #c3b295;
background-color: #d5ccb4;
border:4px double #cbc1a5;
 padding: 5px 5px;
 bottom: 5px;
 right: 5px;
box-shadow: 0px 0px 40px #c1aa84 inset;
}

#pun-reputation div {
background-color: #f7e5e1;
}
.pa-respect { 
display: inline-block; margin-left: -10px;
text-align: center; 
padding:0px 0px;
width: 80px;
text-transform: lowercase;
box-shadow: 0px 2px 1px
padding-top:6px!important;
font-family: cuprum;
font-size: 11px;
}

.pa-posts { margin-left: 20px;
display: inline-block; margin-left: -10px;
text-align: center; 
padding:0px 0px;
width: 80px;
text-transform: lowercase;
box-shadow: 0px 2px 1px
padding-top:6px!important;
font-family: cuprum;
font-size: 11px;
}
#post fieldset legend span {
display:none;
}
/* Öèòàòû è êîä */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
background-color: #e9f2e9;
padding: 5px;
border-radius: 10px;
color: #426f32
border: 3px double #70a400;}

/* êíîïêè */
.punbb input {  background-color: #eefde9;
  padding: 5px;
  border-radius: 10px;
  -moz-box-shadow: inset 0 0 10px 5px #f6eedc;
  -webkit-box-shadow: inset 0 0 10px 5px #f6eedc;
  box-shadow: inset 0 0 10px 5px #c5eacd;
  color: #326f39;}

.msg-normal table .row4 .normalname { display: inherit; }

 ::-webkit-scrollbar-thumb:vertical { background-color: #608220;}
 ::-webkit-scrollbar-thumb:horizontal { background-color: #608220;}
 ::-webkit-scrollbar {height: 10px;
 width: 7px;
 background-color: #82b66a;}

/* основной код */

.zagolovok {font-size:40px; font-family: 'Nautilus Pompilius'; color:#a5c5e2; text-shadow: 1px 1px 0px #547fa6; letter-spacing: 0px; text-transform: lowercase; }
.zagolovok1 {font-size:20px; font-family: 'Nautilus Pompilius'; color:#70a3cf; text-shadow: 1px 1px 0px #bad1b6; letter-spacing: 0px; text-transform: lowercase; }
.razosnova {width: 540px; height: auto; padding-top: 10px; padding-bottom:10px; background-color: #c5afcc; border-radius: 80px 80px;}
.dvaosnova {width: 510px; height: avto; padding: 10px; background-color: #e3eef7; box-shadow: 0 0 20px #bed5ea inset; border-radius: 80px 80px; margin-left:-2px; font-size: 10px; color: #4777a3; letter-spacing: 1px;}
.tochki {margin-top: -70px; font-size:30px; font-family: 'Nautilus Pompilius'; color:#a5c5e2; text-shadow: 1px 1px 0px #547fa6; letter-spacing: 0px; text-transform: lowercase;}
.tekstodin {width text: 340px; font-size: 10px; color: #4784a3; letter-spacing: 2px; line-height: 90%; background-color: #d7dde3; padding: 10px; text-align: justify; border-radius: 60px 60px;}



/* АНКЕТА */
#CHARACTERNAME .ship b { color:#HEXCODEHERE; }
#CHARACTERNAME ::-webkit-scrollbar-thumb, #CHARACTERNAME .top, #CHARACTERNAME .bottom { background-color:#HEXCODEHERE; }
#louisship1 { width:450px; height:572px; padding:10px; background-color:#4aaf2b; border:1px solid #f5f5f5; position:relative;   border-radius: 10px;
-moz-box-shadow: inset 0 0 10px 5px #5cb228;
-webkit-box-shadow: inset 0 0 10px 5px #5cb228;
box-shadow: inset 0 0 10px 5px #59b228;
color: #020202;
border-radius: 15px 0px 25px 0px;
border:#1aa813 double 3px}
#louisship1 ::-webkit-scrollbar { width:2px; height:2px; }
#louisship1 ::-webkit-scrollbar-track {background-color:#fdfdfd;}
#louisship1 ::-webkit-scrollbar-thumb { background-color:#f1f097; }
#louisship1 .top { width:450px; height:572px; background-color:#f1ef4e; position:absolute; top:10px; left:10px; }
#louisship1 .white { width:377px; height:498px; padding:25px; background-color:#fdfdfd; border:1px solid #f5f5f5; position:absolute; top:20px; left:20px; }
.divinegif { width: 150px; height: 150px; background-size: auto 150px; background-position: center center; border: 5px solid #f1f097; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,0.1); }
#louisship1 .name { width:171px; margin-left:10px; text-align:center; border:1px solid #f5f5f5; padding:5px 0px; line-height:100%; font-family:arial; font-size:7px; letter-spacing:1px; text-transform:uppercase; color:#777; }
#louisship1 .info { width:171px; margin:2px 0px 0px 10px; text-align:center; background-color:#f9f9f9; border:1px solid #f9f9f9; padding:5px 0px; line-height:100%; font-family:arial; font-size:7px; letter-spacing:1px; text-transform:uppercase; color:#777; }
#louisship1 .ship { margin-top:10px; width:275px; padding-right:3px; height:93px; overflow:auto; text-align:justify; font-family:times; font-size:10px; color:#999; line-height:100%; }
#louisship1 .ship b { color:#f2f043; font-size:11px;
#louisship1 .top { width:450px; height:572px; background-color:#f2f043; position:absolute; top:10px; left:10px; }
.qute {width: 170px; margin-left: 10px; height: 7px; text-transform: uppercase; line-height: 100%; text-align: left;  font-weight: normal; font-size: 7px; margin-right: 5px; }
 }


.altair {
float: left;
}

.altair label {
display: block;
background-color: #74b04f;
padding: 7px;
color: #ffffff;
left: 10px;
top: 20px;
margin-right: 16px;
font-family: arial;
font-size:10px;
text-transform: uppercase;
text-align: center;
}

.altair [type=radio] {
display: none;  
}

.rigel {
position: absolute;
top: 300px;
bottom: 0px;
left: 15px;
right: 0px;
background-color: #f8f6e6;
padding: 20px;
width: 350px;
height: 170px;
text-align: justify;
font-family: verdana;
font-size: 9px;
overflow: auto; 
  border-radius: 10px;
-moz-box-shadow: inset 0 0 10px 5px #e9ebb2;
-webkit-box-shadow: inset 0 0 10px 5px #e9ebb2;
box-shadow: inset 0 0 10px 5px #e9ebb2;
color: #6a5420;
border-radius: 15px 0px 25px 0px;
border:#f7f5d6 double 3px
}

.rigel::-webkit-scrollbar { width: 2px; height: 2px; }
.rigel::-webkit-scrollbar-track { background-color: #3aac1c; }
.rigel::-webkit-scrollbar-thumb { background-color: #f1f097; }

[type=radio]:checked ~ label {
background-color: #f1f097;
color: #5a0f6a;
z-index: 2;
}

[type=radio]:checked ~ label ~ .rigel {
z-index: 1;
}