COR CHAT BOX

Qual é minha questão:
ja tive um problema com o chatbox uma vez e o Daemon me ajudou sehue abaixo o link:

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Porem desta vez nao esta resultando.

Queria mudar o fundo do chat box pois ele esta pegando o background do forum e fica um pouco feio.
Tb queria mudar a cor daquela barra azul do chat.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Poderia me Passar sua CSS para fazermos umas modificações

Código:

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #00000;
 background-color:#000000;
background-image:url(http://i58.servimg.com/u/f58/18/22/79/15/bg11.jpg);
background-repeat: no-repeat
margin: 0;
padding: 12px 0;
}
.pun {
-moz-border-radius: 6px;
-moz-box-shadow: 2px 2px 19px #000;
-o-box-shadow: 2px 2px 19px #000;
-webkit-border-radius: 6px;
-webkit-box-shadow: 2px 2px 19px #000;
background-color: #e9e9e9;
border-radius: 3px;
box-shadow: 2px 2px 19px #000;
margin: 0 auto;
max-width: 1084px;
padding: 12px 15px;
}
#pun-head {
display: none;
}
#pun-visit.clearfix {
display: none!important;
}
#pun-intro {
display: none;
}
/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
.maintitle-m {
background: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/maintitle-m.gif") repeat-x top;
width: 100%;
height: 45px;
}
.maintitle-l {
background: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/maintitle-l.png") no-repeat top left;
width: 33px;
height: 45px;
float: left;
}
.maintitle-r {
background: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/maintitle-r.png") no-repeat top right;
width: 441px;
height: 45px;
float: right;
}
ul.topiclist {
display: block;
list-style-type: none;
margin: 0;
}
ul.topiclist li {
display: block;
list-style-type: none;
color: #777777;
margin: 0;
}
li.header dl.icon {
min-height: 0;
}
li.header dl.icon dt {
padding-left: 0;
padding-right: 50px;
}
li.header dd, li.header dt {
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1em;
text-transform: uppercase;
font-weight: bold!important;
}
.nombreforoabajo {
  margin-top: 14px!important;
padding-bottom: 14px;
color: #ffffff;
text-shadow: 0 1px 1px #000;
text-decoration: none;
text-transform: uppercase!important;
}

li.header dl.icon dt {
padding-left: 0;
padding-right: 50px;
}

li.header dt, li.header dd {
color: #FFFFFF;
}

dl.icon dt {
padding-left: 45px;
background-repeat: no-repeat;
background-position: 5px 95%;
}

li.header dt {
font-weight: bold;
}

li.header dt, li.header dd {
line-height: 1em;
border-left-width: 0;
margin: 2px 0 4px 0;
color: #FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.mainfoot-m {
background: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainfoot-m.gif") repeat-x top;
width: 100%;
height: 9px;
}
.mainfoot-l {
background: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainfoot-l.png") no-repeat top left;
width: 14px;
height: 9px;
float: left;
}
.mainfoot-r {
background: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainfoot-r.png") no-repeat top right;
width: 14px;
height: 9px;
float: right;
}
.pun tbody.statused span.status img {
margin-left: -21px;
}
.fixcatrowforo {
  margin-left: 24px;
  font-size: 1.1em
}
a.forumtitle:hover {
color: #d31111;
text-decoration: underline!important;
}
a.forumtitle {
color: #840000!important;
}
.pun table.table td {
border-bottom: 1px solid #DDD!important;
border-style: none;
height: auto!important;
background-color: #f9f2ee;
background-image: url("./styles/graand_red/theme/images/gradient.gif");
}
td.topics {
font-size: 12px;
text-align: center;
width: 7%;
}
td.topics span {
font-size: 11px;
color: #840000;
font-weight: normal;
border: 0!important;
}
/*crumbs*/
.pun-crumbs {
background-color: #fff;
border-radius: 3px;
color: #777777;
width: auto;
border: 1px solid #cbcbcb;
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.pun-crumbs p {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #1e1e1e;
border: 1px solid #000;
border-radius: 3px;
color: #FFF!important;
font-family: Arial, Helvetica, sans-serif;
padding-left: 5px;
font-size: 11px;
padding-top: 8px;
padding-bottom: 8px;
text-shadow: 0 1px 1px #000;
text-transform: uppercase;
width: auto;
}
.pun-crumbs p a {
  color: #FFF!important;
}
element.style {
}
.pun a:visited {
color: #666;
}
.pun a:link {
color: #00569c;
}
.pun-crumbs p a:hover {
text-decoration: underline!important;
}
/*END Crumbs*/

/*main head del foro entire*/
.main .main-head {
border-radius: 3px;
background-image: url(http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainnav-m.gif);
background-repeat: repeat-x;
color: #fff;
font-size: 11px;
font-weight: 700;
height: auto;
width: auto;
}

/*header y navbar*/
.mainhead-m {
width: 100%;
height: 130px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainhead-m.gif");
background-repeat: repeat-x;
font-size: 11px;
font-weight: bold;
color: #ffffff;
margin-bottom: 5px;
}
.mainhead-l {
float: left;
width: 132px;
height: 130px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainhead-l.png");
background-repeat: no-repeat;
background-position: left;
}
.logo-bar {
float: left;
height: 96px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/logo-bar.png");
background-repeat: no-repeat;
background-position: left;
float: left;
width: 459px;
margin-left: -11px;
margin-top: 18px;
}
a:visited {
color: #840000;
}

a:link {
color: #840000;
}
.mainhead-r {
float: right;
width: 132px;
height: 130px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainhead-r.png");
background-repeat: no-repeat;
background-position: right;
}
#search-box {
color: #FFFFFF;
}
index.phpmedia="screen, projection"
#search-box {
color: #FFFFFF;
position: relative;
margin-top: 30px;
margin-right: 5px;
display: block;
float: right;
text-align: right;
white-space: nowrap;
}
index.phpmedia="screen, projection"
.search-container {
background-color: #121212;
padding: 20px;
-webkit-box-shadow: inset 0px 1px 0 #cd0604, 0 0 1px #cd0604;
-moz-box-shadow: inset 0px 1px 0 #cd0604, 0 0 1px #cd0604;
box-shadow: inset 0px 1px 0 #cd0604, 0 1px 0#cd0604;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #000;
}
.mainhead-m {
font-size: 11px;
font-weight: bold;
color: #ffffff;
}
fieldset {
border-width: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.1em;
}
#search-box #keywords {
background-color: #000;
}
index.phpmedia="screen, projection"
#search-box #keywords {
width: 95px;
}
index.phpmedia="screen, projection"
#search-box input {
background: #9e0000;
color: #ffffff;
text-shadow: 0 0 2px #000;
border: 1px solid #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 4px 10px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
text-shadow: 0 0 2px #000;
font: 11px tahoma;
text-decoration: none;
}
#search-box input {
background: #9e0000;
color: #ffffff;
text-shadow: 0 0 2px #000;
border: 1px solid #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 4px 10px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
text-shadow: 0 0 2px #000;
font: 11px tahoma;
text-decoration: none;
}
index.phpmedia="screen, projection"
#search-box input {
border: 1px solid #b0b0b0;
}
index.phpmedia="screen, projection"
a.button2, input.button2, input.button3 {
border-color: #840000;
}
index.phpmedia="screen, projection"
a.button1, input.button1, input.button3, a.button2, input.button2 {
background: #9e0000;
color: #ffffff;
text-shadow: 0 0 2px #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px 10px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
text-shadow: 0 0 2px #000;
font: 11px tahoma;
text-decoration: none;
margin-bottom: 1px;
}
/* Search box
--------------------------------------------- */
#search-box {
   color: #FFFFFF;
   position: relative;
   margin-top: 30px;
   margin-right: 5px;
   display: block;
   float: right;
   text-align: right;
   white-space: nowrap; /* For Opera */
}

#search-box #keywords {
   width: 95px;
   background-color: #FFF;
}

#search-box input {
   border: 1px solid #b0b0b0;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
   padding: 1px 5px;
}

#search-box li {
   text-align: right;
   margin-top: 4px;
}

#search-box img {
   vertical-align: middle;
   margin-right: 3px;
}

/* Site description and logo */
#site-description {
   float: left;
   width: 70%;
}

#site-description h1 {
   margin-right: 0;
}
.search-container {
background-color: #121212;
padding: 20px;
-webkit-box-shadow: inset 0px 1px 0 #cd0604, 0 0 1px #cd0604;
-moz-box-shadow: inset 0px 1px 0 #cd0604, 0 0 1px #cd0604;
box-shadow: inset 0px 1px 0 #cd0604, 0 1px 0#cd0604;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #000;
}
/*fix importante de el header*/
.fixmainhead {
margin: 0 auto;
max-width: 1117px;
}
/*END fix importante del header*/

/*arreglo sarch-box*/
#keywords {
background-color: #000;
color: #ffffff;
text-shadow: 0 0 2px #000;
border: 1px solid #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 4px 10px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
text-shadow: 0 0 2px #000;
font: 11px tahoma;
text-decoration: none;
}

a.button2, input.button2, input.button3 {
border-color: #840000;
}
search-box #keywords {
width: 95px;
background-color: #FFF;
}

fieldset {
border-width: 0!important;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.1em;
}
a.button2, input.button2, input.button3 {
border-color: #840000;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0;
}
button.button2, input.button2 {
background: #9e0000;
color: #ffffff;
text-shadow: 0 0 2px #000;
border: 1px solid #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 4px 10px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
text-shadow: 0 0 2px #000;
font: 11px tahoma;
text-decoration: none;
}
#search-box a {
color: #FFFFFF;
display: block;
text-align: right;
}
button.button2:hover, input.button2:hover {
background-position: 0 100%;
border: 1px solid #b42000;
color: #FFFFFF;
}
/*ahora la navbar*/
.mainnav-m {
width: 100%;
height: 34px;
margin-bottom: 6px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainnav-m.gif");
background-repeat: repeat-x;
font-size: 11px;
font-weight: bold;
color: #ffffff;
position: relative;
}
.mainnav-l {
float: left;
height: 34px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainnav-l.png");
background-repeat: no-repeat;
background-position: left;
}
.mainnav-m img {
vertical-align: middle;
margin-top: -2px;
padding-right: 3px;
margin-left: 5px;
}
.mainnav-m a:link {
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
}
.mainnav-r {
float: right;
height: 34px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainnav-r.png");
background-repeat: no-repeat;
background-position: right;
}

