Tutorial tirando o espaço de uma gadget para outro

E aew Minna San!!!  \(◑ω◐)/

Como vão??Bom estou aberta a pedidos, agora que estou livre a tarde posso fazer varias coisas para o blog.Ontem fiquei um bom tempo conversando com a Oak na ask, em relação a um tuto que ela me pediu para eu postar.

Na realidade o resultado deveria ser: "colocar sombra na área dos gadgets mas sem separá-los"

Mas eu não consegui, então vamos ao resultado que consegui?

No caso, eu retirei o espaço entre um gadget e outro e coloquei a sombra mais escura e deixei a borda.Como todos sabem, mudou a parte de edição  no html no blogger neh?Então vou fazer o maximo possivel para entenderem.

Vá em editar html-> clique dentro da caixa dos codigos e clique na setinha preta que esta indicando <b:skin>...<b:skin> para que os codigos se expandam -> tecle Ctrl+f e procure por: /* Widgets

Irá ter o código de .sidebar .widget {, apague de .sidebar ate a { e substitua por:

.sidebar .widget {
  border-bottom: 4px solid #8CA7B7; /* borda dbaixo da caixinha */
  margin: 0px 0px 0px 0px; /* margem entre uma caixa e outra */
  padding:10px; /* espaço entre o texto e as margens */
  background: #FFFFFF; /* cor de fundo das caixas */
  box-shadow: inset 0 0 15px #DCDCDC, 0 0 3px #ccc; /* Sombra */
}

ficara assim:

Se não quiser a borda retire o codigo da borda.

Era só, alguma duvida avisem.