Maquetación a tres columnas

[crafter_v]

Hola, se trata de un sitio con un width de 960px pensado a tres columnas con diferentes artículos. Las columnas se generan automaticamente solo gracias a la anchura fijada para los artículos (30%) y a la etiqueta "float left". La idea era ponerles un margen derecho del 5% a los artículos de la primera y la segunda columna para generar los intercolumnados, pero no se como hacerlo para que este margen no afecte a la tercera columna (ya que los artículos han de tener la misma clase).

En resumen:

Código HTML:

<section id="articles_list">

    	<article>
        	<img class="thumb" src="http://lorempixel.com/300/300/"/>
                    <p class="extract">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae ornare erat, vel convallis dui. Morbi in tempus massa. Proin in quam vestibulum, sollicitudin libero et, finibus dolor. 
                    </p>
        </article>
        
        <article>
        	<img class="thumb" src="http://lorempixel.com/300/300/"/>
                    <p class="extract">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae ornare erat, vel convallis dui.
                    </p>
        </article>
        
                <article>
        	<img class="thumb" src="http://lorempixel.com/300/300/"/>
                    <p class="extract">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae ornare erat, vel convallis dui.
        </article>
        
                <article>
        	<img class="thumb" src="http://lorempixel.com/300/300/"/>
                    <p class="extract">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae ornare erat, vel convallis dui.
                    </p>
        </article>
        
                <article>
        	<img class="thumb" src="http://lorempixel.com/300/300/"/>
                    <p class="extract">Cras molestie consectetur odio in rhoncus. Sed faucibus convallis quam, at elementum neque pulvinar at. 
                    </p>
        </article>
        
                <article>
        	<img class="thumb" src="http://lorempixel.com/300/300/"/>
                    <p class="extract">Maecenas suscipit pulvinar ante nec faucibus. Cras molestie consectetur odio in rhoncus. Sed faucibus convallis quam, at elementum neque pulvinar at. 
                    </p>
        </article>
        
    </section> 

Código:

/*Articles_list*/

#main #articles_list {
	clear: both;
	width:100%;
}

#main #articles_list article {
	width:30%;
	margin-bottom:40px;
	margin-right:5%;
	padding-bottom:40px;
	border-bottom:1px solid #999999;
	overflow:hidden;
	float:left;
}