.mainnav-m img {
vertical-align: middle;
margin-top: -2px;
padding-right: 3px;
margin-left: 5px;
}
.mainnav-m a:visited {
color: #ffffff;
text-decoration: none;
}
.mainnav-m a:link {
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
}
.mainnav-m a:hover, .mainnav-m a:active {
color: #ffffff;
text-decoration: underline!important;
}
/*fix importante de la nav*/
.fixmainnav {
margin: 0 auto;
max-width: 1117px;
}
/*END fix importante de la nav*/

/* variaciones*/
.pun table .tdtopics img {
margin-left: -16px!important;
margin-top: 3px;
vertical-align: middle;
}
.fixderecha {
margin-left: 21px;
}
.main .main-foot {
border: 3px solid #fff!important;
background-color: #1e1e1e;
border-radius: 3px;
width: auto;
border: 1px solid #000;
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #FFFFFF;
text-shadow: 0 1px 1px #000;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.mini_ava {
float: left;
}
.mini_ava img {
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 0 0 1px rgba(255,255,255,1), 0 1px 0 rgba(255,255,255,1);
background-color: #000000;
border-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 0 0 1px rgba(255,255,255,1), 0 1px 0 rgba(255,255,255,1);
height: 36px;
margin: 0 5px;
padding: 2px;
}
/*END Variaciones*/

/*footer*/
.copyright {
  font-size: 11px;
   padding: 5px;
   text-align: center;
   color: #555555;
}

.small {
   font-size: 0.9em !important;
}

.titlespace {
   margin-bottom: 15px;
}

/*box login css*/
.stat-round {
background-color: #fff;
text-align: left;
color: #777777;
width: auto;
border: 1px solid #cccccc;
padding: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 11px;
height: auto;
}
.stat-round h3 {
  border-bottom-color: #CCCCCC;
color: #980000;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.05em;
margin-top: 6px;
}
.stat-round h3 a {
color: #980000!important;
}
.main-box {
background-color: transparent;
border: 0!important;
}

/*leyenda*/
ul#pun-legend {
color: #444;
font-family: Arial, sans-serif;
font-size: 11px;
height: 37px;
line-height: 37px;
margin: 0;
text-align: left;
}
ul#pun-legend img {
margin-left: 10px;
position: relative;
top: 9px;
}
/*topic_body CSS*/
.pun .post .user {
float: left;
font-size: 12px;
padding: 10px 30px;
text-align: center;
width: 150px;
}
.pun .postmain {
background: #fff;
border-left: 1px solid #E2E2E2;
height: 100%;
margin: 0 0 0 175px;
padding-left: 12px;
padding-right: 10px;
}
.postfoot {
border-top: 0;
clear: both;
margin-left: -13em;
padding: .5em 1em;
text-align: right;
}
.pun .user .user-info {
color: #666;
line-height: 1.8em;
margin-left: -1px;
font-size: 11px;
}
#postuser {
  margin-top: -12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin-bottom: 6px;
}

#creadordelpost img {
background: #9e0000;
border: 1px solid #740101;
box-shadow: rgba(255,255,255,0.298039) 1px 1px inset;
margin-left: -4px;
padding: 0;
max-width: 125px!important;
max-height: 125px!important;
}
.pun .posthead {
background: transparent;
padding: .5em 1.3em .5em 1em;
border-bottom: 1px solid #9e0000;
font-size: 11px;
}
.pun .topic {
margin-top: 5px;
margin-bottom: 5px;
border-radius: 7px;
background: #fafafa;
border: 1px solid #ddd;
border-style: none solid;
}
.pun .post {
border: 0;
border-top: 1px solid #eee;
}

/*rank regalo*/
#rank1 {
background: #9e0000;
border: 1px solid #680101;
padding: 5px 10px;
border-radius: 3px;
box-shadow: rgba(255,255,255,0.298039) 1px 1px inset;
font-size: 11px;
font-weight: 100!important;
color: #FFFFFF;
text-shadow: 0px -1px 0px #000;
}
#meuprofile {
  display: block;
margin-top: 3px;
text-align: left;
color: #000000!important;
font-variant: small-caps;
font-weight: bold!important;
font-size: 15px;
border-bottom: 4px solid #9e0000;
margin-bottom: 5px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 4px;
}
#tabs ul li.activetab a {
background: #312E2E!important;
border: 1px solid #161515;
color: #fff!important;
text-decoration: none!important;
}
#tabs ul li a {
text-align: center;
color: #fff;
float: left;
font-size: 1.1em;
font-weight: 400;
line-height: 2em;
padding: 1px 10px;
text-decoration: none;
background: #8F0202!important;
border: 1px solid #680101;
}
#tabs ul li a:hover {
opacity: 0.9;
}
/*sceditor test*/
div.sceditor-group {
-moz-background-clip: padding;
-moz-border-radius: 3px;
-webkit-background-clip: padding-box;
-webkit-border-radius: 3px;
background: #ddd;
background-clip: padding-box;
border-bottom: 1px solid #aaa;
border-radius: 3px;
display: inline-block;
margin: 1px 5px 1px 0;
padding: 1px;
}
.sceditor-toolbar {
background: transparent!important;
border-bottom: 0!important;
}
.sceditor-container iframe, .sceditor-container textarea {
border-color: #DDD !important;
border-style: solid!important;
border-width: 1px!important;
min-height: 180px;
}
.sceditor-container iframe, .sceditor-container textarea {
background: #fff;
border: 0;
color: #111;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 13px;
margin: 5px;
outline: 0;
padding: 0;
resize: none;
}
.sceditor-container {
background-color: transparent!important;
border: 1px solid #D8D8D8!important;
border-radius: 2px!important;
}

.sceditor-group {
  background: transparent!important;
border-bottom: 0!important;
}

/*barra negra en el footer*/

.nav-box1 {
    background-color: #fff;
    border-radius: 3px;
    color: #777777;
    width: auto;
    border: 1px solid #cbcbcb;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.nav-box2 {
    background-color: #1e1e1e;
    border-radius: 3px;
    width: auto;
    border: 1px solid #000;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
   color: #FFFFFF;
   text-shadow: 0 1px 1px #000;   
   font-size: 1em;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;   
overflow: hidden;
}
.nav-box2 a:link {
   color: #FFFFFF;
   text-shadow: 0 1px 1px #000;   
   font-size: 1em;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;   
   text-decoration: none;
font-size: 11px!important;
}
.nav-box2 a:visited {
   color: #FFFFFF;
   font-size: 1em;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase;   
   text-decoration: none;
}

.nav-box2 a:hover, .nav-box2a:active {
   color: #FFFFFF;
   text-shadow: 0 1px 1px #000;   
   font-size: 1em;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: uppercase!important;   
   text-decoration: underline;
}


icon-home {
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/icon_home.png");
}
.icon-team {
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/icon_team.png");
}

ul.linklist {
   display: block;
   margin: 0;
}

ul.linklist li {
   display: block;
   list-style-type: none;
   float: left;
   width: auto;
   margin-right: 5px;
   font-size: 1.1em;
   line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
   float: right;
   margin-right: 0;
   margin-left: 5px;
   text-align: right;
}

ul.navlinks {
   padding-bottom: 1px;
   margin-bottom: 1px;
   border-bottom: 1px solid #FFFFFF;
   font-weight: bold;
}

ul.leftside {
   float: left;
   margin-left: 0;
   margin-right: 5px;
   text-align: left;
}

ul.rightside {
   float: right;
   margin-left: 5px;
   margin-right: -5px;
   text-align: right;
}
sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout, .icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search, .icon-team, .icon-delete {
background-position: 0 50%;
background-repeat: no-repeat;
background-image: none;
padding: 1px 0 0 17px;
}
p.rightside, ul.linklist li.rightside {
float: right;
margin-left: 5px;
margin-right: 0;
text-align: right;
font-size: 11px!important;
margin-top: 3px;
} 

#pun-about {
background-color: transparent;
border: 0!important;
line-height: 150%;
padding: .6em 1em;
text-align: right;
font-size: 11px!important;
font-weight: 100!important;
}
#pun-about #qjump {
display: none;
}
#pun-foot .center.admin a {
-moz-background-clip: padding;
-moz-border-radius: 3px;
-moz-box-shadow: rgba(0,0,0,0.5) 0 1px 3px, inset rgba(255,255,255,0.2) 0 1px 0px, inset rgba(255,255,255,0.1) 0 0 0 1px;
-webkit-background-clip: padding-box;
-webkit-border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 3px, inset rgba(255,255,255,0.2) 0 1px 0px, inset rgba(255,255,255,0.1) 0 0 0 1px;
background: #9e0000;
border: 1px solid #000;
border-radius: 3px;
box-shadow: rgba(0,0,0,0.5) 0 1px 3px, inset rgba(255,255,255,0.2) 0 1px 0px, inset rgba(255,255,255,0.1) 0 0 0 1px;
color: #fff;
font-family: tahoma;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding: 4px 10px;
text-decoration: none;
text-shadow: 0 0 2px #000;
}
#pun-foot .center.admin a:hover {
opacity: 0.8;
}
#pun-foot .center.admin a:active {
  position: relative;
top: 2px;
}
.pun .posthead img, .pun table .tdtopics img {
margin: 0!important;
vertical-align: middle;
}
#profile-advanced-details .stats-field legend {
background: #fff;
font-weight: 100!important;
display: inline-block;
padding: 2px 6px;
border: 1px solid #CCCBCB;
}
#profile-advanced-details .stats-field {
background: #FFF;
margin: 4px 0 10px 4px;
padding: 0 10px 6px;
border: 1px solid #ddd;
}
/**********************************************HUGO*********************************************************/

/***AVATAR NAS RESPOSTAS***/

/*quick avatar*/
#quick-avatar {
    float: left;
    margin: 21px;
}
#quick-avatar img {
width: 50px;
height: 50px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
}
#quick-avatar img:hover {
  border-color: #A1A1A1;
}

