Well, there seems to be a lot of stuff in the footer css that isn’t doing anything, but try this. Open style.css in the theme and find the following:
/* == FOOTER == */
#bottom{
margin: 0 auto
position: relative
width: 977px;
background:url(images/footer2.png) no-repeat;
height:154px;
Put a semicolon at the end of auto and relative so it looks like this:
/* == FOOTER == */
#bottom{
margin: 0 auto;
position: relative;
width: 977px;
background:url(images/footer2.png) no-repeat;
height:154px;
That will get it close, but you will notice the right and left edges still don’t line up perfectly, so you may try changing the auto value to what you see below and see if that corrects the alignment. Note: I’ve only checked this in FF, so you will want to make sure it looks good in IE as well.
/* == FOOTER == */
#bottom{
margin: 0 234px;
position: relative;
width: 977px;
background:url(images/footer2.png) no-repeat;
height:154px;