Separar Sidebares y Entradas en blogger

[demilovatoonline]

Hola a todos!

Mi problema es que no puedo separar los Sidebares (que contienen los Widgets de Blogger) y tampoco puedo separar las entradas, siempre están unidas..

Así se ven:



"Entradas populares" no tiene nada dentro, pero pueden ver que sigue pegado con "Datos personales"... Quiero que haya espacio entre ellos.

Y ya probé con

Código:

margin-top: 10px;

y tambien con margin-bottom y nada.

Este es el código de la web, me podrían decir qué agregar / modificar?

Código:

/*Contenedor del sidebar y entradas*/
#outer-wrapper {  
width:1100px;  
margin:0 auto;  
min-height:100%;  
height:100%;  
}  

/*Sidebar, derecha*/  
#sidebar-wrapper {  
font-family: 'Exo 2', sans-serif;
font-size:12px;
width:30%;   
padding:10px;  
background:#181818;   
color:#fff;  
float:right;  
-moz-transition:all .5s;  
-webkit-transition:all .5s;  
-o-transition:all .5s;  
transition:all .5s;  
padding:2px;  
}  
  
/*Entradas, izquierda*/  
#main-wrapper {  
font-family: 'Exo 2', sans-serif;
font-size:13px;
color:#fff;  
width:63%;  
padding:2px; 
margin-left:5px;  
margin:auto;  
margin-right:1px;  
background:#181818;  
float:left;  
-moz-transition:all .5s;  
-webkit-transition:all .5s;  
-o-transition:all .5s;  
transition:all .5s;  
padding:25px;  
}

Si me ayudaran a separar las entradas y sidebares los amare mucho!

[pzin]

Pues yo lo veo separado. ¿O ese espacio negro entre medias no lo consideras una separación?