/***EXCLUIR POST***/
.popup_delete {
background-color: #464646;
background-color: rgba(70, 70, 70, 0.6);
padding: 4px;
-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
z-index: 999;
bottom: 5px;
right: 5px;
position: fixed;
}
.popup_delete_Inner {
background: white;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
overflow-x: hidden;
width: 350px;
max-height: 642px;
}
.popup_delete_Inner h3 {
background: -moz-linear-gradient(#444,#000);
background-color: #000;
background-image: -webkit-linear-gradient(#444,#000);
text-align: left;
color: white;
padding: 8px 10px 9px;
font-size: 16px;
font-weight: 300;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.Box_delete {
background: #f0f0f0;
padding: 9px;
}
.Box_container {
background: #fdfdfd;
border: 1px solid #dcdcdc;
}
.delete_center {
padding: 9px;
text-align: center;
}
.delete_center p {
margin-bottom: 5px;
}
.popup_delete_Close {
cursor: pointer;
position: absolute;
right: 20px;
top: 15px;
}
/*** NUMERO DAS PAGINAS***/
p.pag,.paging{
border-radius:3px;
color: white;
margin: 4px 0 9px 0;}
#blog_comments .paging,#blog_comments p.pag{
color:#F1F1F1;}
td p.pag a,.paging a, td p.pag b, .paging b, .paged-foot .paging a, .paged-foot .paging b, .paged-foot .paging a:hover{
border-radius:3px;
padding: 6px 9px 6px 9px !important;
margin-right: 3px !important;
font-size: 12px !important;}
td p.pag a,.paging a, .paged-foot .paging a{
border-radius:3px;
color: #666666 !important;
border: solid 1px #B3B3B3 !important;
background-color: #DEDEDE;
background:-moz-linear-gradient(#F2F2F2,#BABABA);
background-image: -webkit-linear-gradient(#F2F2F2,#BABABA);
text-shadow: 0px 1px #EBEBEB !important;
box-shadow: 0px 1px #D4D4D4 !important;
-moz-box-shadow: 0px 1px #D4D4D4 !important;
-webkit-box-shadow: 0px 1px #D4D4D4 !important;}
td p.pag b, .paging b, td p.pag a:hover, .paging a:hover{
border-radius:3px;
border: solid 1px #878787 !important;
color: #EBEBEB !important;
background-color: #58E862;
background:-moz-linear-gradient(#BABABA,#DBDBDB);
background-image: -webkit-linear-gradient(#BABABA,#DBDBDB);
text-shadow: 0px 1px #666666 !important;
box-shadow: 0px 1px #D4D4D4 !important;
-moz-box-shadow: 0px 1px #D4D4D4 !important;
-webkit-box-shadow: 0px 1px #D4D4D4 !important;}
p.pag img,.paging img,.paged-foot .paging img{postion:relative;
top:-3px;
margin-top:-5px!Important;
vertical-align: center !important;}

/**perfil elegante***/
    .pun .user-ident .username {
    background: #F0F0F0 url(http://i10.servimg.com/u/f10/17/41/76/40/wrapta10.png) repeat-x;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    display: block;
    font-family: Arvo;
    font-size: 1.5em;
    font-weight: 400!important;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 8px!important;
    position: relative;
    text-align: center;
    text-decoration: none;
    }
    .pun .user-ident .user-basic-info {
    background: #F0F0F0 url(http://i10.servimg.com/u/f10/17/41/76/40/wrapta10.png) repeat-x;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    color: white;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.8em;
    margin: 5px auto;
    padding: 15px;
    text-align: center;
    text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);
    }
    .pun .user .user-info {
    background: #F0F0F0 url(http://i10.servimg.com/u/f10/17/41/76/40/wrapta10.png) repeat-x;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    color: #666;
    line-height: 1.8em;
    margin: 5px auto;
    padding: 10px;
   
    hr {
    border: 0 none #D6D6D6;
        border-bottom: 1px solid white;
        border-top: 1px solid #D6D6D6;
 

Crie um JS com investimento em todas as páginas

Código:

if(localStorage['chat_aberto']===null)localStorage['chat_aberto']='false';
function open(){
localStorage['chat_aberto']='true';
document.getElementById('new_chat').contentWindow.document.getElementById('chatbox').scrollTop=99999;
aberto=1
}
function close(){
localStorage['chat_aberto']='false';
aberto=0
}
function chat(){
$('#new_chat').fadeToggle('150', function(){(
$(this).is(':visible'))?open():close();
});
}
function sChat(){
$('#user_count').html(''+$('#new_chat').contents().find('.online-users, .away-users').find('li').length);
$('#msgs').html(''+$('#new_chat').contents().find('#chatbox p .user').length);
}
$(function(){
$(document.body).before("<div id='bschat'><iframe id='new_chat' src='/chatbox' frameborder='0'></iframe></div>
<a href='javascript:chat()'>
<div class='chat_bar'>Chatbox: <img src='https://cdn3.iconfinder.com/data/icons/sweetiev3/png-24/16-member-add.png'><span id='user_count'>0</span> <img src='https://cdn0.iconfinder.com/data/icons/16x16-free-toolbar-icons/16/49.png'><span id='msgs'>0</span>
</div>
</a>");
$('#user_count').html('0');
$('#msgs').html('0');
if(localStorage['chat_aberto']=="false"){
$('#new_chat').hide();
aberto=0
}
else{$('#new_chat').show();aberto=1}
setInterval(sChat,800)});

e substitua seu CSS por este

Código:

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #00000;
 background-color:#000000;
background-image:url(http://i58.servimg.com/u/f58/18/22/79/15/bg11.jpg);
background-repeat: no-repeat
margin: 0;
padding: 12px 0;
}
.pun {
-moz-border-radius: 6px;
-moz-box-shadow: 2px 2px 19px #000;
-o-box-shadow: 2px 2px 19px #000;
-webkit-border-radius: 6px;
-webkit-box-shadow: 2px 2px 19px #000;
background-color: #e9e9e9;
border-radius: 3px;
box-shadow: 2px 2px 19px #000;
margin: 0 auto;
max-width: 1084px;
padding: 12px 15px;
}
#pun-head {
display: none;
}
#pun-visit.clearfix {
display: none!important;
}
#pun-intro {
display: none;
}
/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
.maintitle-m {
background: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/maintitle-m.gif") repeat-x top;
width: 100%;
height: 45px;
}
.maintitle-l {
background: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/maintitle-l.png") no-repeat top left;
width: 33px;
height: 45px;
float: left;
}
.maintitle-r {
background: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/maintitle-r.png") no-repeat top right;
width: 441px;
height: 45px;
float: right;
}
ul.topiclist {
display: block;
list-style-type: none;
margin: 0;
}
ul.topiclist li {
display: block;
list-style-type: none;
color: #777777;
margin: 0;
}
li.header dl.icon {
min-height: 0;
}
li.header dl.icon dt {
padding-left: 0;
padding-right: 50px;
}
li.header dd, li.header dt {
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1em;
text-transform: uppercase;
font-weight: bold!important;
}
.nombreforoabajo {
  margin-top: 14px!important;
padding-bottom: 14px;
color: #ffffff;
text-shadow: 0 1px 1px #000;
text-decoration: none;
text-transform: uppercase!important;
}

li.header dl.icon dt {
padding-left: 0;
padding-right: 50px;
}

li.header dt, li.header dd {
color: #FFFFFF;
}

dl.icon dt {
padding-left: 45px;
background-repeat: no-repeat;
background-position: 5px 95%;
}

li.header dt {
font-weight: bold;
}

li.header dt, li.header dd {
line-height: 1em;
border-left-width: 0;
margin: 2px 0 4px 0;
color: #FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.mainfoot-m {
background: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainfoot-m.gif") repeat-x top;
width: 100%;
height: 9px;
}
.mainfoot-l {
background: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainfoot-l.png") no-repeat top left;
width: 14px;
height: 9px;
float: left;
}
.mainfoot-r {
background: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainfoot-r.png") no-repeat top right;
width: 14px;
height: 9px;
float: right;
}
.pun tbody.statused span.status img {
margin-left: -21px;
}
.fixcatrowforo {
  margin-left: 24px;
  font-size: 1.1em
}
a.forumtitle:hover {
color: #d31111;
text-decoration: underline!important;
}
a.forumtitle {
color: #840000!important;
}
.pun table.table td {
border-bottom: 1px solid #DDD!important;
border-style: none;
height: auto!important;
background-color: #f9f2ee;
background-image: url("./styles/graand_red/theme/images/gradient.gif");
}
td.topics {
font-size: 12px;
text-align: center;
width: 7%;
}
td.topics span {
font-size: 11px;
color: #840000;
font-weight: normal;
border: 0!important;
}
/*crumbs*/
.pun-crumbs {
background-color: #fff;
border-radius: 3px;
color: #777777;
width: auto;
border: 1px solid #cbcbcb;
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.pun-crumbs p {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #1e1e1e;
border: 1px solid #000;
border-radius: 3px;
color: #FFF!important;
font-family: Arial, Helvetica, sans-serif;
padding-left: 5px;
font-size: 11px;
padding-top: 8px;
padding-bottom: 8px;
text-shadow: 0 1px 1px #000;
text-transform: uppercase;
width: auto;
}
.pun-crumbs p a {
  color: #FFF!important;
}
element.style {
}
.pun a:visited {
color: #666;
}
.pun a:link {
color: #00569c;
}
.pun-crumbs p a:hover {
text-decoration: underline!important;
}
/*END Crumbs*/

/*main head del foro entire*/
.main .main-head {
border-radius: 3px;
background-image: url(http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainnav-m.gif);
background-repeat: repeat-x;
color: #fff;
font-size: 11px;
font-weight: 700;
height: auto;
width: auto;
}

/*header y navbar*/
.mainhead-m {
width: 100%;
height: 130px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainhead-m.gif");
background-repeat: repeat-x;
font-size: 11px;
font-weight: bold;
color: #ffffff;
margin-bottom: 5px;
}
.mainhead-l {
float: left;
width: 132px;
height: 130px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainhead-l.png");
background-repeat: no-repeat;
background-position: left;
}
.logo-bar {
float: left;
height: 96px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/logo-bar.png");
background-repeat: no-repeat;
background-position: left;
float: left;
width: 459px;
margin-left: -11px;
margin-top: 18px;
}
a:visited {
color: #840000;
}

a:link {
color: #840000;
}
.mainhead-r {
float: right;
width: 132px;
height: 130px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainhead-r.png");
background-repeat: no-repeat;
background-position: right;
}
#search-box {
color: #FFFFFF;
}
index.phpmedia="screen, projection"
#search-box {
color: #FFFFFF;
position: relative;
margin-top: 30px;
margin-right: 5px;
display: block;
float: right;
text-align: right;
white-space: nowrap;
}
index.phpmedia="screen, projection"
.search-container {
background-color: #121212;
padding: 20px;
-webkit-box-shadow: inset 0px 1px 0 #cd0604, 0 0 1px #cd0604;
-moz-box-shadow: inset 0px 1px 0 #cd0604, 0 0 1px #cd0604;
box-shadow: inset 0px 1px 0 #cd0604, 0 1px 0#cd0604;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #000;
}
.mainhead-m {
font-size: 11px;
font-weight: bold;
color: #ffffff;
}
fieldset {
border-width: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.1em;
}
#search-box #keywords {
background-color: #000;
}
index.phpmedia="screen, projection"
#search-box #keywords {
width: 95px;
}
index.phpmedia="screen, projection"
#search-box input {
background: #9e0000;
color: #ffffff;
text-shadow: 0 0 2px #000;
border: 1px solid #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 4px 10px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
text-shadow: 0 0 2px #000;
font: 11px tahoma;
text-decoration: none;
}
#search-box input {
background: #9e0000;
color: #ffffff;
text-shadow: 0 0 2px #000;
border: 1px solid #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 4px 10px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
text-shadow: 0 0 2px #000;
font: 11px tahoma;
text-decoration: none;
}
index.phpmedia="screen, projection"
#search-box input {
border: 1px solid #b0b0b0;
}
index.phpmedia="screen, projection"
a.button2, input.button2, input.button3 {
border-color: #840000;
}
index.phpmedia="screen, projection"
a.button1, input.button1, input.button3, a.button2, input.button2 {
background: #9e0000;
color: #ffffff;
text-shadow: 0 0 2px #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px 10px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
text-shadow: 0 0 2px #000;
font: 11px tahoma;
text-decoration: none;
margin-bottom: 1px;
}
/* Search box
--------------------------------------------- */
#search-box {
  color: #FFFFFF;
  position: relative;
  margin-top: 30px;
  margin-right: 5px;
  display: block;
  float: right;
  text-align: right;
  white-space: nowrap; /* For Opera */
}

#search-box #keywords {
  width: 95px;
  background-color: #FFF;
}

