body {
  background: url("/images/background.png") #fff;
  color: #000;
}

/* Site layout in general. */

#header,
#footer {
  background: #ddc;
  border-color: #000;
  color: #000;
}

#navigation {
  /* same as #content border */
  background: #eee;
}

#navigation a {
  background: #e8e8e8;
  /* Internet Explorer 6 doesn't seem to know "transparent".
    So manually use background colour of #navigation then, if needed. */
  border-color: #ddd;
  color: #000;
}

#navigation a:hover {
  background: #ddd;
  border-color: #aaa;
}

#content {
  /* background for navigation menu */
  border-left-color: #eee;
}

h2 {
  /* same as #content border */
  background: #eee;
}

#section {
  background: #fff;
  border-color: #aaa;
  /* background: url("/images/gradient.png") no-repeat 3px 3px;
    Internet Explorer older than 7 doesn't handle PNGs with alpha channel */
  /* 250px height + 3px margin (top and bottom) = 256px
  min-height: 256px; - structure.css */
}

/* Specialised setup for fieldset content. */

fieldset {
  border-color: #ddd;
}

legend {
  background: #eee;
  border-color: #aaa;
}

/* General link colours. */

a {
  color: blue;
}

a:link {
  color: blue;
}

a:visited {
  color: purple;
}

a:focus {
  color: red;
}

a:active {
  color: green;
}

/* General status messages. */

.empty {
  font-style: italic;
}

.error {
  color: #b00;
}

.success {
  color: #080;
}

/* General element colours. */

samp {
  color: grey;
}