efeito Aparência Widgets/categorias

Gostaria que os widgets e as categorias, os cabeçalhos e bordas ficassem como nessas imagens.

>> [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Código:


.main .main-head {
    color: #E3714C;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-width: 5px 1px 1px;
    border-style: solid;
    border-color: #E3714C rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    overflow: hidden;
    width: 98%;
    margin: 36px 0px 0px;
    padding: 12px;
    text-transform: uppercase;
    letter-spacing: -1px;
    font: 15px/110% Helvetica,Arial,sans-serif;
}
.pun .main-content {
    background-color: #FFF;
    border: 4px solid #EBF0F3;
}
.main .main-head .page-title, .pun .main-head .h2 {
    color: #E3714C;
    font: 24px/110% Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    letter-spacing: -1px;
}
.module .main-head {
    color: #4476BD;
    overflow: hidden;
    width: 98%;
    border-top: 5px solid #4476AB;
    margin: 36px 0px 0px;
    padding: 12px;
    text-transform: uppercase;
    letter-spacing: -1px;
}


Código:



    .main .main-head {
        color: #E3714C;
        background: transparent;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        border-width: 5px 1px 1px;
        border-style: solid;
        border-color: #E3714C rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2);
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        border-image: none;
        overflow: hidden;
        width: 98%;
        margin: 36px 0px 0px;
        padding: 12px;
        text-transform: uppercase;
        letter-spacing: -1px;
        font: 15px/110% Helvetica,Arial,sans-serif;
    }
    .pun .main-content {
        background-color: #FFF;
        border: 4px solid #EBF0F3;
    }
    .main .main-head .page-title, .pun .main-head .h2 {
        color: #E3714C;
        font: 24px/110% Helvetica,Arial,sans-serif;
        text-transform: uppercase;
        letter-spacing: -1px;
    }
    .module .main-head {
        color: #4476BD;
        overflow: hidden;
        width: 98%;
        border-top: 5px solid #4476AB;
        margin: 36px 0px 0px;
        padding: 12px;
        text-transform: uppercase;
        letter-spacing: -1px;
    }