Como Fazer um layout Parte 2- Barra Lateral

Oi novamente!
Como a Rebka Santana me pediu estou ensinando vocês a fazerem um layout parecido com esse aqui do blog, bom como estamos começando vamos pela parte básica, então hoje vamos aprender com deixar sua barra Lateral igual a do blog!

Barra Lateral em efeito Houver 

Vá em Painel> modelo> Editar HTML > Procure por:

 ]]></b:skin> 

       Acima desse código cole esse abaixo:

/**Sidebar Baby: By The baby**/.sidebar .widget {width:100% !important;background:#fff;margin:10px 0 !important;border-bottom:5px #b0e2ff solid;text-align: center;border-radius:0 0 10px 10px;padding:10px;overflow:hidden}.sidebar .widget:hover {background:     #fff;width: 100% !important;border: 0px dotted  #bebebe;text-align: center;border-radius:0 0 10px 10px;padding: 10px;margin:10px 0 !important;border-bottom: 5px solid #bebebe;}

Se quiser altere as cores! 

Créditos: Chocolate ao Leite