/* **************** GRIDS ***************** */

/* line :: defines a row of content */
.line, .lastUnit {overflow:hidden;}

/* unit :: defines a block of content on a line */
.unit{float:left;}

/* these classes extend unit to add a coloured top or bottom border */
.bto {border-top:1px solid #F19736;} 	/* orange */
.bbo {border-bottom:1px solid #F19736;} /* orange */
.btp {border-top:1px solid #D60067} 	/* pink */
.bbp {border-bottom:1px solid #D60067} 	/* pink */
.bty {border-top:1px solid #E8DB00} 	/* yellow */
.bby {border-bottom:1px solid #E8DB00} 	/* yellow */

/* lastUnit :: extends unit to identify the last unit of content on a row
   this is not required when you have a unit size1of1 */
.lastUnit {float:none;width:auto;}

/* size :: extends unit to define the width of a block of content */
.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%;}
.size1of6{width:16.6666%;}
.size2of6{width:33.3333%;}
.size3of6{width:50%;}
.size4of6{width:66.6666%;}
.size5of6{width:83.3333%;}

.size72{width:72%;}
.size28{width:28%;}

/* extending grids to allow a unit that takes the width of its content */
.media{width:auto;}
/* ph=1 */