Stamp Edge - photo effect

Make a nice stamp edged border around images or containers.

by meetaaronsilber

HTML

<div id="hero">
    <img src="http://www.placekitten.com/800/450" />
    <div id="details"><h1>"Oh, hello, are you my mother?," said the cat.</h1></div>
</div>

CSS

body {
     background: #444;   
}

#hero {
    margin: 40px auto 0px auto;
    border: 1px dashed #fff;
    width: 824px;
}

#hero img {
    background-color: #fff;
/*    height: 450px;  */
    padding: 12px 12px 13px 12px;
    /*width: 800px; */
}

h1 {
     display: block;   
}

#details {
    background: #f6f0eb;
    margin-top: -5px;
    padding: 10px 11px;
    text-align: center;
}