jQuery Animate text-color on hover

Usando el siguiente código, tratando de obtener el color de fuente para animar al pasar el mouse, de manera similar a como tengo la animación de color de borde inferior. Cambiar el color del borde inferior funciona bien, pero el color de la fuente parece no cambiar. Un ejemplo completo se puede ver aquí:http://www.buenolisto.com/alma. Cualquier ayuda es muy apreciada. También estoy llamando a la interfaz de usuario de jQuery con: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');
})​

Respuestas a la pregunta(1)

Su respuesta a la pregunta