Sidebar separada por colunas

Procure pela linha

/* Headings

 

Você vai apagar Todo o código dentro da área

h2 {
margin:1.5em 0 .75em;
 font:$headerfont;
 line-height: 1.4em;
 text-transform:uppercase;
 letter-spacing:.2em;
 color:$sidebarcolor; }

 Substitua por esse 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 ;
}

Se você quiser colocar duas colunas apenas mude essa parte:

.sidebar-wrapper h2
Você coloca sidebar-wrapper 2 h2
Por que você vai fazer isso por causa do nome de sua nova sidebar ou coluna.