Menu hover flamingo com borda

Hey people! Estou aqui deixando um menu pronto para vocês utilizarem no seu blog (recomendo utilizar como menu principal e que fica alinhado no topo. Clique aqui para testar o menu
Bem, vamos a edição do menu:

<div id="menurosinha">

<li><a href="#">Home</a></li>

<li><a href="#">Sobre</a></li>

<li><a href="#">Contato</a></li>

<li><a href="#">Extras</a></li>

<li style="border:none;"><a href="#">Ajuda</a></li>

</div>

<style>

@import url(http://fonts.googleapis.com/css?family=Chewy);

#menurosinha li{

list-style:none;

Display:inline;

padding-right:15px;

border-right:1px dotted #fc5928;

padding-left:10px;

}

#menurosinha{

font-family: 'Chewy';

background:#ff9978;

outline-offset:-3px;

outline:1px dashed #fc5928;

padding:20px;

font-size:20px

}

#menurosinha a{

color:#fccabf;

text-decoration:none;

transition:all 0.5s;

}

#menurosinha a:hover{

color:#fc5928;

text-decoration:none;

}

</style>

Neste menu, eu utilizei uma fonte personalizada para deixar ele mais fofinho :3
Veja a prévia:

Home

Sobre

Contato

Extras

Ajuda

Bem, para editar os links do menu, basta você apenas alterar os links assim:

<li><a href="LINK PARA SER REDIRECIONADO">Início</a></li>

<li><a href="LINK PARA SER REDIRECIONADO">Sobre</a></li>

<li><a href="LINK PARA SER REDIRECIONADO">Contato</a></li>

<li><a href="LINK PARA SER REDIRECIONADO">Extras</a></li>

<li style="border:none;"><a href="LINK PARA SER REDIRECIONADO">Ajuda</a></li>

Você pode ter percebido que o ultimo link é diferente, é importante que não remova ele pois ele tira aquele "pauzinho" final  (que está separando os menus).