a.menu:link, a.menu:visited, a.menu:active{text-decoration: none;
 
background-color: #000000;
font:normal 7pt Trebuchet Ms;
color: #ffffff;
line-height: 14pt;
text-transform: uppercase; 
text-align: center;
display:block;
width:200px;
border-bottom: 2px solid  grey;
}
a.menu:hover {
background-color:#27292b;
color:  #000000 ;
border-bottom :2px solid  #ffffff;}

/* CS1 Background and text colours
-------------------------------------------------------------*/
#pun-title table tbody tr .title-logo-tdr {position: relative; top: 3px ; z-index: 1 ;
}
/* 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 {
background-color: transparent;
color: #0D0E08;
}
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: transparent;
color: #0D0E08;
}
.admain {
margin: 1em 1em 1em 1em !important;
padding-left:15em;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2 {
background-image: url("http://sh.uploads.ru/jS27k.png");
background-position: center top;
background-repeat: no-repeat;
border-style: none;
border-width: 0;
height: 95px;
color:#CBD6B6;
font-family: 'Philosopher', sans-serif;
text-align:center;
text-shadow:1px 1px 0px #161617
}
.punbb h2 span, .punbb h1 span {
line-height: 60px;
}
#pun-redirect.punbb  #pun-main h1 {
background: none;
}

/* CS1.4 */
#pun-title, #pun-title .container{
color: #0D0E08;

  }
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color:transparent;
  }
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: none;
  color: #0D0E08;
  }
/* CS1.7 */
.punbb .quote-box, .punbb .code-box, .punbb .formal textarea {
border:medium double #7C5F38 !important;
box-shadow: inset #7C5F38 0 0 6px;
background: rgba(181, 151, 106, 0.4);
}
.punbb .formal textarea {
}
/* CS1.8 */

.offline li.pa-online strong {
  font-weight: normal;
  }
.punbb textarea, .punbb select, .punbb input {
color: #000000;
}
.punbb textarea, .punbb select {
background-color: #ECE7E1;
border:1px solid #CDB8AD;
}
/* CS2 Border colours
-------------------------------------------------------------*/
/* 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: #1d2125;
  }
/* CS2.3 */
#pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #1d2125;
  }
/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span {
  border-color: transparent;
  }
/* CS2.5 */
.punbb th, .usertable table  {
border-color: #1d2125;
}

/* CS2.6 */
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;
}
#pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
}
.punbb .divider {
border-color: transparent #42484e;
}
.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #d4d6d9;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
}
li.pa-online {
border-left-color: #1d2125;
}
/* CS3 Links
-------------------------------------------------------------*/
/* 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: #1C2901;
font-weight: none;
text-decoration: none;
  transition: all 0.3s ease 0s;
  }
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #332712 !important;
text-shadow: 1px 1px 0px #C1AB87;
  }
/* 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: #394915;
text-decoration: none;
  }
/* CS3.3 */
#pun-navlinks a {
color: #E4EAD5;
text-transform: uppercase;
font-family: 'Philosopher', sans-serif;
}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
text-shadow: 0 0 3px #42822E, 0 0 6px #42822E;
font-weight: normal;
font-style: normal;
  }
#pun-navlinks li a:hover {
 background-color: rgba(2, 15, 0, 0.2);
 border-color: rgba(2, 15, 0, 0.6) rgba(17, 75, 27, 0.4) rgba(59, 140, 76, 0.3) rgba(17, 75, 27, 0.4);
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #637b51;
  }
