Menú Square

Hola a todos, este es otro pedido. Se trata del menú que tengo yo en la cabecera. Me lo pidió Mia, y aqui se lo traigo. Hay diferentes tipos, pero haremos este (es el menu de color verde... aunque es el único menu que hay xD)

Antes de </body> ponemos:

<style>.MENUsquare { /* BORDE TOP */font-family: arial;font-size: 11px;text-transform: uppercase;padding: 10px;position: fixed;left: 0px;top: 0px;width: 100%;overflow: hidden;text-align: center;border-top: 0px solid #81F7BE;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;}.MENUsquare:hover { /* BORDE TOP HOVER */border-top: 0px solid #81F7BE;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}.MENUsquare a { /* LINKS */background: #81F7BE;color: #fff;text-decoration: none;    padding: 50px; text-shadow: 0px -100px 1px #FFF;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;} .MENUsquare a:hover { /* LINKS HOVER */background: #BBE7D9;color: #fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}</style><div class='MENUsquare'>  <a href='http://nombredetublog.blogspot.com'>Home</a><a href='URL'>AFiliación</a><a href='URL'>Tutoriales</a><a href='URL'>Recursos</a><a href='URL'>Concursos</a></div>

Para cambiar el fondo cambiamos los códigos de background, y el colore del link es el que pone #fff.