#dirindex article,
  #dirindex footer {
    display: block;
    margin: 0 auto;
    width: 480px;
  }

  #dirindex a {
    color: #004466;
    text-decoration: none;
  }
  #dirindex a:hover {
    text-decoration: underline;
  }
  #dirindex a:visited {
    color: #666666;
  }

  #dirindex article {
    background-color: #ffffff;
    border: #cccccc solid 1px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    padding: 0 1em;
  }
  #dirindex h1 {
    font-size: 140%;
  }
  #dirindex ol {
    line-height: 1.4em;
    list-style-type: disc;
  }
  #dirindex li.directory a:before {
    content: '[ ';
  }
  #dirindex li.directory a:after {
    content: ' ]';
  }

  #dirindex footer {
    font-size: 70%;
    text-align: center;
  }