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

/* grid widths */
.grid18-1 {width: 50px;}
.grid18-2 {width: 100px;}
.grid18-3 {width: 150px;}
.grid18-4 {width: 200px;}
.grid18-5 {width: 250px;}
.grid18-6 {width: 300px;}
.grid18-7 {width: 350px;}
.grid18-8 {width: 400px;}
.grid18-9 {width: 450px;}
.grid18-10 {width: 500px;}
.grid18-11 {width: 550px;}
.grid18-12 {width: 600px;}
.grid18-13 {width: 650px;}
.grid18-14 {width: 700px;}
.grid18-15 {width: 750px;}
.grid18-16 {width: 800px;}
.grid18-17 {width: 850px;}
.grid18-18 {width: 900px;}

/* block indents */
.grid18-indent-1 {margin-left: 50px;}
.grid18-indent-2 {margin-left: 100px;}
.grid18-indent-3 {margin-left: 150px;}
.grid18-indent-4 {margin-left: 200px;}
.grid18-indent-5 {margin-left: 250px;}
.grid18-indent-6 {margin-left: 300px;}
.grid18-indent-7 {margin-left: 350px;}
.grid18-indent-8 {margin-left: 400px;}
.grid18-indent-9 {margin-left: 450px;}
.grid18-indent-10 {margin-left: 500px;}
.grid18-indent-11 {margin-left: 550px;}
.grid18-indent-12 {margin-left: 600px;}
.grid18-indent-13 {margin-left: 650px;}
.grid18-indent-14 {margin-left: 700px;}
.grid18-indent-15 {margin-left: 750px;}
.grid18-indent-17 {margin-left: 800px;}
.grid18-indent-18 {margin-left: 850px;}

/* 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 {
  min-width: 900px;
}