#search-box input {
  border: 1px solid #b0b0b0;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
  padding: 1px 5px;
}

#search-box li {
  text-align: right;
  margin-top: 4px;
}

#search-box img {
  vertical-align: middle;
  margin-right: 3px;
}

/* Site description and logo */
#site-description {
  float: left;
  width: 70%;
}

#site-description h1 {
  margin-right: 0;
}
.search-container {
background-color: #121212;
padding: 20px;
-webkit-box-shadow: inset 0px 1px 0 #cd0604, 0 0 1px #cd0604;
-moz-box-shadow: inset 0px 1px 0 #cd0604, 0 0 1px #cd0604;
box-shadow: inset 0px 1px 0 #cd0604, 0 1px 0#cd0604;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #000;
}
/*fix importante de el header*/
.fixmainhead {
margin: 0 auto;
max-width: 1117px;
}
/*END fix importante del header*/

/*arreglo sarch-box*/
#keywords {
background-color: #000;
color: #ffffff;
text-shadow: 0 0 2px #000;
border: 1px solid #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 4px 10px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
text-shadow: 0 0 2px #000;
font: 11px tahoma;
text-decoration: none;
}

a.button2, input.button2, input.button3 {
border-color: #840000;
}
search-box #keywords {
width: 95px;
background-color: #FFF;
}

fieldset {
border-width: 0!important;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.1em;
}
a.button2, input.button2, input.button3 {
border-color: #840000;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0;
}
button.button2, input.button2 {
background: #9e0000;
color: #ffffff;
text-shadow: 0 0 2px #000;
border: 1px solid #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 4px 10px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
text-shadow: 0 0 2px #000;
font: 11px tahoma;
text-decoration: none;
}
#search-box a {
color: #FFFFFF;
display: block;
text-align: right;
}
button.button2:hover, input.button2:hover {
background-position: 0 100%;
border: 1px solid #b42000;
color: #FFFFFF;
}
/*ahora la navbar*/
.mainnav-m {
width: 100%;
height: 34px;
margin-bottom: 6px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainnav-m.gif");
background-repeat: repeat-x;
font-size: 11px;
font-weight: bold;
color: #ffffff;
position: relative;
}
.mainnav-l {
float: left;
height: 34px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainnav-l.png");
background-repeat: no-repeat;
background-position: left;
}
.mainnav-m img {
vertical-align: middle;
margin-top: -2px;
padding-right: 3px;
margin-left: 5px;
}
.mainnav-m a:link {
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
}
.mainnav-r {
float: right;
height: 34px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainnav-r.png");
background-repeat: no-repeat;
background-position: right;
}

.mainnav-m img {
vertical-align: middle;
margin-top: -2px;
padding-right: 3px;
margin-left: 5px;
}
.mainnav-m a:visited {
color: #ffffff;
text-decoration: none;
}
.mainnav-m a:link {
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
}
.mainnav-m a:hover, .mainnav-m a:active {
color: #ffffff;
text-decoration: underline!important;
}
/*fix importante de la nav*/
.fixmainnav {
margin: 0 auto;
max-width: 1117px;
}
/*END fix importante de la nav*/

/* variaciones*/
.pun table .tdtopics img {
margin-left: -16px!important;
margin-top: 3px;
vertical-align: middle;
}
.fixderecha {
margin-left: 21px;
}
.main .main-foot {
border: 3px solid #fff!important;
background-color: #1e1e1e;
border-radius: 3px;
width: auto;
border: 1px solid #000;
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #FFFFFF;
text-shadow: 0 1px 1px #000;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.mini_ava {
float: left;
}
.mini_ava img {
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 0 0 1px rgba(255,255,255,1), 0 1px 0 rgba(255,255,255,1);
background-color: #000000;
border-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 0 0 1px rgba(255,255,255,1), 0 1px 0 rgba(255,255,255,1);
height: 36px;
margin: 0 5px;
padding: 2px;
}
/*END Variaciones*/

/*footer*/
.copyright {
  font-size: 11px;
  padding: 5px;
  text-align: center;
  color: #555555;
}

.small {
  font-size: 0.9em !important;
}

.titlespace {
  margin-bottom: 15px;
}

/*box login css*/
.stat-round {
background-color: #fff;
text-align: left;
color: #777777;
width: auto;
border: 1px solid #cccccc;
padding: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 11px;
height: auto;
}
.stat-round h3 {
  border-bottom-color: #CCCCCC;
color: #980000;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.05em;
margin-top: 6px;
}
.stat-round h3 a {
color: #980000!important;
}
.main-box {
background-color: transparent;
border: 0!important;
}

/*leyenda*/
ul#pun-legend {
color: #444;
font-family: Arial, sans-serif;
font-size: 11px;
height: 37px;
line-height: 37px;
margin: 0;
text-align: left;
}
ul#pun-legend img {
margin-left: 10px;
position: relative;
top: 9px;
}
/*topic_body CSS*/
.pun .post .user {
float: left;
font-size: 12px;
padding: 10px 30px;
text-align: center;
width: 150px;
}
.pun .postmain {
background: #fff;
border-left: 1px solid #E2E2E2;
height: 100%;
margin: 0 0 0 175px;
padding-left: 12px;
padding-right: 10px;
}
.postfoot {
border-top: 0;
clear: both;
margin-left: -13em;
padding: .5em 1em;
text-align: right;
}
.pun .user .user-info {
color: #666;
line-height: 1.8em;
margin-left: -1px;
font-size: 11px;
}
#postuser {
  margin-top: -12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin-bottom: 6px;
}

#creadordelpost img {
background: #9e0000;
border: 1px solid #740101;
box-shadow: rgba(255,255,255,0.298039) 1px 1px inset;
margin-left: -4px;
padding: 0;
max-width: 125px!important;
max-height: 125px!important;
}
.pun .posthead {
background: transparent;
padding: .5em 1.3em .5em 1em;
border-bottom: 1px solid #9e0000;
font-size: 11px;
}
.pun .topic {
margin-top: 5px;
margin-bottom: 5px;
border-radius: 7px;
background: #fafafa;
border: 1px solid #ddd;
border-style: none solid;
}
.pun .post {
border: 0;
border-top: 1px solid #eee;
}

/*rank regalo*/
#rank1 {
background: #9e0000;
border: 1px solid #680101;
padding: 5px 10px;
border-radius: 3px;
box-shadow: rgba(255,255,255,0.298039) 1px 1px inset;
font-size: 11px;
font-weight: 100!important;
color: #FFFFFF;
text-shadow: 0px -1px 0px #000;
}
#meuprofile {
  display: block;
margin-top: 3px;
text-align: left;
color: #000000!important;
font-variant: small-caps;
font-weight: bold!important;
font-size: 15px;
border-bottom: 4px solid #9e0000;
margin-bottom: 5px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 4px;
}
#tabs ul li.activetab a {
background: #312E2E!important;
border: 1px solid #161515;
color: #fff!important;
text-decoration: none!important;
}
#tabs ul li a {
text-align: center;
color: #fff;
float: left;
font-size: 1.1em;
font-weight: 400;
line-height: 2em;
padding: 1px 10px;
text-decoration: none;
background: #8F0202!important;
border: 1px solid #680101;
}
#tabs ul li a:hover {
opacity: 0.9;
}
/*sceditor test*/
div.sceditor-group {
-moz-background-clip: padding;
-moz-border-radius: 3px;
-webkit-background-clip: padding-box;
-webkit-border-radius: 3px;
background: #ddd;
background-clip: padding-box;
border-bottom: 1px solid #aaa;
border-radius: 3px;
display: inline-block;
margin: 1px 5px 1px 0;
padding: 1px;
}
.sceditor-toolbar {
background: transparent!important;
border-bottom: 0!important;
}
.sceditor-container iframe, .sceditor-container textarea {
border-color: #DDD !important;
border-style: solid!important;
border-width: 1px!important;
min-height: 180px;
}
.sceditor-container iframe, .sceditor-container textarea {
background: #fff;
border: 0;
color: #111;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 13px;
margin: 5px;
outline: 0;
padding: 0;
resize: none;
}
.sceditor-container {
background-color: transparent!important;
border: 1px solid #D8D8D8!important;
border-radius: 2px!important;
}

.sceditor-group {
  background: transparent!important;
border-bottom: 0!important;
}

/*barra negra en el footer*/

