/* CSS Document */
/* Copyright 2009 Jeff Simpson. */

/* -- Grid System --
 * This grid is 770px wide with 16 columns with 18px left and right margins.
 * cw- = column width (29px units)
 * cg- = column gutter (18px)
 * ci- = inner wrapper
 * ca- = column area: column width + gutter (47px units)
 * -gw = grid wrapper - sets top on left gutters, 
         cw- and ca- elements add right and bottom gutters.
 * -tn = number of columns spanned by the containing element: n is 1 to 16
 * -iw = inner wrapper, uses 9px of padding to inset content from column borders
 * cw-tn = (29 * n) + (18 * (n-1))
 * cw-t6 = (29 * 6) + (18 * 5) = 264px
 * ca-tn = (47 * n)
 * ca-t6 = (47 * 6) = 282px
*/
 
[class|=ca], 
[class|=car], 
[class|=cw], 
[class|=cwr], 
[class|=cg], 
[class|=ci] {overflow:hidden;}

.cg-gw {padding:18px 0 0 18px;}

[class|=ca], [class|=car]  {margin:0;}
[class|=cw]                {margin:0 18px 18px 0; float:left;}
[class|=cwr]               {margin:0 18px 18px 0; float:right;}
[class|=cw] > [class|=cw]  {margin:0 18px 18px 0; float:left;}
[class|=cw] > [class|=cwr] {margin:0 0 18px 18px; float:right;} /* ?? adjacent siblings solution ?? */

.ca-t1, .car-t1 {width:47px;}
.ca-t2, .car-t2 {width:94px;}
.ca-t3, .car-t3 {width:141px;} /* one quarter */
.ca-t4, .car-t4 {width:188px;} /* one third */
.ca-t5, .car-t5 {width:235px;}
.ca-t6, .car-t6 {width:282px;} /* half */
.ca-t7, .car-t7 {width:329px;}
.ca-t8, .car-t8 {width:376px;} /* two thirds */
.ca-t9, .car-t9 {width:423px;} /* three quarters */
.ca-t10, .car-t10 {width:470px;}
.ca-t11, .car-t11 {width:517px;}
.ca-t12, .car-t12 {width:564px;} /* full width */
.ca-t13, .car-t13 {width:611px;} /* full width + one quarter side nav */
.ca-t14, .car-t14 {width:658px;} /* full width + one half side nav */
.ca-t15, .car-t15 {width:705px;} /* full width + three quarters side nav */
.ca-t16, .car-t16 {width:752px;} /* full width + full side nav */
.ca-t16f, .car-t16f {width:770px;} /*full width + full side nav + 18px margin */

.cw-t1, .cwr-t1 {width:29px;}
.cw-t2, .cwr-t2 {width:76px;}
.cw-t3, .cwr-t3 {width:123px;} /* one quarter */
.cw-t4, .cwr-t4 {width:170px;} /* one third */
.cw-t5, .cwr-t5 {width:217px;}
.cw-t6, .cwr-t6 {width:264px;} /* half */
.cw-t7, .cwr-t7 {width:311px;}
.cw-t8, .cwr-t8 {width:358px;} /* two thirds */
.cw-t9, .cwr-t9 {width:405px;} /* three quarters */
.cw-t10, .cwr-t10 {width:452px;}
.cw-t11, .cwr-t11 {width:499px;}
.cw-t12, .cwr-t12 {width:546px;} /* full width */
.cw-t13, .cwr-t13 {width:593px;} /* full width + one quarter side nav */
.cw-t14, .cwr-t14 {width:640px;} /* full width + one half side nav */
.cw-t15, .cwr-t15 {width:687px;} /* full width + three quarters side nav */
.cw-t16, .cwr-t16 {width:734px;} /* full width + full side nav */
.cw-t16f, .cwr-t16f {width:770px;} /*full width + full side nav + two 18px margins */

.ci-iw {padding:9px;} /* background-color:#eeeeee; */
.cw-t12 > .ci-iw > .cw-t6 {margin:0; width: 255px;} /* (546 /2) - 18 */
.cw-t12 > .ci-iw > .cg-t {margin-top:18px;}
.cw-t12 > .ci-iw > .cg-r {margin-right:18px;}
.cw-t12 > .ci-iw > .cg-b {margin-bottom:18px;}
.cw-t12 > .ci-iw > .cg-l {margin-left:18px;}
.cw-t12 > .ci-iw > .cg-tz {margin-top:0;}
.cw-t12 > .ci-iw > .cg-rz {margin-right:0;}
.cw-t12 > .ci-iw > .cg-bz {margin-bottom:0;}
.cw-t12 > .ci-iw > .cg-lz {margin-left:0;}
.ci-iw p:first-child {margin-top:0;}

.cg-a {margin:18px;}
.cg-t {margin-top:18px;}
.cg-r {margin-right:18px;}
.cg-b {margin-bottom:18px;}
.cg-l {margin-left:18px;}
.cg-az {margin:0;}
.cg-tz {margin-top:0;}
.cg-rz {margin-right:0;}
.cg-bz {margin-bottom:0;}
.cg-lz {margin-left:0;}

