Twenty Twelve、ワンカラムの記事（カテゴリー表示）幅が変更できません

Twenty Twelveをワンカラムにて使用しております。
本文の幅を960pxから640pxに狭めようしているのですが、どうにも上手くいきません。
該当ページはこちらになります。
http://abirdwhale.com/category/blog-ja/

子テーマのstyle.cssは次のような内容になっています。

@charset "utf-8";
/*
Theme Name:     twentytwelve-child
Theme URI:      http: //example.com/
Description:    Twenty Twelve theme の子テーマ
Author:         Kakinoki Masato
Author URI:     http: //example.com/about/
Template:       twentytwelve
Version:        0.1.0
*/
@import url('../twentytwelve/style.css');

/* http://eienmukyu.com/2012/05/komidashi-css/ */
h3.selector01 {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.846153846;
     font-weight: bold;
     border-left: 7px solid #e0e0e0;
     border-bottom: 1px solid #e0e0e0;
     padding: 0.3em 0.8em;
     margin: 2em 0em 1em 0em;
}

/* http://eienmukyu.com/2012/05/komidashi-css/ */
h2.selector01 {
	font-size: 18px;
	font-size: 1.285714286rem;
	line-height: 1.6;
     font-weight: bold;
     border-left: 7px solid #e0e0e0;
     border-bottom: 1px solid #e0e0e0;
     padding: 0.3em 0.8em;
     margin: 2em 0em 1em 0em;
}

/* http://eienmukyu.com/2012/05/komidashi-css/ */
h3.selector01b2 {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.846153846;
     font-weight: bold;
     border-left: 7px solid #21759b;
     border-bottom: 1px solid #21759b;
     padding: 0.3em 0.8em;
     margin: 2em 0em 1em 0em;
     color: #21759b;
}

/* http://eienmukyu.com/2012/05/komidashi-css/ */
h2.selector01b2 {
	font-size: 18px;
	font-size: 1.285714286rem;
	line-height: 1.6;
     border-left: 7px solid #21759b;
     border-bottom: 1px solid #21759b;
     padding: 0.3em 0.8em;
     margin: 2em 0em 1em 0em;
     color: #21759b;
}

/* http://eienmukyu.com/2012/05/komidashi-css/ */
h3.selector01b {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.846153846;
     font-weight: bold;
     border-left: 7px solid #21759b;
     border-bottom: 1px solid #21759b;
     padding: 0.3em 0.8em;
     margin: 2em 0em 1em 0em;
}

/* http://eienmukyu.com/2012/05/komidashi-css/ */
h2.selector01b {
	font-size: 18px;
	font-size: 1.285714286rem;
	line-height: 1.6;
     border-left: 7px solid #21759b;
     border-bottom: 1px solid #21759b;
     padding: 0.3em 0.8em;
     margin: 2em 0em 1em 0em;
}

/* stop tex-transform in navigation */
.main-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 3.692307692;
		text-transform: none;
		white-space: nowrap;
	}

/* This Block Adjusts the Overall Theme Width */
footer[role="contentinfo"] {
	max-width: 640px;
}
@media screen and (min-width: 600px) {
	.site {
		max-width: 640px;
		max-width: 45.7142857143rem;
	}
}
.ie .site {
	max-width: 640px;
}

.nocomments {
display: none;
}

/* Remove image borders */
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    border-radius: none !important;
    box-shadow: none !important;
}

そのうち、

/* This Block Adjusts the Overall Theme Width */
footer[role="contentinfo"] {
	max-width: 640px;
}
@media screen and (min-width: 600px) {
	.site {
		max-width: 640px;
		max-width: 45.7142857143rem;
	}
}
.ie .site {
	max-width: 640px;
}

という部分が、http://voodoopress.com/modify-the-width-of-the-new-wordpress-twenty-twelve-theme/を参考に、今回新たに追加した箇所になります。
子テーマをどういじっても上手く行かなかったため、親テーマのstyle.cssの960とある部分（4箇所ありました）すべてを640に置換してみたりもしたのですが、結果は同じでした。

ちなみに該当ページは、記事一覧ではなく、あるカテゴリーに該当する記事を表示したものになっております。

ご多用のところ申し訳ありませんが、お力をお貸しいただけると大変ありがたいです。
よろしくお願いいたします。