はてなブログの画面幅を広げるには

はてなブログのデフォルトテーマでは画面の表示幅が狭いので、広げてみました。デザインテーマは標準で付属している「Report」を利用する前提です。ダッシュボード（はてなブログの管理画面）から「デザイン → カスタマイズ → デザイン CSS」と辿ります。

ここに以下の CSS を設定しました。

@media screen and (min-width:1200px) {

#container {
  margin: 0 0 0 100px;
}

#content-inner {
  width: 1200px;
  margin: 0 auto;
}

#wrapper {
  width: 920px;
  float: left;
}

}

これでブログの表示幅が広がりました。