Template / CSS not working properly

Hi there, using WordPress 3.5.1, Everest theme (from Elegant Themes) and Blog in Blog.

I am having serious issues formatting the blog to resemble the site. I am using a custom template (although not much has changed from the original, and the original looks almost identical when rendered in a browser).

Also, if I change the font site for the body tag in BiB template, it changes the navigation settings of the site too 🙁

The test site can be seen at:

http://letstrav.cpanel1prelive.ireckonhosting.com/interaction/blog/

Can you help please?

Here is the code for the custom template in use:

<!– blog-in-blog Version: %bib_version% –></p>
<style type=”text/css”>
<!–
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
}
a:link {
color: #f9ce22;
}
–>
</style>
<div class=”post”>
<!– Post Headline –></p>
<div class=”post-headline”>
<h2>
%post_title%
</h2>
<p><small>%post_date% %post_time%</small>
</div>
<p><!– Post Body Copy –></p>
<div class=”post-bodycopy clearfix”>%post_content%</div>
<div class=”post-comments”>%post_comments%</div>
</div>
<p>

I would really appreciate your help in fixing this.

Thanks
chris

http://wordpress.org/extend/plugins/blog-in-blog/