Masonry Blog CSS

Hello,

My site is http://www.inspiredautosport.com and in my BLOG page, I would like to use Masonry style, I tried implementing this code below which worked but still only shows 1 row of blog, I would like additional rows, is that possible?

/* Masonry Custom CSS */

/* Masonry container */
body.blog div#content, body.archive div#content {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
-moz-column-gap: 1em;
-webkit-column-gap: 1em;
column-gap: 1em;
}

/* Masonry bricks or child elements */

body.blog article, body.archive article {
background-color: #eee;
display: inline-block;
margin: 0 0 1em;
padding: 1em;
width: 100%;
}

body.archive .archive-header, body.blog .paging-navigation, body.archive .paging-navigation {
background-color: #ffffff;
-webkit-column-span: all;
column-span: all;
}