Sidebar separada por colunas Kaiosanntos

Vamos começar procurando por:
/* Headings

Depois de ter feito isso , você irá apagar todo o código que se encontra dentro da aréa:
h2 {
margin:1.5em 0 .75em;
 font:$headerfont;
 line-height: 1.4em;
 text-transform:uppercase;
 letter-spacing:.2em;
 color:$sidebarcolor; }

Depois você vai substituir pelo código abaixo:
.sidebar-wrapper h2 {
 width:XXpx;
 height:XXpx;
 background:url(LINK DO TOPO)no-repeat;
 text-align:left;
 margin:20px 0px -10px 0px;
 padding:5px 0px 0px 25px;
 font-family: Arial; font-size: 15px;
 color:#fff;
 }
 .sidebar-wrapper .widget-content {
 background:url(LINK DO MEIO)repeat-y;
 width:XXpx;
 margin:-10px 0px -10px 0px;
 color:#FFFFFF!importante;
 padding: 10px 0px 0px 10px;
 }
 .sidebar-wrapper .widget
{ background:url(LINK DO RODAPÉ)no-repeat bottom ;
}

Caso , você queira usar duas coluntas basta mudar essa parte dele:
.sidebar-wrapper h2
dai vc coloca sidebar-wrapper 2 h2
Você vai fazer isso por causa do nome de sua nova sidebar ou coluna