Padding to separate posts leaves an excess border-left hanging above footer

Hello,

I’ve used modernist as the base theme for my site but modified it heavily.

The ‘content’ section contains the blog posts and sits above the footer.

I have a thick border-left running down the length of ‘content’

Using bottom-padding of 50px to vertically space out the blog posts within ‘content’ works nicely but also means the bottom element has 50px of redundant space before the footer, both on single post pages and index pages.

Because the border-left runs the length of the content box I am left with a margin overhanging what, to users, looks like the end of the post.

I havent been able to solve this, help would be appreciated. My options so far have been

1) find out if I can control the space between posts vertically without assigning padding-bottom: 50px; to each post — no luck so far.

2) try and give ‘content’ a negative magin value at the bottom — this succeeds in sucking the footer up closer to the end of the last post, but is ineffective in removing the extra overhanging border which is generated by the 50px of bottom padding on the post

3) make the footer a white block and force it upwards over the border, thus ‘hiding’ the overhanging border.

here’s a single post page for an example: https://www.dyroxy.com/journal/2011/aug-11-everybody-has-an-everyday/