header, hgroup, article, section, nav, aside, footer {
  display: block;
}

html {
  display: block;
  width: 100%;
}

body {
  width: 60em;
  border: 1px solid black;
  margin: 1em auto;
  padding: 0 2em 2em;
  font-family: FreeSerif, Georgia, "Liberation Serif", "Nimbus Roman No9 L", "Times New Roman", serif;
  font-size: 10pt;
  line-height: 1.4;
  color: #333;
  background: white;
}

body > header > hgroup {
  width: 100%;
  overflow: hidden;
  padding: 0 0 1em ;
  border: none;
  border-bottom: 3px solid black;
  margin: 0;
  line-height: 1.3;
  text-align: center;
}
body > header {
  margin: 1em auto 2em;
  border: none;
  border-bottom: 1px solid black;
  overflow: auto;/* dla BFC */
}
body > header > p {
  font-size: smaller;
  margin: 0;
  padding: 0;
  float: left;
}
body > header > p + p {
  float: right;
}

#columns {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
  -webkit-column-rule: 1px none black;
     -moz-column-rule: 1px none black;
          column-rule: 1px none black;
}

#columns > article {
  margin: 0 0 1em;
}

#columns > article > h1 {
  font-size: 150%;
  line-height: 1.1;
  font-family:  "Linux Biolinum", "Liberation Sans", "Nimbus Sans L", Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: -1px;
  overflow: hidden;/* BFC - niech nie dzieli między kolumnami! */
  page-break-after: avoid;
  break-after: avoid;
}

a {
  color: red;
  text-decoration: none;
}
a:visited {
  color: #704100;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}