/* use cg-n class to remove extra margin on last row item in nested grids */
.cg-n[class|=cw],
.cg-n[class|=cwr],
[class|=cw] > .cg-n[class|=cw],
[class|=cw] > .cg-n[class|=cwr] {margin-right:0; margin-left:0;}

.challonerWrapper {overflow:hidden;}
.challonerColumn {
 padding-bottom:32767px !important;
 margin-bottom:-32767px !important;
}


/* ----------------------------------------------
 * - OLD Grid System - clean up code and kill
 * --------------------------------------------- */
 
 /* grid system < 12/7/2009 */
/* - column shells - */
#homeNews,
#homeHighlights,
.colonequarter,
.colonethird,
.colhalf,
.coltwothird,
.colthreequarter,
.colwhole,
.colonequarter-p,
.colonethird-p,
.colhalf-p,
.coltwothird-p,
.colthreequarter-p,
.colwhole-p {float:left;}

#homeNews {width:384px;}
#homeHighlights {width:192px; background-color:#ccffff;}
.colonequarter {width:144px;}
.colonethird {width:192px;}
.colhalf {width:288px;}
.coltwothird {width:384px;}
.colthreequarter {width:432px;}
.colwhole {width:576px;}

.colonequarter-p {width:25%;}
.colonethird-p {width:33%;}
.colhalf-p {width:50%;}
.coltwothird-p {width:67%;}
.colthreequarter-p {width:75%;}
.colwhole-p {width:100%;}

/* - column wrappers - */
.columnWrapper, .columnWrapperLeft, .columnWrapperRight, .cw9, .cw9-t, .cw9-r, .cw9-b, .cw9-l, .cw9-tr, .cw9-tl, .cw9-rb, .cw9-bl, .cw9-tb, .cw9-rl, .cw9-trb, .cw9-tbl, .cw9-trl, .cw9-rbl, .cw12, .cw12-t, .cw12-r, .cw12-b, .cw12-l, .cw12-tr, .cw12-tl, .cw12-rb, .cw12-bl, .cw12-tb, .cw12-rl, .cw12-trb, .cw12-tbl, .cw12-trl, .cw12-rbl, .cw18em, .cw18-t, .cw18-r, .cw18-b, .cw18-l, .cw18-tr, .cw18-tl, .cw18-rb, .cw18-bl, .cw18-tb, .cw18-rl, .cw18-trb, .cw18-tbl, .cw18-trl, .cw18-rbl
{position:relative;}

.columnWrapper {padding:0 18px 18px;}
.columnWrapper-n {padding:18px 18px 0 18px;}
.columnWrapperLeft {padding:18px 0 0 18px;}
.columnWrapperRight {padding:18px 18px 0 0;}
/*.colbkground .columnWrapper {padding-top:9px;}*/

/*#articleAside,
.colbkground {background-color:#eee;}*/

/* based on 1em = 12px */
.cw9 {padding:9px;}
.cw9-t {padding-top:9px 0 0 0;}
.cw9-r {padding-right:0 9px 0 0;}
.cw9-b {padding-bottom:0 0 9px 0;}
.cw9-l {padding-left:0 0 0 9px;}
.cw9-tr {padding:9px 9px 0 0;}
.cw9-tl {padding:9px 0 0 9px;}
.cw9-rb {padding:0 9px 9px 0;}
.cw9-bl {padding:0 0 9px 9px;}
.cw9-tb {padding:9px 0;}
.cw9-rl {padding:0 9px;}
.cw9-trb {padding:9px 9px 9px 0;}
.cw9-tbl {padding:9px 0 9px 0;}
.cw9-trl {padding:9px 9px 0;}
.cw9-rbl {padding:0 9px 9px;}

.cw12 {padding:12px;}
.cw12-t {padding-top:12px 0 0 0;}
.cw12-r {padding-right:0 12px 0 0;}
.cw12-b {padding-bottom:0 0 12px 0;}
.cw12-l {padding-left:0 0 0 12px;}
.cw12-tr {padding:12px 12px 0 0;}
.cw12-tl {padding:12px 0 0 12px;}
.cw12-rb {padding:0 12px 12px 0;}
.cw12-bl {padding:0 0 12px 12px;}
.cw12-tb {padding:12px 0;}
.cw12-rl {padding:0 12px;}
.cw12-trb {padding:12px 12px 12px 0;}
.cw12-tbl {padding:12px 0 12px 0;}
.cw12-trl {padding:12px 12px 0;}
.cw12-rbl {padding:0 12px 12px;}

.cw18 {padding:18px;}
.cw18-t {padding-top:18px 0 0 0;}
.cw18-r {padding-right:0 18px 0 0;}
.cw18-b {padding-bottom:0 0 18px 0;}
.cw18-l {padding-left:18px 0 0 0;}
.cw18-tr {padding:18px 18px 0 0;}
.cw18-tl {padding:18px 0 0 18px;}
.cw18-rb {padding:0 18px 18px 0;}
.cw18-bl {padding:0 0 18px 18px;}
.cw18-tb {padding:18px 0;}
.cw18-rl {padding:0 18px;}
.cw18-trb {padding:18px 18px 18px 0;}
.cw18-tbl {padding:18px 0 18px 0;}
.cw18-trl {padding:18px 18px 0;}
.cw18-rbl {padding:0 18px 18px;}