.nav-box1 {
    background-color: #fff;
    border-radius: 3px;
    color: #777777;
    width: auto;
    border: 1px solid #cbcbcb;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.nav-box2 {
    background-color: #1e1e1e;
    border-radius: 3px;
    width: auto;
    border: 1px solid #000;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  color: #FFFFFF;
  text-shadow: 0 1px 1px #000; 
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase; 
overflow: hidden;
}
.nav-box2 a:link {
  color: #FFFFFF;
  text-shadow: 0 1px 1px #000; 
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase; 
  text-decoration: none;
font-size: 11px!important;
}
.nav-box2 a:visited {
  color: #FFFFFF;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase; 
  text-decoration: none;
}

.nav-box2 a:hover, .nav-box2a:active {
  color: #FFFFFF;
  text-shadow: 0 1px 1px #000; 
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase!important; 
  text-decoration: underline;
}


icon-home {
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/icon_home.png");
}
.icon-team {
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/icon_team.png");
}

ul.linklist {
  display: block;
  margin: 0;
}

ul.linklist li {
  display: block;
  list-style-type: none;
  float: left;
  width: auto;
  margin-right: 5px;
  font-size: 1.1em;
  line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
  float: right;
  margin-right: 0;
  margin-left: 5px;
  text-align: right;
}

ul.navlinks {
  padding-bottom: 1px;
  margin-bottom: 1px;
  border-bottom: 1px solid #FFFFFF;
  font-weight: bold;
}

ul.leftside {
  float: left;
  margin-left: 0;
  margin-right: 5px;
  text-align: left;
}

ul.rightside {
  float: right;
  margin-left: 5px;
  margin-right: -5px;
  text-align: right;
}
sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout, .icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search, .icon-team, .icon-delete {
background-position: 0 50%;
background-repeat: no-repeat;
background-image: none;
padding: 1px 0 0 17px;
}
p.rightside, ul.linklist li.rightside {
float: right;
margin-left: 5px;
margin-right: 0;
text-align: right;
font-size: 11px!important;
margin-top: 3px;
} 

#pun-about {
background-color: transparent;
border: 0!important;
line-height: 150%;
padding: .6em 1em;
text-align: right;
font-size: 11px!important;
font-weight: 100!important;
}
#pun-about #qjump {
display: none;
}
#pun-foot .center.admin a {
-moz-background-clip: padding;
-moz-border-radius: 3px;
-moz-box-shadow: rgba(0,0,0,0.5) 0 1px 3px, inset rgba(255,255,255,0.2) 0 1px 0px, inset rgba(255,255,255,0.1) 0 0 0 1px;
-webkit-background-clip: padding-box;
-webkit-border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 3px, inset rgba(255,255,255,0.2) 0 1px 0px, inset rgba(255,255,255,0.1) 0 0 0 1px;
background: #9e0000;
border: 1px solid #000;
border-radius: 3px;
box-shadow: rgba(0,0,0,0.5) 0 1px 3px, inset rgba(255,255,255,0.2) 0 1px 0px, inset rgba(255,255,255,0.1) 0 0 0 1px;
color: #fff;
font-family: tahoma;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding: 4px 10px;
text-decoration: none;
text-shadow: 0 0 2px #000;
}
#pun-foot .center.admin a:hover {
opacity: 0.8;
}
#pun-foot .center.admin a:active {
  position: relative;
top: 2px;
}
.pun .posthead img, .pun table .tdtopics img {
margin: 0!important;
vertical-align: middle;
}
#profile-advanced-details .stats-field legend {
background: #fff;
font-weight: 100!important;
display: inline-block;
padding: 2px 6px;
border: 1px solid #CCCBCB;
}
#profile-advanced-details .stats-field {
background: #FFF;
margin: 4px 0 10px 4px;
padding: 0 10px 6px;
border: 1px solid #ddd;
}
/**********************************************HUGO*********************************************************/

/***AVATAR NAS RESPOSTAS***/

/*quick avatar*/
#quick-avatar {
    float: left;
    margin: 21px;
}
#quick-avatar img {
width: 50px;
height: 50px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
}
#quick-avatar img:hover {
  border-color: #A1A1A1;
}

/***EXCLUIR POST***/
.popup_delete {
background-color: #464646;
background-color: rgba(70, 70, 70, 0.6);
padding: 4px;
-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
z-index: 999;
bottom: 5px;
right: 5px;
position: fixed;
}
.popup_delete_Inner {
background: white;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
overflow-x: hidden;
width: 350px;
max-height: 642px;
}
.popup_delete_Inner h3 {
background: -moz-linear-gradient(#444,#000);
background-color: #000;
background-image: -webkit-linear-gradient(#444,#000);
text-align: left;
color: white;
padding: 8px 10px 9px;
font-size: 16px;
font-weight: 300;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.Box_delete {
background: #f0f0f0;
padding: 9px;
}
.Box_container {
background: #fdfdfd;
border: 1px solid #dcdcdc;
}
.delete_center {
padding: 9px;
text-align: center;
}
.delete_center p {
margin-bottom: 5px;
}
.popup_delete_Close {
cursor: pointer;
position: absolute;
right: 20px;
top: 15px;
}
/*** NUMERO DAS PAGINAS***/
p.pag,.paging{
border-radius:3px;
color: white;
margin: 4px 0 9px 0;}
#blog_comments .paging,#blog_comments p.pag{
color:#F1F1F1;}
td p.pag a,.paging a, td p.pag b, .paging b, .paged-foot .paging a, .paged-foot .paging b, .paged-foot .paging a:hover{
border-radius:3px;
padding: 6px 9px 6px 9px !important;
margin-right: 3px !important;
font-size: 12px !important;}
td p.pag a,.paging a, .paged-foot .paging a{
border-radius:3px;
color: #666666 !important;
border: solid 1px #B3B3B3 !important;
background-color: #DEDEDE;
background:-moz-linear-gradient(#F2F2F2,#BABABA);
background-image: -webkit-linear-gradient(#F2F2F2,#BABABA);
text-shadow: 0px 1px #EBEBEB !important;
box-shadow: 0px 1px #D4D4D4 !important;
-moz-box-shadow: 0px 1px #D4D4D4 !important;
-webkit-box-shadow: 0px 1px #D4D4D4 !important;}
td p.pag b, .paging b, td p.pag a:hover, .paging a:hover{
border-radius:3px;
border: solid 1px #878787 !important;
color: #EBEBEB !important;
background-color: #58E862;
background:-moz-linear-gradient(#BABABA,#DBDBDB);
background-image: -webkit-linear-gradient(#BABABA,#DBDBDB);
text-shadow: 0px 1px #666666 !important;
box-shadow: 0px 1px #D4D4D4 !important;
-moz-box-shadow: 0px 1px #D4D4D4 !important;
-webkit-box-shadow: 0px 1px #D4D4D4 !important;}
p.pag img,.paging img,.paged-foot .paging img{postion:relative;
top:-3px;
margin-top:-5px!Important;
vertical-align: center !important;}

/**perfil elegante***/
    .pun .user-ident .username {
    background: #F0F0F0 url(http://i10.servimg.com/u/f10/17/41/76/40/wrapta10.png) repeat-x;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    display: block;
    font-family: Arvo;
    font-size: 1.5em;
    font-weight: 400!important;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 8px!important;
    position: relative;
    text-align: center;
    text-decoration: none;
    }
    .pun .user-ident .user-basic-info {
    background: #F0F0F0 url(http://i10.servimg.com/u/f10/17/41/76/40/wrapta10.png) repeat-x;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    color: white;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.8em;
    margin: 5px auto;
    padding: 15px;
    text-align: center;
    text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);
    }
    .pun .user .user-info {
    background: #F0F0F0 url(http://i10.servimg.com/u/f10/17/41/76/40/wrapta10.png) repeat-x;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    color: #666;
    line-height: 1.8em;
    margin: 5px auto;
    padding: 10px;
   
    hr {
    border: 0 none #D6D6D6;
        border-bottom: 1px solid white;
        border-top: 1px solid #D6D6D6;
 #bschat {
position: fixed;
bottom: 40px;
right: 10px;
z-index: 999;
}
#bschat iframe {
min-height: 350px;
min-width: 980px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #64A4F7;
}
#chatbox_header, .chat_bar, #chatbox_members .member-title {
background: #0076B1;
background-image: url(http://2img.net/i/fa/prosilver/bg_list.gif);
background-position: 0 0;
background-repeat: repeat-x;
}
#chatbox_header {
padding: 3px 4px;
min-height: 6px;
}
.chatbox-title, .chatbox-title a.chat-title {
background: url(http://i72.servimg.com/u/f72/18/07/42/17/popup10.png) no-repeat scroll 75px 3px transparent;
font: 700 15px/1.3 Helvetica,Arial,sans-serif;
color: #fff;
}
.chatbox-title a.chat-title:hover {
  text-decoration: underline;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
body[bgcolor]{background: #FCFCFF;}
.main-content.chatbox {
  background-color: #FCFCFF;
  padding: 10px;
  border: 1px solid rgb(204, 204, 204);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  padding-bottom: 0px;
}
#chatbox_members {
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
margin: 4px;
top: 43px;
bottom: 28px;
right: 10;
}
#chatbox_members .member-title {
color: #fff;
padding: 5px;
text-align: left;
padding: 8px 10px;
}
#chatbox p {
background: transparent;
padding: 5px;
line-height: 1.3em;
}
#chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] {
  background: #FAFAD2;
}
#chatbox_footer {
  background: transparent;
  border: 0px;
}
#chatbox_footer .right {
  float: left;
}
/*if phpbb3*/
.right-box.style-buttons {float: left;}
/**/
/*if phpbb2*/
.chatbox td.catBottom {background: none;border: none;}
/**/
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
font-family: inherit;
min-width: 430px;
color: #000;
font-size: 13px;
background-color: #fff;
padding: 3px;
margin-bottom: 2px;
border-width: 1px;
border-style: solid;
border-top-color: rgb(192,192,192);
border-right-color: rgb(233,233,233);
border-bottom-color: rgb(233,233,233);
border-left-color: rgb(192,192,192);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
outline: 0;
}
input#message.post:focus {
background: rgb(255,255,240) url('http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png') repeat-x;
border-top-color: rgb(150,150,150);
border-bottom-color: rgb(230,230,230);
}
#submit_button, .fontbutton {
font-style: normal;
font-size: 12px;
font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
color: rgb(0, 0, 0);
background: rgb(220,220,235) url('http://i58.servimg.com/u/f58/18/24/85/15/form-b10.png') repeat-x top;
padding: 0px 6px;
border: 1px solid rgb(221, 221, 235);
border-top-color: rgb(255, 255, 255);
border-bottom-color: rgb(179, 179, 189);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
text-align: center;
-webkit-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-moz-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-khtml-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
box-shadow: 0px 1px 4px 0px rgb(200,200,210);
text-shadow: 0 0 0 transparent, 0px -1px 2px white;
outline: none;
line-height: 23px;
display: inline-block;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 23px;
}
#submit_button {
margin-left: 13px;
}
#submit_button:hover, .fontbutton:hover {
color: black;
background-color: rgb(255,255,200);
border-color: rgb(255,255,200);
border-top-color: white;
border-bottom-color: rgb(190,190,170);
}
#simple-wrap {
  background:white;
}
#chatbox_top {
  min-height: 280px;
}
#chatbox{
  top: 43px;
  bottom: 28px;
  margin: 5px;
  background: rgb(246, 246, 248);
  border: 1px solid rgb(204, 204, 204);
  padding: 5px;
  right: 198px;
  left:0;
}
.chat_bar {
box-shadow: inset 0 10px 10px #2787EE;
-moz-box-shadow: inset 0 10px 10px #2787EE;
-webkit-box-shadow: inset 0 10px 10px #2787EE;
text-shadow: 0 1px blue;
font-weight: bold;
color: #fff;
display: inline-block;
position: fixed;
bottom: 5px;
border: 1px solid #64A4F7;
border-radius: 5px;
right: 5px;
z-index: 999;
font: Arial 15px bold;
margin: 0;
padding: 5px 13px;
text-align: center;
text-shadow: 0 1px blue;
width: 200px;
}
.chat_bar #user_count, .chat_bar #msgs {
  background: #f0f0f0;
  text-shadow: 0 1px white;
  color: #333;
  padding: 0 3px 0 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 1px;
}

