/* This line sets up our clickable background image
 based on the site title's link */

/*  Adjust the height & width below to reflect the actual size of 
your image */

/* Change the filename of your image to reflect the actual header's file
 name */

.custom #header #logo a { display: block; height: 140px; width: 990px; 
background: url('images/header.png') no-repeat; outline: 
none; }
/* This line gets rid of the site title & tagline by casting them
 out to the far left */

.custom #header #logo, .custom #header #tagline { text-indent: -9999px; }
/* This line collapses the vertical space of the tagline so that 
there isn’t unnecessary white space after the header image */

.custom #header #tagline { height: 0; }
/* This line removes the padding from the header so that the 
background image sits close to the nav menu, the bottom border of the 
header, and the sides of the content */

.custom #header { padding: 0; }

.format_text .to_comments {visibility: hidden;}

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>