jQuery Animate cor de texto em hover

Usando o código a seguir, tentando obter a cor da fonte para animar em foco, semelhante a como eu tenho a animação de borda inferior-cor. Alterar a cor da borda inferior funciona bem, mas a cor da fonte simplesmente não parece mudar. Um exemplo completo pode ser visto aqui:http://www.buenolisto.com/alma. Qualquer ajuda é muito apreciada. Eu também já estou chamando a interface do usuário do jQuery com:https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.js

jQuery("li.social").hover(function() {
jQuery(this).find("img").stop(true, true).animate({
    'marginTop': "-=20px"
}, 'fast');
}, function() {
jQuery(this).find("img").stop(true, true).animate({
    'marginTop': "+=20px"
}, 'fast');
})
jQuery("li.reservas").hover(function() {
jQuery(this).find("img").stop(true, true).fadeOut({
    'marginTop': "-=30px"
}, 'slow');
}, function() {
jQuery(this).find("img").stop(true, true).fadeIn({
    'marginTop': "+=30px"
}, 'slow');
})
jQuery("ul.menu li").hover(function() {
jQuery(this).find("a").stop(true, true).animate({
    'borderBottomColor': '#2E9ECE',
    'color': '2E9ECE'
}, 'slow');
}, function() {
jQuery(this).find("a").stop(true, true).animate({
    'borderBottomColor': '#FFDF85',
    'color': 'FFDF85'
}, 'slow');
})​

questionAnswers(1)

yourAnswerToTheQuestion