CSS: bordi effetto 'cucito'

Quello che ho scovato oggi su designzzz.com è un altro effetto fantastico da dare con il CSS.
Il foglio di stile si sta rivelando un vero e proprio alleato, se non voglio ricorrere al background ;) .
Il suo nome è 'stitched' (sarà cucito probabilmente, ma tanto quel che conta è il risultato XD ) e l'effetto che viene fuori ve lo mostro

Se vuoi sapere come si fa ad ottenere questo effetto 'cucitura' tanto simpatico continua a leggere.

Se vuoi sapere come si fa ad ottenere questo effetto 'cucitura' tanto simpatico continua a leggere.

Visto che forza????????
Dunque per avere l'effetto 'cucito' nei vostri 'div' devi semplicemente copiare e incollare questo codice nel tuo foglio di stile:

.stitched {
padding: 5px 10px;
margin: 10px;
background: #f29a79;
color: #fff;
line-height: 1.3em;
border: 2px dashed #fff;
border-radius: 3px;
-moz-box-shadow: 0 0 0 4px #f29a79;
-webkit-box-shadow: 0 0 0 4px #f29a79;
box-shadow: 0 0 0 4px #f29a79;
}

Poi il tuo 'div' con il selettore 'class' stitched inseriscilo nel post, o nella sidebar se all'interno del gadget HTML/Javascript, semplicemente copiando e incollando il codice, e sostituendo TUO CONTENUTO con ciò che vuoi che appaia al'linterno.

esempio

<div class='stitched'> TUO CONTENUTO </div>

Se il div esiste già aggiungi solo class='stiched', come da esempio qui sopra.

La prima cosa che mi è venuta in mente è che ci si potrebbe fare un menu carinissimo con questo effetto!
Intanto lo uso l'ho usato per 'incorniciare' i miei 'consigli' .
E tu che ne pensi???

AGGIORNAMENTO

Prima il codice non funzionava,e mi dispiace, per una stupida mia dimenticanza... in pratica anziché scrivere stitched, ho scritto stiched, scordando quindi una T.
Sorry!!!