body {
  background-color: #ffffee;
  color: #800000;
  /* font-family: 'Times New Roman', Times, "MS PGothic", serif; */
}

h2 {
  font-size: 1.25em;
}

/* pre {
  font-family: "MS Gothic", "BIZ UDGothic", IPAMonaGothic, Osaka-mono, "Lucida Console", monospace;
  white-space: pre-wrap;
  word-break: break-all;
} */

#listTitle {
  /* background-color: #66eedd; */
  background-color: #eeaa88;
  font-size: 1.5em;
  margin: 0 0 1em;
}

/* #pollList {
  padding-left: 1em;
} */

#pollList li {
  margin-bottom: 0.25em;
}

#ballotTitle {
  color: #cc1105;
  font-size: 1.5em;
}

.linkLine {
  margin-bottom: 0.5em;
  font-size: 0.8125em;
}

.formHeaders {
  font-weight: bold;
}

.optionsItem {
  display: inline-block;
}

.sortSelection {
  display: inline-block;
}

#titleInput,
#contentsInput,
#voteInput,
#chatInput {
  max-width: calc(100% - 8px);
}

.chat {
  margin: 1em 0;
}

.redText {
  color: #dd0000;
}

.blueText {
  color: #0000dd;
}

.greyText {
  color: #888888;
}

.pinkText {
  color: hotpink;
}

.small {
  font-size: 0.8125em;
}

.smallest {
  font-size: 0.625em;
}

.larger {
  font-size: 1.5em;
}

.bold {
  font-weight: bold;
}

.oldPoll {
  color: #dd0000;
}

.bumpPoll {
  font-weight: bold;
  color: #0000dd;
}

/* .regularPoll {
  color: #800080;
} */

.roomTotal {
  font-size: 1.5em;
  font-weight: bold;
}

.pageNo {
  font-weight: bold;
}

.pollDescription {
  font-size: 0.8125em;
}

.dateTime {
  font-size: 0.8125em;
  /* text-align: right; */
  margin-bottom: 1em;
}

.buttonSection {
  margin: 1em 0;
}

.resultsTable {
  border: 1px outset rgba(0,0,0,0.5);
  background-clip: padding-box;
  /* width: 100%; */
}

.resultsTable th,
.resultsTable td {
  border: 1px inset rgba(0,0,0,0.5);
}

.resultsTable th {
  background-color: #eeaa88;
}

.resultsTable td {
  text-align: center;
}

.resultsTable th:last-child,
.resultsTable td:last-child {
  width: 33%;
}

.chartBars {
  /* background-color: #0000ff; */
  border: 1px solid #000000;
  height: 18px;
}

#voteForm th {
  background-color: #eeaa88;
  text-align: left;
  padding: 0 2px;
}

#voteForm th small {
  font-weight: normal;
}

#vote {
  max-width: 10em;
}

hr {
  border-color: rgba(0,0,0,0.5);
}

#manageSection {
  margin: 1em 0;
  font-size: 0.83em;
  font-weight: bold;
  text-align: right;
}

.credits {
  margin: 1.5em 0;
  font-size: 0.6875em;
  font-weight: bold;
  text-align: right;
}

@media screen and (max-device-width: 480px) {
  .larger {
    font-size: 1.125em;
  }

  #formInfo {
    padding-left: 1em;
  }

  #pollList {
    padding-left: 1em;
  }

  .pollInfo {
    display: block;
  }

  .optionsItem {
    display: block;
    margin: 0.5em 0;
  }

  .sortSelection {
    display: block;
  }
}

/* @media (prefers-color-scheme: dark) {
  body{
    background-color: #282828;
    color: #e0e0e0;
  }

  a {
    color: #80c0f0
  }

  a:visited {
    color: #e090e0;
  }

  .redText {
    color: #f08080;
  }

  .blueText {
    color: #80a0e0;
  }
} */