Form_Grid

$big_column: 600px
$form_column: $big_column / 6
$field_padding: 20px
$width1: $form_column
$width2: $form_column * 2
$width3: $form_column * 3
$input_width1: $width1 - ($field_padding / 2)
$input_width2: $width2 - ($field_padding / 2)
$input_width3: $width3 - ($field_padding / 2)

=less_form_style
  font-size: 13px
  color: #777
  +block
  +font_sans
  border-top: 1px solid #727272
  border-right: 1px solid #b4b4b4
  border-bottom: 1px solid #d9d9d9
  border-left: 1px solid #b4b4b4
  padding: 5px
  background: white url(/images/field2.png) repeat-x -1px -1px
  +arial


.row  
  .field
    padding: 5px 0 5px 20px
    padding-left: $field_padding
    clear: both
    &:first-child
      padding-left: 0px
    label
      font-weight: bold
      +arial
      padding: 0 0 3px 0
      +block
      font-size: 12px
      
    fieldset
      padding: 0 0 0 0
      margin: 0 0 0 0
    legend
      font-weight: bold
      font-size: 14px
    input
      &.text,
      &[type=text],
      &[type=password]
        +less_form_style
      &[type=checkbox],
      &.checkbox,
      &[type=radio],
      &.radio
        width: auto
    textarea
      padding: 5px
    select
      +less_form_style
      padding: 1px

  .size1, .size2, .size3
    display: inline
    +fl
    clear: none
    
  .size1
    width: $width1 
    input
      width: $input_width1

  .size2
    width: $width2
    input
      width: $input_width2

  .size3
    width: $width3
    input
      width: $input_width3

hardcoded number of columns sucks