今私が使っているテーマ、Sugar & Spice で、スマホから見たデザインの調整をしてみました。

記事の両脇にスペースがあります。このスペースを少し狭くしたいのですが･･･。

スマホで見たとき限定なので、style.cssではなく、responsive.cssで調整します。
52行目の
[css] #main, #header, #prefooter { background: none; }[/css]
これを、
[css]#main {
background: none;
padding: 3px !important;
}

#header, #prefooter { background: none; }
[/css]
こちらに変更します。
記事を囲んでいる要素が#mainです。
paddingの3pxは、例として挙げた下の画像が3pxですので、お好みで変えてくださいね。