On this page, the written text underneath the photos within the primary section (a.event) is not showing the 5px padding bottom and top. Any ideas why? Thanks men =)

a.event {
padding: 5px 0;

Your a tag is wrapping round the image and the written text. Therefore the padding seems over the image and underneath the text.

Firebug is a great tool for checking the HTML that's being made. It causes it to be trivial to locate most of these errors.

wrap the written text with


then inside your css:

a.event p {
padding: 5px 0;