/* attributes for controlling CSS newspaper columns */

dd {
  column-width: 100px;      /* columns are at least 100 px wide, with as many cols as will fit. */
                            /* Firefox makes a mess if anything in the column in wider than this, overlapping. */
  column-count: 2;          /* fixed at two columns, stretched to fit the page width. */
                            /* You would not specify both column-width and column-count. */
  column-gap: 1em;          /* amount of space between columns. */
  column-rule-width: thin;  /* width of vertical column-separating rule. */
  column-rule-style: solid; /* type of vertical column-separating rule. */
  column-rule-color: black; /* colour of vertical column-separating rule. */
  }

h1 { column-break-before: always }  /* start each h1 heading at the top of a column. */

h2 { column-break-after: avoid }    /* avoid starting a new column just after a h2 heading. */

div { column-fill: balance }        /* attempt to make all columns the same length. */

h2.main { column-span: all }        /* span a main h2 heading across all columns. */

/* the proper names are not yet supported. In the meantime you must use provisional names: */

/* -- Mozilla multi-column extensions. Firefox, Sea Monkey -- */
  -moz-column-width: 20em;
  -moz-column-gap: 3em;
  -moz-column-rule: 1px solid #07217d;

/* -- Webkit multi-column extensions Chrome, Opera, Safari -- */
 -webkit-column-width: 20em;
 -webkit-column-gap: 3em;
 -webkit-column-rule: 1px solid #07217d;