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 {
width:315px;
height:auto;
border:0;
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;
}