Redondear las esquinas del blog y ponerle sombra

Sobre este tuto me han estado preguntando muchisimo y bueno aqui se los dejo mis blogueras:

ve a diseno >>elementos de pagina>> edicion de html

y busca este codigo:

.main-outer {

y elimina lo que esta abajito de el.. osea este codigo:

-moz-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;
-webkit-border-top-left-radius: $(main.border.radius.top);
-webkit-border-top-right-radius: $(main.border.radius.top);
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-goog-ms-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;
border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;

-moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
}

aqui graficamente



cuando lo elimines agrega este en su lugar

-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomleft: 25px;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;

-moz-box-shadow: 0 0 5px 5px #F5A9F2;
-webkit-box-shadow: 0 0 5px 5px #F5A9F2;
box-shadow: 0 0 5px 5px #F5A9F2;
}

asi quedaria:

da vista previa para que veas el resultado ^^

si no quieres que haya sombra solo quita el ultimo pedacito de codigo osea este:

-moz-box-shadow: 0 0 5px 5px #F5A9F2;
-webkit-box-shadow: 0 0 5px 5px #F5A9F2;
box-shadow: 0 0 5px 5px #F5A9F2;

Rosa es el color de la sombra
Azul es lo grueso del borde