parrfolio

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

parrfolio

http://jsfiddle.net/ryanparr/yhd5v/

parrfolio

 // highlight columns by Christopher Clark  
            $("tbody").delegate("td", "mouseover mouseout", function (e) {
                if (e.type == 'mouseover') {
                    // multiple class attr value support - the column identifier is always the first class value
                    var target = $(this).attr("class");
                    if (target) {
                        target = target.split(" ").slice(0, 1).toString();
                        $("col." + target).addClass("highlight");    
                    }
                } else if (e.type == 'mouseout') {