/* $Id$ */

/* Layout - 12 column grid, 974px fixed width, 20px gutters
-------------------------------------------------------------- */

/* grid widths */
.grid12-1 {width: 81px;}
.grid12-2 {width: 162px;}
.grid12-3 {width: 243px;}
.grid12-4 {width: 324px;}
.grid12-5 {width: 405px;}
.grid12-6 {width: 486px;}
.grid12-7 {width: 567px;}
.grid12-8 {width: 648px;}
.grid12-9 {width: 729px;}
.grid12-10 {width: 810px;}
.grid12-11 {width: 892px;}
.grid12-12 {width: 976px;}

/* block indents */
.grid12-indent-1 {padding-left: 81px;}
.grid12-indent-2 {padding-left: 162px;}
.grid12-indent-3 {padding-left: 243px;}
.grid12-indent-4 {padding-left: 324px;}
.grid12-indent-5 {padding-left: 405px;}
.grid12-indent-6 {padding-left: 486px;}
.grid12-indent-7 {padding-left: 567px;}
.grid12-indent-8 {padding-left: 648px;}
.grid12-indent-9 {padding-left: 729px;}
.grid12-indent-10 {padding-left: 810px;}
.grid12-indent-11 {padding-left: 892px;}

/* 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: 976px;
}

/* Custom grid widths */
.grid-custom-100px {
  width: 100px;
}
.grid-custom-150px {
  width: 150px;
}
.grid-custom-160px {
  width: 160px;
}

.grid-custom-twothirds {
  width: 411px;
}

.grid-custom-onethird {
  width: 189px;
}