Browsers that don't support media-queries, like ie8 and below, simply ignore everything inside inline media-queries. This means they'll use the default five-column layout – which is more than sufficient for desktop usage – and ignore everything else.
the 5-column layout is 768px wide is default fir older browsers. Which means i get to see 768px wide layout even on my netbook which easily supports the usual 960px?
Guess 960px would be fine as a default. I hope this has some kind of custom layout generator like BlueprintCSS which has Blueprinter.
But other than that, this is actually uber-cool.
P.S: Thanks to the site designer for mentioning the names of the typefaces used on the site.