/* based on http://stackoverflow.com/a/6545033 */
header li
{
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 10px;
}

footer li
{
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 20px;
}

/* this is a fix for some extra space that comes from nowhere apparently */
h1, hr, header ul
{
  margin: 0;
  padding: 0;
  border: 0;
}