Unwanted gap between H1 tag and text

You could try adding a rule for H1 to the CSS file, and setting the margin-bottom element to something like -100px (or whatever) until the text is at a reasonable distance.

Thanks for your reply, much appreciated. The stylesheet looks like this, where would I make the changes?

p, h1, h2, h3, span#copyright { margin: 0 10px; color: #000; font-weight: normal}
h1, h2, h3, h4 {margin-bottom:5px; color: #FFC48B; }
p { font: 11px arial, ‘Trebuchet MS’, verdana; line-height: 1.6em;color:#000 ; }
h1{font:normal 16px arial;letter-spacing: 0.8px;height:100px;padding:0px 0px 100px 5px;}

/* site heading */
h2 { font-size: 1.30em; line-height: 2.40em } /* site heading */
h3 { color: #222222;font-size:16px;font-weight: normal;margin: 0px 0 0 0px;padding:0px 0px 0px 0px;text-decoration: none;letter-spacing:.05px;height:auto;background:none;}

/* sub headings */
h5 { margin:0px 0 8px 10px;font-size:11px; color:#FFF783; font-weight:bold;}
h5 a{color:#666;}
span#copyright { font-size: 13px; line-height: 35px; color: #000 }
div { padding: 10px 0;}

I recommend adding a span tag around the H1 header, with a class something like “post-title”, then in the CSS adding a new rule like this:

.post-title h1 { margin-bottom: -170px; }

Using this code:
h1{font:normal 16px arial;letter-spacing: 0.8px;height:100px;padding:0px 0px 100px 5px;}

Adds 100px padding below your h1. Try changing it to this:

h1{font:normal 16px arial;letter-spacing: 0.8px;padding:0px 0px 10px 5px;}

Success! Thank you so much for your help.