/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {background: url(http://sg.uploads.ru/zrv6F.png) no-repeat;}
tr.inew div.icon {background: url(http://sh.uploads.ru/6A4PM.png) no-repeat;}
tr.iclosed div.icon {background: url(http://sg.uploads.ru/vMd1i.png) no-repeat;}
tr.isticky div.icon {background: url(http://sh.uploads.ru/V1iz8.png) no-repeat;}
#pun-main div.catleft, #pun-main div.catright {display: none}


/* CS5 Other
-------------------------------------------------------------*/
.punbb .main thead .tcl, .main thead .tc2, .main thead .tc3, .main thead .tcr, .main thead .tcmod {
color:#544325;
text-transform: lowercase;
font-family: georgia;
}
HTML {
background: url("http://sg.uploads.ru/wxUSL.png") center top repeat-y, url('http://sh.uploads.ru/9QxRb.png') left top repeat;
background-color: #202831;
}
body { 
background-image: url("http://sg.uploads.ru/CoqrL.png");
background-position: center top;  
background-attachment:scroll;
background-repeat: no-repeat;
}
#pun_wrap {  
background-image: url("http://sg.uploads.ru/s6mi9.png"); background-repeat: no-repeat; background-position: center bottom ;
padding-bottom: 5em;
}

td.tcr a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url("----") no-repeat scroll 2px 50%;
padding-left:24px;
}
#drf a { 
color: #d4d6d9;
text-shadow:1px 1px 1px #000;
}

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(http://sg.uploads.ru/SICNv.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://sh.uploads.ru/Y4fcJ.png) 0 top no-repeat,url(http://sg.uploads.ru/4P7oM.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin:-12px 0 -12px 0!important;
  padding:12px 17px!important;
box-shadow: 0 0 2px #0C0904, 0 0 4px #0C0904;
color: #332712 !important;
}

.post-author{
width: 242px !important;
margin-left: 15px;
text-align: -;
font: 12px trebuchet ms !important;
}
.pa-author {
background-image: url('http://sh.uploads.ru/2wJlX.png');
backround-repeat: no-repeat;
width: 259px;
height: 45px;
background-position: center center;
margin-left: -25px !important;
margin-top: -25px !important;
line-height: 40px;
  transition: all 0.3s ease 0s;
}
.pa-author:hover {background-image: url('http://sg.uploads.ru/pyr1l.png');}

.pa-author a{
font-family: 'Philosopher', sans-serif;
color: #92A070 !important;
}
.pa-author a:hover{
font-family: 'Philosopher', sans-serif;
color: #E0EFBA !important;
text-shadow: 0 0 4px #87AD27, 0 0 6px #8EDB1A;
}
li.pa-title {font-family: 'Philosopher', sans-serif;
color: #332712 !important;
font-size: 14px !important;
text-shadow: 1px 1px 0px #C1AB87;
}
.post-content p::first-letter {
color: #24330C !important;
font-family: 'Philosopher', sans-serif;
font-size: 14pt;
font-weight: 700;
text-transform: capitalize;
padding-left: 10px;
}

.button {
    border: 4px outset #9c8f6b !important;
    background: #1d5022;
    padding: 5px 10px !important;
    color: #ffffff !important;
    text-align: center;
    vertical-align: middle;
    box-shadow: 10px 1px 20px rgba(102, 109, 97, 0.4), -10px 1px 20px rgba(112, 111, 99, 0.4), 0px 0px 4px #1d5022 inset;
    text-shadow: 0px 0px 3px #000;
font-family: 'Philosopher', sans-serif !important;
font-size: 14px !important;
}

.button:hover, .button:focus, .button:active{
color: #EFDBB8 !important;
background-color: #1d5022;
box-shadow: 10px 1px 20px rgba(112, 111, 99, 0.400), -10px 1px 20px rgba(112, 111, 99, 0.400), inset 0px 0px 10px #91F466;
}


a.sbla:link, a.sbla:visited { 
display: block; 
margin-bottom: 1px; 
text-transform: lowercase;
font-style: italic; 
font-family: georgia; 
font-size: 10px; 
letter-spacing: 1px;
border-radius: 10px; 
background: #2c2118; 
color: #c3b69d;  
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: georgia; 
font-size: 10px; 
letter-spacing: 5px; 
background: #170a00;
text-decoration: none; 
color:  #c3b69d; 
text-align: center; 
padding: 2px 2px 2px 20px;
border-radius: 10px;}

.tooltip {
	position: relative;
	}
.tooltip em {
	display: none;
	}
.tooltip:hover em {
	font-style: normal;
	display: block;
	position: absolute;
 	background: #9f9771;
	color: #FFF;
	padding: 10px 10px;
	bottom: 13px;
	right: 5;
	box-shadow: 0 0 5px #ccc;
 	border-radius: 5px;
	-webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 0 5px #000000;
	-moz-box-shadow: 0 0 5px #000000;
}
.tooltip:hover em i {
	position: absolute;
	bottom: -10px;
	right: 10px;
	border-top: 10px solid #000;
	border-left: 10px solid transparent;
	display: block;
}