/* Basic grid settings (you should not have to change these) ************ */

.grid {}
.grid .row {}
.grid .row .cell { float:left; width: 100%; }

.grid .row.one .cell { float:none; width: 100%; }
.grid .row.two .cell { width:50%; }
.grid .row.three .cell { width:33.2%; }
.grid .row.four .cell { width:25%; }
.grid .row.five .cell { width:20%; }
.grid .row.six .cell { width:16.6%; }
.grid .row.seven .cell { width:14.2%; }
.grid .row.eight .cell { width:12.5%; }
.grid .row.nine .cell { width:11.1%; }
.grid .row.ten .cell { width:10%; }

.grid .row, .grid .row .cell.last { overflow: hidden; }
.grid .row .cell.last { float:none; width:auto; }


/* Style your various grids below **************** */

.grid.border .row { border-top: solid 1px black; }
.grid.border .row.last { border-bottom: solid 1px black; }
.grid.border .row .cell { border: none; border-left: solid 1px black; }
.grid.border .row .cell.last, .grid.border .row.one .cell { border: none; border-right: solid 1px black; }