AvatarAang on "[Plugin: Blog In Blog] Styling templates"

I managed to install the plugin and get the content going out to the right pages here:

The recipes and tips pages.

But I can't get the style to mimic the homepage style. I made a template with my own CSS but it's not showing up. I'm still relatively new to html/css so I'm not sure what I'm doing wrong exactly.

Here's the shortcode that goes on the pages:

[blog_in_blog template='categories' category_id=4 num=15]

The 'categories' template I tweaked.

<br />
<!-- blog-in-blog Version: %bib_version% --></p>
<style type="text/css">
body,td,th {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
        font-style: normal;
        font-variant: normal;
        font-weight: 300;
	color: #373737;

}
a:link {
	color: #04B2EF;
}

</style>
<div class="post">
<!-- Post Headline --></p>
<div class="post-headline">
<h2>
<a title="Permanent Link to %post_title%" rel="bookmark" href="%post_permalink%" id="%post_id%" >%post_title%</a><br />
</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>

Thanks in advance for any help.