Changing up boostrap for better grid variable management and grid structuring

less/bootstrap.less

@@ -32,6 +32,12 @@
 // Baseline grid
 @baseline:          20px;
 
+// Griditude
+@grid_columns:        16;
+@grid_column_width:   40px;
+@grid_gutter_width:   20px;
+@site_width:          (@grid_columns * @grid_column_width) + (@grid_gutter_width * (@grid_columns - 1));
+
 
 /* Mixins
 -------------------------------------------------- */
@@ -92,9 +98,10 @@
 }
 
 // Grid System
-@grid_columns: 16;
-@grid_column_width: 40px;
-@grid_gutter_width: 20px;
+.container {
+  width: @site_width;
+  margin: 0 auto;
+}
 .columns(@column_span: 1) {
   display: inline;
   float: left;
@@ -104,6 +111,9 @@
     margin-left: 0;
   }
 }
+.offset(@column_offset: 1) {
+  margin-left: (@grid_column_width * @column_offset) + (@grid_gutter_width * (@column_offset - 1)) !important;
+}
 
 // Border Radius
 .border-radius(@radius: 5px) {

less/docs.less

@@ -121,6 +121,7 @@ section {
   margin-left: -490px;
 }
 #grid div.vert {
+  #translucent > .background(#00CED1, .075);
   width: 39px;
   border: solid darkturquoise;
   border-width: 0 1px;
@@ -130,7 +131,7 @@ section {
   margin-left: 19px;
 }
 #grid div.horiz {
-  height: 19px;
+  height: @baseline - 1;
   border-bottom: 1px solid rgba(255,0,0,.1);
   margin: 0;
   padding: 0;