body {
  background-color: white;
  color: #333;
  font-family: serif;
}

header h1, header h2, header h3, header h4, header h5, header h6 {
  margin: 0;
}

a, a:visited {
  text-decoration: underline;
  color: #666;
}

a:active {
  color: #999;
}

#wrapper, footer, .tester {
  width: 960px;
  margin: 0 auto;
}

h1#title, h2#subtitle, footer {
  font-style: italic;
  text-align: center;
}

.tester {
  overflow: auto;
  padding: 1em 0;
}

.tester-odd {
  background-color: #eee;
}

.haystack-div, .matches-div {
  width: 475px;
  float: left;
}

.matches-div {
  margin-left: 10px;
}

.pattern-div input {
  /* These measurements seem to be the precise ones to make both Mozilla and
     WebKit stop flipping out and drawing scroll bars */
  width: 950px;
}

.haystack-div textarea {
  width: 473px;
}

.haystack-div textarea, .pattern-div input {
  margin-bottom: 4px;
}

.haystack-div textarea, .matches {
  height: 100px;
}

.matches {
  font-family: monospace;
  overflow: auto;
}

.match-even {
  background-color: yellow;
}

.match-odd {
  background-color: pink;
}

label {
  font-family: sans-serif;
  font-weight: bold;
  display: block;
}

.close {
  float: right;
}

#buttons-div {
  text-align: center;
}

#buttons-div input {
  margin: 20px;
}

footer {
  display: block;
}

footer ul {
  padding: 0;
}

footer li {
  list-style: none;
  display: inline;
}