li{
  margin:5px;
  line-height:38px;
  list-style:none;
}

a{
  color:#def;
  background:#822;
  text-decoration:none;
  background-image:-webkit-gradient(linear, left top, left bottom, from(#a22), to(#622));
  background-image:-moz-linear-gradient(top, #a22, #622);
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:3px;
  border-top:5px solid #622;
  border-left:5px solid #622;
  border-bottom:5px solid #a22;
  border-right:5px solid #a22;
  position:relative;
  left:0;
  -webkit-transition:color .1s linear, border .1s linear, left .1s ease-in;
  -o-transition-property: color, border, left;
  -o-transition-duration: .1s, .1s ,.1s;
  -o-transition-timing-function: linear, linear, ease-in;
}

a:hover{
  color:#ffb;
  background-image:-webkit-gradient(linear, left top, left bottom, from(#622), to(#a22));
  background-image:-moz-linear-gradient(top, #622, #a22);
  border-top:5px solid #a22;
  border-left:5px solid #a22;
  border-bottom:5px solid #622;
  border-right:5px solid #622;
  left:10px;
}

a:active,a:focus{
  background:#522;
}