サイドバーの横幅の広げ方

オリジナルのスタイルを適用する方法を提案させていただきます。
ブラウザチェックは、firefoxだけです、使えそうなら、ご自分で精査してください。

index.php テンプレートファイルへエレメントの追加

my-optionクラスを記述すれば、サイドバーは300pxに、クラス名を消去すれば、通常のtwentytenに戻す機能を持たせるために使います。

my-optionクラスは、自分のスタイルを適用するために利用
debugクラスは、デバッグ用にそれぞれのボックスのボーダーを表示したいときだけ利用
（なくてもいい）

index.php

get_header(); ?>
<div class="my-option debug">　<!--追加-->
		<div id="container">
			<div id="content" role="main">
　省略
			</div><!-- #content -->
		</div><!-- #container -->
<?php get_sidebar(); ?>
</div><!--追加-->
<?php get_footer(); ?>

style.css

スタイルシートの最後に追加

/* My Options
LAYOUT: Original 2columns
DESCRIPTION:new Two-column fixed layout with one 300px sidebar right of content
*/
.my-option div#container{
	float: left;
	margin: 0 -320px 0 0;
	width: 100%;
}
.my-option #content {
	margin: 0 320px 0 20px;
}
.my-option div#primary,.my-option div#secondary {
	float: right;
	overflow: hidden;
	width: 300px;
}
.my-option div#secondary {
	clear: both;
}
/* My Options debug
div.my-optionにdebugクラス追加
*/
.my-option.debug div{border:1px solid #ccc;}
.my-option.debug div#container{border-color:red;}
.my-option.debug #content {border-color:blue;}
.my-option.debug div#primary,
.my-option.debug div#secondary {border-color:green;}
.my-option.debug div#secondary {border-color:orange;}