/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
.unit{float:left;_zoom:1;}
.unitExt{float:right;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
/* extending grids to allow a unit that takes the width of its content */
.media{width:auto;}

/* **************** EXTENSION ***************** */
.clear {clear: both;}
.size9of10 {width: 90%;}
.width308 {width: 308px;}
.width840 {width: 840px;}
.width970 {width: 970px;}

/* Some html 5 tags are not detected by *, define them explicitly. */
noscript ~ *, noscript ~ header, noscript ~ footer {display: none;}

/* For some reason, overflow: hidden creates problems in Chrome; */
.line-visible {overflow: visible !important;}