Menu com Hover e padding

Bom galera trago aqui um menu que eu ultilizo em um blog meu e o math pediu pelo xat,abaixo codigo e demonstração

Procure por:

]]></b:skin>

acima disso cole:

/* menus
----------------------------------------------- */
#menuv ul {
list-style: none;
margin: -4px 0px 0px 0px;
padding: 0;
border: none;
}
#menuv li a {
height: 9px;
display: block;
padding: 8px 0px 0px 10px;
background: #ff7676;
color: #ffffff;
border-radius: 10px;
text-shadow:0 0 .1em #000000;
font-weight: normal;
text-decoration: none;
width: 190px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
#menuv li a:hover {
padding: 8px 0px 0px 20px;
background: #323232;
color: #ffffff;
text-shadow:#000 0 0 1px !important;;
width: 180px;
box-shadow: 0px 0px 5px black;
-webkit-box-shadow: 0px 0px 5px black;
-moz-box-shadow: 0px 0px 5px black;
-o-box-shadow: 0px 0px 5px black;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}

Agora crie um gadget e cole o codigo abaixo:

<div id="menuv"><ul><li><a href="LINK DO MENU">NOME DO MENU</a></li> </ul></div>

Pronto para add mais menus e so copiar e colar o codigo