até mais

Olá ,
Gostaria de alguma Imagem de Referencia ?
Poderia passar o Link da Imagem ?

coloque o css original vou ver oque posso fazer aqui

~Rafra escreveu:Olá ,
Gostaria de alguma Imagem de Referencia ?
Poderia passar o Link da Imagem ?

Desculpa Rafra,, não entendi

iPhone
ja coloquei..

Pra mudar o fundo do chatbox veja estes códigos de cascata abaixo:

Código:

/*Abaixo se aplica ao fundo das mensagens*/
#chatbox {
background: suacoraqui;
}
/*Abaixo se aplica ao fundo dos membros*/
#chatbox_members {
background: suacoraqui;
}
/*Abaixo se aplica ao fundo do footer*/
#chatbox_footer {
background: suacoraqui;
}

Até mais!

Não exclua aquele JS que te passei
troque seu css por este

Código:

#bschat {
position: fixed;
bottom: 40px;
right: 10px;
z-index: 999;
}
#bschat iframe {
min-height: 350px;
min-width: 980px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #64A4F7;
}
#chatbox_header, .chat_bar, #chatbox_members .member-title {
background: #0076B1;
background-image: url(http://2img.net/i/fa/prosilver/bg_list.gif);
background-position: 0 0;
background-repeat: repeat-x;
}
#chatbox_header {
padding: 3px 4px;
min-height: 6px;
}
.chatbox-title, .chatbox-title a.chat-title {
background: url(http://i72.servimg.com/u/f72/18/07/42/17/popup10.png) no-repeat scroll 75px 3px transparent;
font: 700 15px/1.3 Helvetica,Arial,sans-serif;
color: #fff;
}
.chatbox-title a.chat-title:hover {
  text-decoration: underline;
}
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
color: #fff;
}
body[bgcolor]{background: #FCFCFF;}
.main-content.chatbox {
  background-color: #FCFCFF;
  padding: 10px;
  border: 1px solid rgb(204, 204, 204);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  padding-bottom: 0px;
}
#chatbox_members {
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
margin: 4px;
top: 43px;
bottom: 28px;
right: 10;
}
#chatbox_members .member-title {
color: #fff;
padding: 5px;
text-align: left;
padding: 8px 10px;
}
#chatbox p {
background: transparent;
padding: 5px;
line-height: 1.3em;
}
#chatbox p span[style="color:green;"], #chatbox p span[style="color:red;"] {
  background: #FAFAD2;
}
#chatbox_footer {
  background: transparent;
  border: 0px;
}
#chatbox_footer .right {
  float: left;
}
/*if phpbb3*/
.right-box.style-buttons {float: left;}
/**/
/*if phpbb2*/
.chatbox td.catBottom {background: none;border: none;}
/**/
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
font-family: inherit;
min-width: 430px;
color: #000;
font-size: 13px;
background-color: #fff;
padding: 3px;
margin-bottom: 2px;
border-width: 1px;
border-style: solid;
border-top-color: rgb(192,192,192);
border-right-color: rgb(233,233,233);
border-bottom-color: rgb(233,233,233);
border-left-color: rgb(192,192,192);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
outline: 0;
}
input#message.post:focus {
background: rgb(255,255,240) url('http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png') repeat-x;
border-top-color: rgb(150,150,150);
border-bottom-color: rgb(230,230,230);
}
#submit_button, .fontbutton {
font-style: normal;
font-size: 12px;
font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
color: rgb(0, 0, 0);
background: rgb(220,220,235) url('http://i58.servimg.com/u/f58/18/24/85/15/form-b10.png') repeat-x top;
padding: 0px 6px;
border: 1px solid rgb(221, 221, 235);
border-top-color: rgb(255, 255, 255);
border-bottom-color: rgb(179, 179, 189);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
text-align: center;
-webkit-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-moz-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-khtml-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
box-shadow: 0px 1px 4px 0px rgb(200,200,210);
text-shadow: 0 0 0 transparent, 0px -1px 2px white;
outline: none;
line-height: 23px;
display: inline-block;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 23px;
}
#submit_button {
margin-left: 13px;
}
#submit_button:hover, .fontbutton:hover {
color: black;
background-color: rgb(255,255,200);
border-color: rgb(255,255,200);
border-top-color: white;
border-bottom-color: rgb(190,190,170);
}
#simple-wrap {
  background:white;
}
#chatbox_top {
  min-height: 280px;
}
#chatbox{
  top: 43px;
  bottom: 28px;
  margin: 5px;
  background: rgb(246, 246, 248);
  border: 1px solid rgb(204, 204, 204);
  padding: 5px;
  right: 198px;
  left:0;
}
.chat_bar {
box-shadow: inset 0 10px 10px #2787EE;
-moz-box-shadow: inset 0 10px 10px #2787EE;
-webkit-box-shadow: inset 0 10px 10px #2787EE;
text-shadow: 0 1px blue;
font-weight: bold;
color: #fff;
display: inline-block;
position: fixed;
bottom: 5px;
border: 1px solid #64A4F7;
border-radius: 5px;
right: 5px;
z-index: 999;
font: Arial 15px bold;
margin: 0;
padding: 5px 13px;
text-align: center;
text-shadow: 0 1px blue;
width: 200px;
}
.chat_bar #user_count, .chat_bar #msgs {
  background: #f0f0f0;
  text-shadow: 0 1px white;
  color: #333;
  padding: 0 3px 0 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 1px;
}
body {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #00000;
 background-color:#000000;
background-image:url(http://i58.servimg.com/u/f58/18/22/79/15/bg11.jpg);
background-repeat: no-repeat
margin: 0;
padding: 12px 0;
}
.pun {
-moz-border-radius: 6px;
-moz-box-shadow: 2px 2px 19px #000;
-o-box-shadow: 2px 2px 19px #000;
-webkit-border-radius: 6px;
-webkit-box-shadow: 2px 2px 19px #000;
background-color: #e9e9e9;
border-radius: 3px;
box-shadow: 2px 2px 19px #000;
margin: 0 auto;
max-width: 1084px;
padding: 12px 15px;
}
#pun-head {
display: none;
}
#pun-visit.clearfix {
display: none!important;
}
#pun-intro {
display: none;
}
/*----------[Borrar Subrayados]------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
/*----------------FIN---------------*/
.maintitle-m {
background: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/maintitle-m.gif") repeat-x top;
width: 100%;
height: 45px;
}
.maintitle-l {
background: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/maintitle-l.png") no-repeat top left;
width: 33px;
height: 45px;
float: left;
}
.maintitle-r {
background: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/maintitle-r.png") no-repeat top right;
width: 441px;
height: 45px;
float: right;
}
ul.topiclist {
display: block;
list-style-type: none;
margin: 0;
}
ul.topiclist li {
display: block;
list-style-type: none;
color: #777777;
margin: 0;
}
li.header dl.icon {
min-height: 0;
}
li.header dl.icon dt {
padding-left: 0;
padding-right: 50px;
}
li.header dd, li.header dt {
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1em;
text-transform: uppercase;
font-weight: bold!important;
}
.nombreforoabajo {
  margin-top: 14px!important;
padding-bottom: 14px;
color: #ffffff;
text-shadow: 0 1px 1px #000;
text-decoration: none;
text-transform: uppercase!important;
}

li.header dl.icon dt {
padding-left: 0;
padding-right: 50px;
}

li.header dt, li.header dd {
color: #FFFFFF;
}

dl.icon dt {
padding-left: 45px;
background-repeat: no-repeat;
background-position: 5px 95%;
}

li.header dt {
font-weight: bold;
}

