Sidebar separada por colunas

Vim trazer um tutorial para vcs que me pedirão .

Procure pela linha

/* Headings

E vc vai apagar Todo o código dentro da aria

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

E vc vai substituir 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 vc quiser colocar duas colunas apenas mude essa parte dele

.sidebar-wrapper h2
dai vc coloca sidebar-wrapper 2 h2
por que vc vai fazer isso por quasa do nome de sua nova sidebar ou coluna . Demostração