Hi Karen,

I highly recommend using the Firefox Web Developer tool for troubleshooting CSS issues like this.  You just select View Style Information from the CSS menu on the toolbar after its installed and as you move your mouse around the web page the location of where the styles are set is written to a text area that is added to the left part of the screen.  The Web Developer toolbar is an add-in to Firefox that you can download it here if you're interested.  It has saved me hours of time and I think you'll really love it if you haven't had the chance to use it before.

Another feature of the toolbar is the ability to edit the CSS while you're looking at the page.  I used this to edit your CSS as follows:

h2.blog_title, h2.blog_title a
{
 font-family: Georgia, "Times New Roman", Times, serif;
 border-bottom-width: 4px;
 border-bottom-style: dotted;
 border-bottom-color: #666666;
 margin-bottom: 5px;
 padding-bottom: 5px;
 font-size: 30px;
 text-decoration:none;
}

This has caused me grief before.  With CSS if you have an element that is a child of another element which has a class applied to it, you need to explicitly tell CSS that you want to apply your style to the child element.

HTH,

Don