On this page, the title states it features a margin top &lifier bottom of 25px (after i use inspect aspect in Chrome 10) - however the CSS appears like this:

.post h2 {
margin:0;
text-align: left;
font-size: 18px;
overflow:hidden;
font-weight:normal;
}

I am attempting to reduce the bottom and top margins round the title.

Here is a screenshot from the problem:Margin Problem

There is no such element around the page. You need to edit .title h2 rather than .post h2.

The <h2> is exhibiting a default margin (which varies with respect to the browser) if you wish to edit the margin, use .title h2 or even the generic h2 (line 405 of fashion.cascading stylesheet based on FireBug - this can alter all <h2>s on the website though).

As i can tell there not a problem inside your class=titleas well as your h2 have this:

h2 {
    color: #000000;
    font-family: HarabaraHandItalic;
    font-size: 30px;
    padding: 0 0 0 15px;
}

and

.title {
      background: url("images/title.jpg") no-repeat scroll 0 0 transparent;
        margin: 0 0 0 0;
        padding: 0;
}

the url isn't working and you will add margin inside your h2 rather.