Probably help if you knew enough HTML to write the CSS, much less tell others how it should be done.
How can you have a H4 before an H1 when H4 means the start of a subsection of the H3 preceding it? IS the "article" title REALLY the header describing all pages on the site, which is what a H1 means? What makes that section with the H4 a literary aside, related to the main article but optional content?
Your HTML is semantic gibberish. You know semantic markup, right? The sick euphemism for "using HTML properly"?!?