Headings Gone too far

A browser tool like Firebug will be VERY useful in working with CSS – it shows this CSS is creating those margins:

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    font-family: Helvetica;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 25px;
}

So you will need to ADD the CSS for the h3 tags to custom CSS (theme option or plugin) – and make the change there – try

.entry h3 {
    margin-bottom: 10px;
    margin-top: 25px;
}

Change the numbers in the above to your liking.

If you need additional help, you should ask the developer – as commercial themes aren’t supported on these forums.

BTW, a bit of (unsolicited) advice – flashing headers (or anything else) is really distracting and irritating to users – I’d strongly suggest not doing that :)!

Although your hack worked but I am still not able to understand your advice, i am newbie can u elaborate it a bit

Which part are you not understanding – the CSS or the flashing headers? If the flashing headers, your site has “Let Us Make Your Blog Better” in flashing style. This can be very annoying to people visiting your site, at least in my experience.