Barra de navegação junto ao logo do fórum

Qual é minha questão:
Olá, minha dúvida é a seguinte, como fazer o topo do fórum igual o do Forumeiros?  Colocando a barra de navegação em baixo dele e com fundo na mesma cor?

Pra ficar mais fácil entender, aqui vai a imagem: https://2img.net/r/ihimizer/img811/7593/semttuloke.jpg
Obrigado.

Endereço do meu fórum:
http://bcrp.forumeiros.com

Versão do fórum:
PHPBB3

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:

#page-footer, div.navbar, div.navbar ul.linklist {
    margin-top: -10px!important;
}

Até

https://2img.net/r/ihimg/a/img22/4674/semttulotpq.png

to com esse problema.. a barra que está logo abaixo do menu não ficou na mesma altura que os botões. Sabe como resolver?

Obrigado pela ajuda em relação aos botões, funcionou perfeitamente

Olá!

Utilize este código:

Código:

ul.navlinks{margin:auto -10px!important}
#page-header .navbar span.corners-top{display:none!important}
#page-header #logo-desc{min-height:auto!important}
#page-header .headerbar{margin-bottom:0}
.navlinks{border:0px !important;}
#page-header #logo-desc #logo{padding:0}
#page-header .navbar ul.navlinks {
    border-bottom: 1px solid rgb(0, 118, 177);
}
#page-footer, div.navbar, div.navbar ul.linklist {
    display: block !important;
}
.linklist.navlinks {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0px 0px rgb(23, 117, 189) !important;
    border-color: rgb(76, 160, 206) rgb(21, 93, 152) rgb(21, 93, 152);
    border-image: none;
    border-radius: 0px 0px 6px 6px;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
}
.linklist.navlinks a {
    color: rgb(255, 255, 255);
    font-family: Verdana;
    font-size: 11px;
    padding: 3px 7px;
    text-shadow: 1px 1px 0px rgb(18, 75, 121);
}
.navbar{background-color:transparent;clear:both;padding:0 10px}
span.corners-bottom span{background-image:url(http://2img.net/i/fa/fdf3/corners_right.png);background-position:100% 100%}
.navbar span.corners-bottom,.navbar span.corners-top,.panel span.corners-bottom,.panel span.corners-top,.post span.corners-bottom,.post span.corners-top{margin:0 -10px}

Adicione em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Melhores cumprimentos,
seender

Obrigado seender, mas ele ainda não está junto. Observe:

https://2img.net/r/ihimg/a/img833/2646/semttuloxxj.png

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:

#page-footer, div.navbar, div.navbar ul.linklist {
    margin-top: -10px!important;
}


Até

Saudações!

Aceda à tua "Folha de Estilo CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

#page-header .navbar ul.navlinks {
position: relative !important;
top: -10px !important;
}

Valide.

Até mais.

Obrigado, a Sugestão do seender e Kimblee me ajudou muito!