li.header dt, li.header dd {
line-height: 1em;
border-left-width: 0;
margin: 2px 0 4px 0;
color: #FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.mainfoot-m {
background: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainfoot-m.gif") repeat-x top;
width: 100%;
height: 9px;
}
.mainfoot-l {
background: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainfoot-l.png") no-repeat top left;
width: 14px;
height: 9px;
float: left;
}
.mainfoot-r {
background: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainfoot-r.png") no-repeat top right;
width: 14px;
height: 9px;
float: right;
}
.pun tbody.statused span.status img {
margin-left: -21px;
}
.fixcatrowforo {
  margin-left: 24px;
  font-size: 1.1em
}
a.forumtitle:hover {
color: #d31111;
text-decoration: underline!important;
}
a.forumtitle {
color: #840000!important;
}
.pun table.table td {
border-bottom: 1px solid #DDD!important;
border-style: none;
height: auto!important;
background-color: #f9f2ee;
background-image: url("./styles/graand_red/theme/images/gradient.gif");
}
td.topics {
font-size: 12px;
text-align: center;
width: 7%;
}
td.topics span {
font-size: 11px;
color: #840000;
font-weight: normal;
border: 0!important;
}
/*crumbs*/
.pun-crumbs {
background-color: #fff;
border-radius: 3px;
color: #777777;
width: auto;
border: 1px solid #cbcbcb;
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.pun-crumbs p {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #1e1e1e;
border: 1px solid #000;
border-radius: 3px;
color: #FFF!important;
font-family: Arial, Helvetica, sans-serif;
padding-left: 5px;
font-size: 11px;
padding-top: 8px;
padding-bottom: 8px;
text-shadow: 0 1px 1px #000;
text-transform: uppercase;
width: auto;
}
.pun-crumbs p a {
  color: #FFF!important;
}
element.style {
}
.pun a:visited {
color: #666;
}
.pun a:link {
color: #00569c;
}
.pun-crumbs p a:hover {
text-decoration: underline!important;
}
/*END Crumbs*/

/*main head del foro entire*/
.main .main-head {
border-radius: 3px;
background-image: url(http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainnav-m.gif);
background-repeat: repeat-x;
color: #fff;
font-size: 11px;
font-weight: 700;
height: auto;
width: auto;
}

/*header y navbar*/
.mainhead-m {
width: 100%;
height: 130px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainhead-m.gif");
background-repeat: repeat-x;
font-size: 11px;
font-weight: bold;
color: #ffffff;
margin-bottom: 5px;
}
.mainhead-l {
float: left;
width: 132px;
height: 130px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainhead-l.png");
background-repeat: no-repeat;
background-position: left;
}
.logo-bar {
float: left;
height: 96px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/logo-bar.png");
background-repeat: no-repeat;
background-position: left;
float: left;
width: 459px;
margin-left: -11px;
margin-top: 18px;
}
a:visited {
color: #840000;
}

a:link {
color: #840000;
}
.mainhead-r {
float: right;
width: 132px;
height: 130px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainhead-r.png");
background-repeat: no-repeat;
background-position: right;
}
#search-box {
color: #FFFFFF;
}
index.phpmedia="screen, projection"
#search-box {
color: #FFFFFF;
position: relative;
margin-top: 30px;
margin-right: 5px;
display: block;
float: right;
text-align: right;
white-space: nowrap;
}
index.phpmedia="screen, projection"
.search-container {
background-color: #121212;
padding: 20px;
-webkit-box-shadow: inset 0px 1px 0 #cd0604, 0 0 1px #cd0604;
-moz-box-shadow: inset 0px 1px 0 #cd0604, 0 0 1px #cd0604;
box-shadow: inset 0px 1px 0 #cd0604, 0 1px 0#cd0604;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #000;
}
.mainhead-m {
font-size: 11px;
font-weight: bold;
color: #ffffff;
}
fieldset {
border-width: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.1em;
}
#search-box #keywords {
background-color: #000;
}
index.phpmedia="screen, projection"
#search-box #keywords {
width: 95px;
}
index.phpmedia="screen, projection"
#search-box input {
background: #9e0000;
color: #ffffff;
text-shadow: 0 0 2px #000;
border: 1px solid #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 4px 10px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
text-shadow: 0 0 2px #000;
font: 11px tahoma;
text-decoration: none;
}
#search-box input {
background: #9e0000;
color: #ffffff;
text-shadow: 0 0 2px #000;
border: 1px solid #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 4px 10px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
text-shadow: 0 0 2px #000;
font: 11px tahoma;
text-decoration: none;
}
index.phpmedia="screen, projection"
#search-box input {
border: 1px solid #b0b0b0;
}
index.phpmedia="screen, projection"
a.button2, input.button2, input.button3 {
border-color: #840000;
}
index.phpmedia="screen, projection"
a.button1, input.button1, input.button3, a.button2, input.button2 {
background: #9e0000;
color: #ffffff;
text-shadow: 0 0 2px #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px 10px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
text-shadow: 0 0 2px #000;
font: 11px tahoma;
text-decoration: none;
margin-bottom: 1px;
}
/* Search box
--------------------------------------------- */
#search-box {
  color: #FFFFFF;
  position: relative;
  margin-top: 30px;
  margin-right: 5px;
  display: block;
  float: right;
  text-align: right;
  white-space: nowrap; /* For Opera */
}

#search-box #keywords {
  width: 95px;
  background-color: #FFF;
}

#search-box input {
  border: 1px solid #b0b0b0;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
  padding: 1px 5px;
}

#search-box li {
  text-align: right;
  margin-top: 4px;
}

#search-box img {
  vertical-align: middle;
  margin-right: 3px;
}

/* Site description and logo */
#site-description {
  float: left;
  width: 70%;
}

#site-description h1 {
  margin-right: 0;
}
.search-container {
background-color: #121212;
padding: 20px;
-webkit-box-shadow: inset 0px 1px 0 #cd0604, 0 0 1px #cd0604;
-moz-box-shadow: inset 0px 1px 0 #cd0604, 0 0 1px #cd0604;
box-shadow: inset 0px 1px 0 #cd0604, 0 1px 0#cd0604;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #000;
}
/*fix importante de el header*/
.fixmainhead {
margin: 0 auto;
max-width: 1117px;
}
/*END fix importante del header*/

/*arreglo sarch-box*/
#keywords {
background-color: #000;
color: #ffffff;
text-shadow: 0 0 2px #000;
border: 1px solid #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 4px 10px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
text-shadow: 0 0 2px #000;
font: 11px tahoma;
text-decoration: none;
}

a.button2, input.button2, input.button3 {
border-color: #840000;
}
search-box #keywords {
width: 95px;
background-color: #FFF;
}

fieldset {
border-width: 0!important;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.1em;
}
a.button2, input.button2, input.button3 {
border-color: #840000;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0;
}
button.button2, input.button2 {
background: #9e0000;
color: #ffffff;
text-shadow: 0 0 2px #000;
border: 1px solid #000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 4px 10px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
box-shadow: rgba(0,0,0,0.5) 0px 1px 3px, inset rgba(255,255,255,0.2) 0px 1px 0px, inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
text-shadow: 0 0 2px #000;
font: 11px tahoma;
text-decoration: none;
}
#search-box a {
color: #FFFFFF;
display: block;
text-align: right;
}
button.button2:hover, input.button2:hover {
background-position: 0 100%;
border: 1px solid #b42000;
color: #FFFFFF;
}
/*ahora la navbar*/
.mainnav-m {
width: 100%;
height: 34px;
margin-bottom: 6px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainnav-m.gif");
background-repeat: repeat-x;
font-size: 11px;
font-weight: bold;
color: #ffffff;
position: relative;
}
.mainnav-l {
float: left;
height: 34px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainnav-l.png");
background-repeat: no-repeat;
background-position: left;
}
.mainnav-m img {
vertical-align: middle;
margin-top: -2px;
padding-right: 3px;
margin-left: 5px;
}
.mainnav-m a:link {
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
}
.mainnav-r {
float: right;
height: 34px;
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/mainnav-r.png");
background-repeat: no-repeat;
background-position: right;
}

.mainnav-m img {
vertical-align: middle;
margin-top: -2px;
padding-right: 3px;
margin-left: 5px;
}
.mainnav-m a:visited {
color: #ffffff;
text-decoration: none;
}
.mainnav-m a:link {
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
}
.mainnav-m a:hover, .mainnav-m a:active {
color: #ffffff;
text-decoration: underline!important;
}
/*fix importante de la nav*/
.fixmainnav {
margin: 0 auto;
max-width: 1117px;
}
/*END fix importante de la nav*/

/* variaciones*/
.pun table .tdtopics img {
margin-left: -16px!important;
margin-top: 3px;
vertical-align: middle;
}
.fixderecha {
margin-left: 21px;
}
.main .main-foot {
border: 3px solid #fff!important;
background-color: #1e1e1e;
border-radius: 3px;
width: auto;
border: 1px solid #000;
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #FFFFFF;
text-shadow: 0 1px 1px #000;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.mini_ava {
float: left;
}
.mini_ava img {
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 0 0 1px rgba(255,255,255,1), 0 1px 0 rgba(255,255,255,1);
background-color: #000000;
border-radius: 3px;
box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 0 0 1px rgba(255,255,255,1), 0 1px 0 rgba(255,255,255,1);
height: 36px;
margin: 0 5px;
padding: 2px;
}
/*END Variaciones*/

/*footer*/
.copyright {
  font-size: 11px;
  padding: 5px;
  text-align: center;
  color: #555555;
}

.small {
  font-size: 0.9em !important;
}

.titlespace {
  margin-bottom: 15px;
}

/*box login css*/
.stat-round {
background-color: #fff;
text-align: left;
color: #777777;
width: auto;
border: 1px solid #cccccc;
padding: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 11px;
height: auto;
}
.stat-round h3 {
  border-bottom-color: #CCCCCC;
color: #980000;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.05em;
margin-top: 6px;
}
.stat-round h3 a {
color: #980000!important;
}
.main-box {
background-color: transparent;
border: 0!important;
}

/*leyenda*/
ul#pun-legend {
color: #444;
font-family: Arial, sans-serif;
font-size: 11px;
height: 37px;
line-height: 37px;
margin: 0;
text-align: left;
}
ul#pun-legend img {
margin-left: 10px;
position: relative;
top: 9px;
}
/*topic_body CSS*/
.pun .post .user {
float: left;
font-size: 12px;
padding: 10px 30px;
text-align: center;
width: 150px;
}
.pun .postmain {
background: #fff;
border-left: 1px solid #E2E2E2;
height: 100%;
margin: 0 0 0 175px;
padding-left: 12px;
padding-right: 10px;
}
.postfoot {
border-top: 0;
clear: both;
margin-left: -13em;
padding: .5em 1em;
text-align: right;
}
.pun .user .user-info {
color: #666;
line-height: 1.8em;
margin-left: -1px;
font-size: 11px;
}
#postuser {
  margin-top: -12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin-bottom: 6px;
}

#creadordelpost img {
background: #9e0000;
border: 1px solid #740101;
box-shadow: rgba(255,255,255,0.298039) 1px 1px inset;
margin-left: -4px;
padding: 0;
max-width: 125px!important;
max-height: 125px!important;
}
.pun .posthead {
background: transparent;
padding: .5em 1.3em .5em 1em;
border-bottom: 1px solid #9e0000;
font-size: 11px;
}
.pun .topic {
margin-top: 5px;
margin-bottom: 5px;
border-radius: 7px;
background: #fafafa;
border: 1px solid #ddd;
border-style: none solid;
}
.pun .post {
border: 0;
border-top: 1px solid #eee;
}

