﻿/*
 
Modifies the 960gs to allow elements to carry over
into the margins, so that they may snugly touch
the next grid over. Simply use the appropriate grid,
as you normally would, and then attach the additional
overExtend class to it, to make it over extend into
the margin. 
 
Example:
 
<div id="myContainer" class="grid_5 grid_5_overExtend">
...
</div>
 
*/
 
/* Margin Mod 12 Col */
.container_12 .grid_1_overExtend { width:80px !important; margin-right:-10px !important; }
.container_12 .grid_2_overExtend { width:160px !important; margin-right:-10px !important; }
.container_12 .grid_3_overExtend { width:240px !important; margin-right:-10px !important; }
.container_12 .grid_4_overExtend { width:320px !important; margin-right:-10px !important; }
.container_12 .grid_5_overExtend { width:400px !important; margin-right:-10px !important; }
.container_12 .grid_6_overExtend { width:480px !important; margin-right:-10px !important; }
.container_12 .grid_7_overExtend { width:560px !important; margin-right:-10px !important; }
.container_12 .grid_8_overExtend { width:640px !important; margin-right:-10px !important; }
.container_12 .grid_9_overExtend { width:720px !important; margin-right:-10px !important; }
.container_12 .grid_10_overExtend { width:800px !important; margin-right:-10px !important; }
.container_12 .grid_11_overExtend { width:880px !important; margin-right:-10px !important; }
.container_12 .grid_12_overExtend { width:960px !important; margin-right:-10px !important; }


/* Margin Mod 14 Col */
/*
.container_14 .grid_1_overExtend { width:68px !important; margin-right:-10px !important; }
.container_14 .grid_2_overExtend { width:136px !important; margin-right:-10px !important; }
.container_14 .grid_3_overExtend { width:204px !important; margin-right:-10px !important; }
.container_14 .grid_4_overExtend { width:272px !important; margin-right:-10px !important; }
.container_14 .grid_5_overExtend { width:340px !important; margin-right:-10px !important; }
.container_14 .grid_6_overExtend { width:408px !important; margin-right:-10px !important; }
.container_14 .grid_7_overExtend { width:476px !important; margin-right:-10px !important; }
.container_14 .grid_8_overExtend { width:544px !important; margin-right:-10px !important; }
.container_14 .grid_9_overExtend { width:612px !important; margin-right:-10px !important; }
.container_14 .grid_10_overExtend { width:680px !important; margin-right:-10px !important; }
.container_14 .grid_11_overExtend { width:748px !important; margin-right:-10px !important; }
.container_14 .grid_12_overExtend { width:816px !important; margin-right:-10px !important; }
.container_14 .grid_13_overExtend { width:884px !important; margin-right:-10px !important; }
.container_14 .grid_14_overExtend { width:952px !important; margin-right:-10px !important; }
*/
 
/* Margin Mod 16 Col */
/*
.container_16 .grid_1_overExtend { width:60px !important; margin-right:-10px !important; }
.container_16 .grid_2_overExtend { width:120px !important; margin-right:-10px !important; }
.container_16 .grid_3_overExtend { width:180px !important; margin-right:-10px !important; }
.container_16 .grid_4_overExtend { width:240px !important; margin-right:-10px !important; }
.container_16 .grid_5_overExtend { width:300px !important; margin-right:-10px !important; }
.container_16 .grid_6_overExtend { width:360px !important; margin-right:-10px !important; }
.container_16 .grid_7_overExtend { width:420px !important; margin-right:-10px !important; }
.container_16 .grid_8_overExtend { width:480px !important; margin-right:-10px !important; }
.container_16 .grid_9_overExtend { width:540px !important; margin-right:-10px !important; }
.container_16 .grid_10_overExtend { width:600px !important; margin-right:-10px !important; }
.container_16 .grid_11_overExtend { width:660px !important; margin-right:-10px !important; }
.container_16 .grid_12_overExtend { width:720px !important; margin-right:-10px !important; }
.container_16 .grid_13_overExtend { width:780px !important; margin-right:-10px !important; }
.container_16 .grid_14_overExtend { width:840px !important; margin-right:-10px !important; }
.container_16 .grid_15_overExtend { width:900px !important; margin-right:-10px !important; }
*/