The first displays the extensive options you have with borders these days, thanks mostly in part to newer styles, such :before and :after pseudo-selectors and box shadows. This allows you have up to six borders on an element! Feel free to have fun with the features of jsFiddle and change the values around. Do bear in mind however that the regular box-shadow and the outline on #main switch around between Chrome and Firefox.
Second up is a Less CSS mixin. If you aren’t familiar with Less, I’d seriously recommend you have a look. It’s a wonderful extension to CSS, and very easy to pick up. In any case, this mixin is a semantic-friendly variant of Zurb’s Foundation block-grid, and allows easy changes to the block grid ‘up’ using media queries. Enjoy!
I am currently…
Listening to: The Spy by The Doors
Reading: Chronicles of Malus Darkblade by Dan Abnett and Mike Lee