/*rank regalo*/
#rank1 {
background: #9e0000;
border: 1px solid #680101;
padding: 5px 10px;
border-radius: 3px;
box-shadow: rgba(255,255,255,0.298039) 1px 1px inset;
font-size: 11px;
font-weight: 100!important;
color: #FFFFFF;
text-shadow: 0px -1px 0px #000;
}
#meuprofile {
  display: block;
margin-top: 3px;
text-align: left;
color: #000000!important;
font-variant: small-caps;
font-weight: bold!important;
font-size: 15px;
border-bottom: 4px solid #9e0000;
margin-bottom: 5px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 4px;
}
#tabs ul li.activetab a {
background: #312E2E!important;
border: 1px solid #161515;
color: #fff!important;
text-decoration: none!important;
}
#tabs ul li a {
text-align: center;
color: #fff;
float: left;
font-size: 1.1em;
font-weight: 400;
line-height: 2em;
padding: 1px 10px;
text-decoration: none;
background: #8F0202!important;
border: 1px solid #680101;
}
#tabs ul li a:hover {
opacity: 0.9;
}
/*sceditor test*/
div.sceditor-group {
-moz-background-clip: padding;
-moz-border-radius: 3px;
-webkit-background-clip: padding-box;
-webkit-border-radius: 3px;
background: #ddd;
background-clip: padding-box;
border-bottom: 1px solid #aaa;
border-radius: 3px;
display: inline-block;
margin: 1px 5px 1px 0;
padding: 1px;
}
.sceditor-toolbar {
background: transparent!important;
border-bottom: 0!important;
}
.sceditor-container iframe, .sceditor-container textarea {
border-color: #DDD !important;
border-style: solid!important;
border-width: 1px!important;
min-height: 180px;
}
.sceditor-container iframe, .sceditor-container textarea {
background: #fff;
border: 0;
color: #111;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 13px;
margin: 5px;
outline: 0;
padding: 0;
resize: none;
}
.sceditor-container {
background-color: transparent!important;
border: 1px solid #D8D8D8!important;
border-radius: 2px!important;
}

.sceditor-group {
  background: transparent!important;
border-bottom: 0!important;
}

/*barra negra en el footer*/

.nav-box1 {
    background-color: #fff;
    border-radius: 3px;
    color: #777777;
    width: auto;
    border: 1px solid #cbcbcb;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.nav-box2 {
    background-color: #1e1e1e;
    border-radius: 3px;
    width: auto;
    border: 1px solid #000;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  color: #FFFFFF;
  text-shadow: 0 1px 1px #000; 
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase; 
overflow: hidden;
}
.nav-box2 a:link {
  color: #FFFFFF;
  text-shadow: 0 1px 1px #000; 
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase; 
  text-decoration: none;
font-size: 11px!important;
}
.nav-box2 a:visited {
  color: #FFFFFF;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase; 
  text-decoration: none;
}

.nav-box2 a:hover, .nav-box2a:active {
  color: #FFFFFF;
  text-shadow: 0 1px 1px #000; 
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase!important; 
  text-decoration: underline;
}


icon-home {
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/icon_home.png");
}
.icon-team {
background-image: url("http://www.audentio.com/demo/phpbb3/styles/graand_red/theme/images/icon_team.png");
}

ul.linklist {
  display: block;
  margin: 0;
}

ul.linklist li {
  display: block;
  list-style-type: none;
  float: left;
  width: auto;
  margin-right: 5px;
  font-size: 1.1em;
  line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
  float: right;
  margin-right: 0;
  margin-left: 5px;
  text-align: right;
}

ul.navlinks {
  padding-bottom: 1px;
  margin-bottom: 1px;
  border-bottom: 1px solid #FFFFFF;
  font-weight: bold;
}

ul.leftside {
  float: left;
  margin-left: 0;
  margin-right: 5px;
  text-align: left;
}

ul.rightside {
  float: right;
  margin-left: 5px;
  margin-right: -5px;
  text-align: right;
}
sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout, .icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search, .icon-team, .icon-delete {
background-position: 0 50%;
background-repeat: no-repeat;
background-image: none;
padding: 1px 0 0 17px;
}
p.rightside, ul.linklist li.rightside {
float: right;
margin-left: 5px;
margin-right: 0;
text-align: right;
font-size: 11px!important;
margin-top: 3px;
} 

#pun-about {
background-color: transparent;
border: 0!important;
line-height: 150%;
padding: .6em 1em;
text-align: right;
font-size: 11px!important;
font-weight: 100!important;
}
#pun-about #qjump {
display: none;
}
#pun-foot .center.admin a {
-moz-background-clip: padding;
-moz-border-radius: 3px;
-moz-box-shadow: rgba(0,0,0,0.5) 0 1px 3px, inset rgba(255,255,255,0.2) 0 1px 0px, inset rgba(255,255,255,0.1) 0 0 0 1px;
-webkit-background-clip: padding-box;
-webkit-border-radius: 3px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 3px, inset rgba(255,255,255,0.2) 0 1px 0px, inset rgba(255,255,255,0.1) 0 0 0 1px;
background: #9e0000;
border: 1px solid #000;
border-radius: 3px;
box-shadow: rgba(0,0,0,0.5) 0 1px 3px, inset rgba(255,255,255,0.2) 0 1px 0px, inset rgba(255,255,255,0.1) 0 0 0 1px;
color: #fff;
font-family: tahoma;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding: 4px 10px;
text-decoration: none;
text-shadow: 0 0 2px #000;
}
#pun-foot .center.admin a:hover {
opacity: 0.8;
}
#pun-foot .center.admin a:active {
  position: relative;
top: 2px;
}
.pun .posthead img, .pun table .tdtopics img {
margin: 0!important;
vertical-align: middle;
}
#profile-advanced-details .stats-field legend {
background: #fff;
font-weight: 100!important;
display: inline-block;
padding: 2px 6px;
border: 1px solid #CCCBCB;
}
#profile-advanced-details .stats-field {
background: #FFF;
margin: 4px 0 10px 4px;
padding: 0 10px 6px;
border: 1px solid #ddd;
}
/**********************************************HUGO*********************************************************/

/***AVATAR NAS RESPOSTAS***/

/*quick avatar*/
#quick-avatar {
    float: left;
    margin: 21px;
}
#quick-avatar img {
width: 50px;
height: 50px;
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
}
#quick-avatar img:hover {
  border-color: #A1A1A1;
}

/***EXCLUIR POST***/
.popup_delete {
background-color: #464646;
background-color: rgba(70, 70, 70, 0.6);
padding: 4px;
-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
z-index: 999;
bottom: 5px;
right: 5px;
position: fixed;
}
.popup_delete_Inner {
background: white;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
overflow-x: hidden;
width: 350px;
max-height: 642px;
}
.popup_delete_Inner h3 {
background: -moz-linear-gradient(#444,#000);
background-color: #000;
background-image: -webkit-linear-gradient(#444,#000);
text-align: left;
color: white;
padding: 8px 10px 9px;
font-size: 16px;
font-weight: 300;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.Box_delete {
background: #f0f0f0;
padding: 9px;
}
.Box_container {
background: #fdfdfd;
border: 1px solid #dcdcdc;
}
.delete_center {
padding: 9px;
text-align: center;
}
.delete_center p {
margin-bottom: 5px;
}
.popup_delete_Close {
cursor: pointer;
position: absolute;
right: 20px;
top: 15px;
}
/*** NUMERO DAS PAGINAS***/
p.pag,.paging{
border-radius:3px;
color: white;
margin: 4px 0 9px 0;}
#blog_comments .paging,#blog_comments p.pag{
color:#F1F1F1;}
td p.pag a,.paging a, td p.pag b, .paging b, .paged-foot .paging a, .paged-foot .paging b, .paged-foot .paging a:hover{
border-radius:3px;
padding: 6px 9px 6px 9px !important;
margin-right: 3px !important;
font-size: 12px !important;}
td p.pag a,.paging a, .paged-foot .paging a{
border-radius:3px;
color: #666666 !important;
border: solid 1px #B3B3B3 !important;
background-color: #DEDEDE;
background:-moz-linear-gradient(#F2F2F2,#BABABA);
background-image: -webkit-linear-gradient(#F2F2F2,#BABABA);
text-shadow: 0px 1px #EBEBEB !important;
box-shadow: 0px 1px #D4D4D4 !important;
-moz-box-shadow: 0px 1px #D4D4D4 !important;
-webkit-box-shadow: 0px 1px #D4D4D4 !important;}
td p.pag b, .paging b, td p.pag a:hover, .paging a:hover{
border-radius:3px;
border: solid 1px #878787 !important;
color: #EBEBEB !important;
background-color: #58E862;
background:-moz-linear-gradient(#BABABA,#DBDBDB);
background-image: -webkit-linear-gradient(#BABABA,#DBDBDB);
text-shadow: 0px 1px #666666 !important;
box-shadow: 0px 1px #D4D4D4 !important;
-moz-box-shadow: 0px 1px #D4D4D4 !important;
-webkit-box-shadow: 0px 1px #D4D4D4 !important;}
p.pag img,.paging img,.paged-foot .paging img{postion:relative;
top:-3px;
margin-top:-5px!Important;
vertical-align: center !important;}

/**perfil elegante***/
    .pun .user-ident .username {
    background: #F0F0F0 url(http://i10.servimg.com/u/f10/17/41/76/40/wrapta10.png) repeat-x;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    display: block;
    font-family: Arvo;
    font-size: 1.5em;
    font-weight: 400!important;
    margin-bottom: 5px;
    margin-top: 10px;
    padding: 8px!important;
    position: relative;
    text-align: center;
    text-decoration: none;
    }
    .pun .user-ident .user-basic-info {
    background: #F0F0F0 url(http://i10.servimg.com/u/f10/17/41/76/40/wrapta10.png) repeat-x;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    color: white;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.8em;
    margin: 5px auto;
    padding: 15px;
    text-align: center;
    text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);
    }
    .pun .user .user-info {
    background: #F0F0F0 url(http://i10.servimg.com/u/f10/17/41/76/40/wrapta10.png) repeat-x;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    color: #666;
    line-height: 1.8em;
    margin: 5px auto;
    padding: 10px;
   
    hr {
    border: 0 none #D6D6D6;
        border-bottom: 1px solid white;
        border-top: 1px solid #D6D6D6;
 

Show Show Show
Meus Agradecimentos a todos
iPhone seu ultimo CSS acertou em cheio
Vlw Daemon
Vlw ~Rafra