/* Layout - 16 column grid, 960px fixed width, 20px gutters
-------------------------------------------------------------- */

/* grid widths */
.grid16-1 {max-width: 60px;width:100%;}
.grid16-2 {max-width: 120px;width:100%;}
.grid16-3 {max-width: 180px;width:100%;}
.grid16-4 {max-width: 240px;width:100%;}
.grid16-5 {max-width: 300px;width:100%;}
.grid16-6 {max-width: 360px;width:100%;}
.grid16-7 {max-width: 420px;width:100%;}
.grid16-8 {max-width: 480px;width:100%;}
.grid16-9 {max-width: 540px;width:100%;}
.grid16-10 {max-width: 600px;width:100%;}
.grid16-11 {max-width: 660px;width:100%;}
.grid16-12 {max-width: 716px;width:100%;}
.grid16-13 {max-width: 780px;width:100%;}
.grid16-14 {max-width: 840px;width:100%;}
.grid16-15 {max-width: 900px;width:100%;}
.grid16-16 {width:960px;}

/* block indents */
.grid16-indent-1 {margin-left: 60px;}
.grid16-indent-2 {margin-left: 120px;}
.grid16-indent-3 {margin-left: 180px;}
.grid16-indent-4 {margin-left: 240px;}
.grid16-indent-5 {margin-left: 300px;}
.grid16-indent-6 {margin-left: 360px;}
.grid16-indent-7 {margin-left: 420px;}
.grid16-indent-8 {margin-left: 480px;}
.grid16-indent-9 {margin-left: 540px;}
.grid16-indent-10 {margin-left: 600px;}
.grid16-indent-11 {margin-left: 660px;}
.grid16-indent-12 {margin-left: 720px;}
.grid16-indent-13 {margin-left: 780px;}
.grid16-indent-14 {margin-left: 840px;}
.grid16-indent-15 {margin-left: 900px;}

/* gutters (2 x margin) */
.block .inner {
  margin-left: 10px;
  margin-right: 10px;
}

/* hack to fix node-top & node-bottom being off-grid */
#content-content .node .first .inner {
    margin-right: 20px;
}

body,
div.full-width {
  max-width: 960px;
  margin:0 auto;
}