http://prntscr.com/9le40y > Como coloco essa barra laranja(qualquer cor), debaixo das categorias e widgets, também na barra do título ?

Adicione em sua folha de estilo CSS:

Código:

.main .main-foot, .main .main-head, .title-overview {
  border-radius: 2px 2px 0 0;
  box-shadow: #fa0 0 -2px 0 inset;
  color: #fff;
  font-size: 12px;
  margin-bottom: 2px;
  overflow: hidden;
  padding: 1em;
  text-shadow: rgba(0,0,0,0.25) 0 -1px 0;
  border-bottom: 1px solid #de9700;
}

Caso não haja alteração no fórum, mande-me sua folha de estilo.

Deu amigo, mas também quero na barra do menu, tem como ?

Não necessitava de um codigo tão grande Faeel :/
com 2 classes e 2 denominação já dá esse resultado

Pra provar, mando aqui o código, adicione esse css em sua folha de estilo (no topo) de preferencia.

Código:

.main .main-foot, .main .main-head, .title-overview {border-bottom: 1px solid #de9700;box-shadow: #fa0 0 -2px 0 inset;}
#pun-navlinks {border-bottom: 1px solid #de9700;box-shadow: #fa0 0 -2px 0 inset;}

Só a do menu que bugou http://prntscr.com/9lerjw eu gostaria dela, na parte da barra inteira... Como a das categorias

Como assim amigo? , aquilo é sua barra de navegação :/, é que você retirou o fundo ... mas é aquilo.

Mas se você ta falando sobre as cores... é que você esqueceu de alterar a cor do box-shadow :/
teria que ficar assim: #pun-navlinks {box-shadow: #00FA9A 0 -2px 0 inset; }

hehe :/

Assim qu eu queria =D http://prntscr.com/9lf1fk ... Perdão se não fui preciso na questão !

Troque o CSS que te passei por este:

Código:

 #pun-head {border-bottom: 3px solid #00FA9A;;box-shadow: #00FA9A; 0 -2px 0 inset;}
        .main .main-foot, .main .main-head, .title-overview {border-bottom: 1px solid #00FA9A;;box-shadow: #00FA9A; 0 -2px 0 inset;}

Tem que ficar no topo da sua folha de estilo.

Ótimo, pode fechar !