全体の配色をいじっていきたい。とにかく、下図の箇所の色を変更しようと思う。

1. 背景の画像を用意して、変更する。
2. containerとcontainer-innerとの間は#ff9999に。
3. container-innerの両側は2pxの#cc00ccラインを。
4. サイドバー側（左側）の画像をやめて、#ffcc66に。
5. 記事側（右側）の地色は、そのままの#ffffeeに。
6. コピーライトの背景は、バナー（タイトル）の背景と同じ#ffcc99に。
7. フッターの上部のフチに、 1pxの#cc00ccラインを。

とまぁ、今回の変更内容はこんな感じである。

ということで、 早速mt-static/themes/original/フォルダのoriginal.cssをいじっていきます。 （赤字から青字へ）

なお、背景の画像は×noconoco×さんのサイトより頂きました。

/* page layout */

body{
 min-width: 820px;
 color: #333;
 background: #e1e0e0 url(body-bg.gif) repeat;　→　tx01.gif /*背景画像*/
 background-attachment : fixed;　（追加） /*背景固定*/
}

#container{
 width: 820px;
 background-color: #ffffee;　→　#ff9999
}

#container-inner{
 margin: 0 10px 0 10px; →　0 8px  0 8px
 border-bottom: 1px solid #4A87B9;　（削除）
 background: transparent url(column-right-bg.gif) -500px 0 repeat-y;　（削除）
 border-left: 2px solid #cc00cc ;　（追加）
 border-right: 2px solid #cc00cc ;　（追加）
}


/* two-column-left tweaks */

.layout-two-column-left #pagebody{
 background: transparent url(column-left-bg.gif) -580px 0 repeat-y;　→　background-color:#ffffee;
}

.layout-two-column-left #alpha {
 width: 200px;
 background-color:#ffcc66;　 （追加）
}

.layout-two-column-left #footer
{
 padding:10px;
 border-top: 1px solid #000000;　→　#cc00cc
 color: #ffffff;　→　#000000
 background: #7fa2ea;　→　#ffcc99
 font-size: 11px;
 text-align: center;
}

ってな感じで完成！・・・あとは、コメントと、メニュー部分をいじったら、ほとんど完了かな。