The original prefix & suffix area worked like this.
<div class="clear"></div>   - this is like a hard-return to push the content down
<div class="grid_1 suffix_11">  - each box is only one grid wide, but takes up the whole row. 1 + 11suffix = 12 columns of space
    <p>
      60
    </p>
</div>
  <!-- end .grid_1.suffix_11 -->
 
<div class="clear"></div>   - this is like a hard-return to push the content down
<div class="grid_1 prefix_1 suffix_10">       1 grid wide + 1prefix(white-space) + 10suffix(white-space) = 12 columns wide.
    <p>
      60
    </p>
  </div>

So in our new 17 column system we have to make each box use 17 columns of space. For example the second box will do this:
<div class="clear"></div>   - this is like a hard-return to push the content down
  <div class="grid_1 prefix_1 suffix_15">       1 grid wide + 1prefix(white-space) + 10suffix(white-space) = 12 columns wide.
    <p>
      60
    </p>
  </div>


NOW, the idea of it is in place, but the math has to work. The original 12-column system from Nathan Smith worked like this:
.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}


Note that the prefix is not based upon an increase of 60px. It uses an increase of 60+20px = 80px each time.
.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

You will need to update all the .prefix and .suffix math to use the 80px to work.
When you add in new ones

.container_17 .prefix_14 {
padding-left: xxxpx;
}

