メインカラムとサイドバーの透過方法について

#main{
  background-color:#fff;
}

これが色情報なので質問にあるようにrgbaでaのアルファ値を設定すればメインの背景は透けます。しかしもっと全体的に(文字やらも含めて)透かせたいのであれば、

#main {
  //何かしらのプロパティ
  opacity: 0.8;
}

とかでしょうか。opacityは1で非透過、0で透過です。同様に、#sidebarも透けさせられるので、子テーマあたりに、

#main, #sidebar {
  opacity: 0.5;
}

とかにするとよりわかるかも知れません。問題点があるとすればIEとかの古いやつやら、opacityをサポートしてないブラウザに対しては効きません。

全体的なブラウザに対応させようとすると、

#main, #sidebar {
  opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=75); /* IE lt 8 */
  -ms-filter: "alpha(opacity=75)"; /* IE 8 */
  -khtml-opacity: .75; /* Safari 1.x */
  -moz-opacity: .75; /* FF lt 1.5, Netscape */
}

こうする必要があると思いますが、IEは既に、新しいブラウザ(edge: 旧呼称spartan)をマイクロソフトがリリースする予定なのでもうサポートしなくていいんじゃないかと思ったりもします。
firefoxもopacityは効きますし、書くとすればスマホ向けの設定でも書いておけばよいのではと思ったりも。まぁスマホも最近のはたいてい問題ないですけどね。

半透明にしないとデザインが損なわれるという場合を除いて、opacityだけで良いと僕は思います。

ちなみに、わいひらさんがどうやったのか、その方法はわかりません（笑）が、まぁ同じようなことができると思います。

>hidekichi様

希望通りの設定ができました。
ご提案の通り、IEについてはスルーします。

とても詳しいご説明ありがとうございました！

>わいひら様
素晴らしいテーマのご提供ありがとうございます。
引き続き利用させていただきます！