/* main document */

body {
  background-color: black;
  color: white;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-align: center;
  margin: 5px;
  padding: 0;
}

#content, #splash {
  margin: 0 auto;
  text-align: left;
}

#content {
  padding: 5px;
  width: 750px;
}

#splash { width: 600px; }


/* hyperlinks */

a:link { color: #fe2712; }
a:visited { color: #fe2712; }
a:hover {
  color: white;
  background-color: #333;
}
a:active { color: white; }

a img { border: 0; }

a.nakedWhite {
  background: transparent;
  color: white;
  font-weight: bold;
  text-decoration: none;
}

img#nkf-logo { vertical-align: top; }


/* headings */

h1, h2, h3, h4, h5, h6 {
  font-family: Cambria, "Times New Roman", Helvetica, sans-serif;
  margin: 5px 0;
  padding: 0;
}
h1 {
  color: #fe2712;
  margin-top: 0;
}
h2 { color: #cb1f0e; }
h3 { color: #98170b; }
h4 { color: #fe2712; }
h5 { color: #cb1f0e; }
h6 { color: #98170b; }


/* copy */

.center { text-align: center; }

p {
  margin: 5px 0;
  padding: 0;
}

p.footnote {
  color: #777;
  font-size: .8em;
  margin-top: 10px;
}

.error, .message, .warning {
  font-size: 1.2em;
  font-weight: bold;
}

.error { color: #fefe33; }
.message { color: #0247fe; }
.warning { color: #fb9902; }

/* polaroid */

div.polaroid {
  background-color: white;
  margin: 10px auto;
  padding: 5px;
  text-align: center;
  width: 660px;
}

div.polaroid p {
  color: black;
  font-family: "Comic Sans MS", Calibri, Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: 1.3em;
}


/* navigation bar */

div.navbar ul {
  list-style-type: none;  /* remove bullets */
  margin: 0;
  padding: 0;
}

div.navbar a {
  display: block;  /* items take up full width */
  font-weight: bold;
  padding: 0 5px;
}

/* navigation bar for footer */

div#navbar-footer { margin-top: 20px; }

div#navbar-footer a { color: #777; }


/* mp3 player */

div#player {
  font-size: .8em;
  text-align: center;
}

/* form */

form {
  margin: 0;
  padding: 0;
}

form button {
  background-color: #ccc;
  border: 2px outset #ccc;
}

form table {
  border: 1px solid #555;
  margin: 10px auto;
  padding: 5px;
}

form table caption {
  color: #ccc;
  font-family: Cambria, "Times New Roman", Helvetica, sans-serif;
  font-size: 2em;
  font-weight: bold;
}

form table td.button { text-align: right; }

form table th {
  color: #ccc;
  text-align: right;
  vertical-align: top;
}