/** =grid
************************************************************
@project  Easel
@see      http://blueprint-generator.kaizeku.com/
@see      http://www.jdclayton.com/blueprints_compress_a_walkthrough.html
************************************************************/
.col-1, .col-2, .col-3, .col-4,
.col-5, .col-6, .col-7, .col-8,
.col-9, .col-10, .col-11, .col-12,
.col-13, .col-14, .col-15, .col-16,
.col-17, .col-18, .col-19, .col-20,
.col-21, .col-22, .col-23, .col-24 {
  float:left;
  margin-right:18px;
}
.col-1  { width:63px;  }
.col-2  { width:144px; }
.col-3  { width:225px; }
.col-4  { width:306px; }
.col-5  { width:387px; }
.col-6  { width:468px; }
.col-7  { width:549px; }
.col-8  { width:630px; }
.col-9  { width:711px; }
.col-10 { width:792px; }
.col-11 { width:873px; }
.col-12 { width:954px; margin:0; }

.last,
.col-last { margin-right: 0; }

.append-1  { padding-right: 81px;  }
.append-2  { padding-right: 162px; }
.append-3  { padding-right: 243px; }
.append-4  { padding-right: 324px; }
.append-5  { padding-right: 405px; }
.append-6  { padding-right: 486px; }
.append-7  { padding-right: 567px; }
.append-8  { padding-right: 648px; }
.append-9  { padding-right: 729px; }
.append-10 { padding-right: 810px; }
.append-11 { padding-right: 891px; }

.prepend-1  { padding-left: 81px;  }
.prepend-2  { padding-left: 162px; }
.prepend-3  { padding-left: 243px; }
.prepend-4  { padding-left: 324px; }
.prepend-5  { padding-left: 405px; }
.prepend-6  { padding-left: 486px; }
.prepend-7  { padding-left: 567px; }
.prepend-8  { padding-left: 648px; }
.prepend-9  { padding-left: 729px; }
.prepend-10 { padding-left: 810px; }
.prepend-11 { padding-left: 891px; }

/** =grid for form inputs
************************************************************
@note column width minus left and right padding and borders
************************************************************/
.text input.col-1, .select input.col-1, textarea.col-1   { width: 57px ; }
.text input.col-2, .select input.col-2, textarea.col-2   { width: 138px; }
.text input.col-3, .select input.col-3, textarea.col-3   { width: 219px; }
.text input.col-4, .select input.col-4, textarea.col-4   { width: 300px; }
.text input.col-5, .select input.col-5, textarea.col-5   { width: 381px; }
.text input.col-6, .select input.col-6, textarea.col-6   { width: 462px; }
.text input.col-7, .select input.col-7, textarea.col-7   { width: 543px; }
.text input.col-8, .select input.col-8, textarea.col-8   { width: 624px; }
.text input.col-9, .select input.col-9, textarea.col-9   { width: 705px; }
.text input.col-10,.select input.col-10, textarea.col-10 { width: 786px; }
.text input.col-11,.select input.col-11, textarea.col-11 { width: 867px; }
.text input.col-12,.select input.col-12, textarea.col-12 { width: 948px; }

.text input,
.textarea input,
.select input,
.file input {
  margin-right: 0;
}