Şöyle olabilir:
Article'lere sol ve sağ margin değerleri verilir. Article'leri kapsayan div'e ise sol ve sağ eksi (-) margin değerleri verilir.

.home .sidebar-with-content {
max-width: 100% !important;
width: 100%;
}

#content_box {
margin-bottom: 0;
margin: auto -30px;
overflow: auto;
width: auto;
}

.featured-category-title {
width: 100%;
float: left;
padding-left: 30px;
margin-bottom: 30px;
}

.widget h3:before, .featured-category-title:before {
position: absolute;
content: '';
width: 30px;
height: 1px;
bottom: -1px;
left: 30px;
background: #aa1801;
}

div#content_box article {
width: 46.8888%;
margin: 0px 15px 30px 15px;
}


Sonrasında yeni bir sorunla karşılaşacaksınız tabi ki :p

Bu sorun neyden kaynaklı diye soracak olursanız eğer; article'lerin yükseklikleri eşit boyutlarda olmadığı için böyle oluyor.