Para conseguir esse efeito da imagem e muito simples!Voce pode adicionar um fundo (background) em SIDEBAR-WRAPPER e colocar outro em .SIDEBAR.Onde fica isso?1o Trecho (em verde na imagem) - A imagem de fundo (a borda) - #sidebar-wrapper { background: ADICIONE AQUI A IMAGEM OU A COR;width: 220px;float: $endSide; padding: 10px 10px 10px 10px; - trecho opcional, sera explicado melhor abaixo.word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}2o Trecho (em branco na imagem).sidebar { background: ADICIONE AQUI A IMAGEM OU A COR;color: $sidebartextcolor;line-height: 1.5em; margin: 10px 10px 10px 10px; - trecho opcional, sera explicado melhor abaixo.}ATENCAO:1. Voce deve ter percebido os trechos opcionais que estao nos codigos acima, e necessario que ao menos um deles esteja no lugar indicado ou nao tera um espaco entre um elemento e outro resultando na borda. O valor pode ser alterado dependendo da borda que voce quiser!2. Perceba que na imagem nao ha margem nenhuma entre o texto e a coluna branca, para solucionar isso adicione padding ao segundo trecho!DICA: Emoldure tambem seus posts com essa dica da Ariane.Para mais informacoes sobre a SIDEBAR (ou coluna) veja esse post! Ja faz algum tempo que nao posto nada da saga Codigos Basicos, vou ressuscitar essa categoria falando sobre a SIDEBAR (ou coluna).Sempre lembrando que uso o Template Minima do blog como base!Como o MAIN (ou area de postagem) o SIDEBAR tambem tem dois trechos que se tratam dele:1o Trecho - Area total da Sidebar/Coluna#sidebar-wrapper {width: 220px;float: $endSide;padding: 10px 10px 10px 10px;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}Ele se trata da area da coluna como um todo,como mostrado na imagem abaixo:Clique na imagem para ampliarNao vou postar novamente como funciona para modificar esse trecho ja que e da mesma forma desse post sobre MAIN-WRAPPER. 2o Trecho - Desmembrando a SidebarO trecho abaixo esta colorido conforme a cor que tem na imagem abaixo dele, observe o trecho e a imagem./* Sidebar Content----------------------------------------------- */.sidebar { color: $sidebartextcolor; line-height: 1.5em;}.sidebar ul { list-style:none; margin:0 0 0; padding:0 0 0;}.sidebar li { margin:0; padding-top:0; padding-$endSide:0; padding-bottom:.25em; padding-$startSide:15px; text-indent:-15px; line-height:1.5em; }.sidebar .widget, .main .widget { border-bottom:1px dotted $bordercolor; margin:0 0 1.5em; padding:0 0 1.5em;}Clique na imagem para ampliarObs: Em rosa esta SIDEBAR-WRAPPERATENCAOSe voce quer alterar o titulo da coluna, ja existe um post apenas sobre ele aqui.Agora vamos explicar melhor cada trecho!.SIDEBAR (Vermelho com borda preta) - Interior da ColunaNa imagem voce pode observar que esse trecho se trata da area "interior", digamos assim, da coluna. Porem so e assim se nesse trecho (.sidebar) houver margem (margin) ou na area total (sidebar-wrapper) tiver padding. Na imagem o sidebar-wrapper esta com 10px de padding de todos os lados.Se nao houver essa distancia entre o interior da coluna e a area total, os dois trechos (.sidebar e sidebar wrapper) vao se tratar do mesmo trecho.DICA - Crie uma moldura para sua coluna.SIDEBAR UL (verde) - Area das listasSao todas as listas