// navigation effects
$(document).ready(function() {
  $('#nav li a').hover(function() { //mouse in
    $(this).stop().animate({ paddingLeft: '42px' }, 150); 
  }, function() { //mouse out
    $(this).animate({ paddingLeft: '34px' }, 150);
  });
});