Posicionar menu e botar um efeito

• Descrição:

Meu menu é todo bagunçado no topo no canto de lá << Olhe:


Queria posicionar o meu menu, igual á imagem abaixo:


Explicando: O menu do forum que quero o posicionamento, perceba que ele fica emcima do banner mesmo, e quero que posicione e tambem se possivel (se não conseguir td bem) os efeitos de quando passar o mouse emcima de um menu.

Para facilitar e não ficar nas duvidas depois, eu botei o mesmo banner do forum que quero o efeito, depois que ficar pronto eu irei tirar o banner do outro forum e botar o meu.
Encontrado em: http://escolademagiapt.portugueseforum.net/forum

• Informações:

Código:

a.mainmenu {
color: #fff;
display: block;
font-family: unica one;
font-size: 20px;
height: 2px;
letter-spacing: -1px;
position: relative;
right: 370px;
text-align: center;
text-shadow: 5px 5px 3px #000;
text-transform: Capitalize;
top: -205px;
transition: all .5s ease-in-out .1s;
}
a.mainmenu:hover {
color: #171717;
letter-spacing: 1px;
text-decoration: none;
text-shadow: 0 0 3px #633463;
text-transform: lowercase;
transition: all .5s ease-in-out .1s;
}

Código:

li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/search"] { display : none; }

Saudações!

Painel de Controle    Visualização    Imagens e cores    Cores    Folha de estilo CSS

Código:

li#nav_app_forums {
color: #fff;
display: list-item;
font-family: unica one;
font-size: 20px;
height: 2px;
letter-spacing: 1px;
position: absolute;
right: 66px;
text-align: center;
text-shadow: 5px 5px 3px #000;
text-transform: Capitalize;
top: 23px;
transition: all .5s ease-in-out .1s;
z-index: 9999999;
}
li#nav_app_portal {
color: #fff;
display: list-item;
font-family: unica one;
font-size: 20px;
height: 2px;
letter-spacing: 1px;
position: absolute;
right: 66px;
text-align: center;
text-shadow: 5px 5px 3px #000;
text-transform: Capitalize;
top: 55px;
transition: all .5s ease-in-out .1s;
z-index: 9999999;
}
li#nav_app_members {
color: #fff;
display: list-item;
font-family: unica one!important;
font-size: 20px;
height: 2px;
letter-spacing: 1px;
position: absolute;
right: 58px;
text-align: center;
text-shadow: 5px 5px 3px #000;
text-transform: Capitalize;
top: 85px;
transition: all .5s ease-in-out .1s;
z-index: 9999999;
}

Código:


ul#community_app_menu {
color: #fff!important;
display: block;
font-family: unica one;
font-size: 20px;
height: 2px;
letter-spacing: -1px;
position: relative;
right: 500px;
text-align: center;
text-shadow: 5px 5px 3px #000;
text-transform: Capitalize;
top: 0px;
transition: all .5s ease-in-out .1s;
}
ul#community_app_menu:hover {
color: #171717!important;
letter-spacing: 1px;
text-decoration: none;
text-shadow: 0 0 3px #633463;
text-transform: lowercase;
transition: all .5s ease-in-out .1s;
}


Código:


ul#edit_profile, span#user_link_dd, a#inbox_link, a[title="Desconectar-se"] {
color: #fff!important;
display: block;
font-family: unica one;
font-size: 20px;
height: 2px;
letter-spacing: -1px;
position: relative;
right: 500px;
text-align: center;
text-shadow: 5px 5px 3px #000;
text-transform: Capitalize;
top: 0px;
transition: all .5s ease-in-out .1s;
}
ul#edit_profile:hover, span#user_link_dd:hover, a#inbox_link:hover, a[title="Desconectar-se"]:hover {
color: #171717!important;
letter-spacing: 1px;
text-decoration: none;
text-shadow: 0 0 3px #633463;
text-transform: lowercase;
transition: all .5s ease-in-out .1s;
}


Código:


ul.ipsList_inline {
color: #fff!important;
display: block;
font-family: unica one;
font-size: 20px;
height: 2px;
letter-spacing: -1px;
position: relative;
right: 500px;
text-align: center;
text-shadow: 5px 5px 3px #000;
text-transform: Capitalize;
top: 0px;
transition: all .5s ease-in-out .1s;
}
ul.ipsList_inline:hover {
color: #171717!important;
letter-spacing: 1px;
text-decoration: none;
text-shadow: 0 0 3px #633463;
text-transform: lowercase;
transition: all .5s ease-in-out .1s;
}


Código:


ul.ipsList_inline li a {
color: #fff!important;
}
ul.ipsList_inline {
color: #fff!important;
display: block;
font-family: unica one;
font-size: 20px;
height: 2px;
letter-spacing: -1px;
position: relative;
right: 500px;
text-align: center;
text-shadow: 5px 5px 3px #000;
text-transform: Capitalize;
top: 0px;
transition: all .5s ease-in-out .1s;
}
ul.ipsList_inline a:hover {
color: #171717!important;
letter-spacing: 1px;
text-decoration: none;
text-shadow: 0 0 3px #633463;
transition: all .5s ease-in-out .1s;
}