/*balance out the main content and the side navigation*/
document.observe('dom:loaded', function(){  
   var difference = $('nav').getHeight() - $('main-content').getHeight();
   if(difference > 0) {
     $('main-content').setStyle({paddingBottom:difference + 'px'});
   }
 })