body {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

.main-container {
    width: 700px;
}

.page-title {
  font-size: 18pt;
  text-align: center;
}

table {
  border-collapse: collapse;
}

th, td {
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0;
  padding-bottom: 0;
}

/*
 * Night: #001766
 * Early Morning: #2a43a6
 * Pre-dawn: #7880a5
 * Dawn: #a6867d
 * Day: #e18f35
 */

td { color: white; }
.temp, .precip {
  display: inline-block;
  padding-left: 1em;
  padding-right: 1em;
}
.time-td {
  width: 220px;
}

.night { background: #001766; }
.down { background: #2a43a6; }
.horizon { background: #a6867d; }
.day { background: #e18f35; }

.temp-freezing { background: #000; }
.temp-cold     { background: #557; }
.temp-chilly   { background: #04a; }
.temp-brisk    { background: #039; }
.temp-nice     { background: #824; }
.temp-warm     { background: #d13; }
.temp-hot      { background: #f00; }

.precip-none     { }
.precip-low      { }
.precip-moderate { background: #6ab; }
.precip-likely   { background: #27b; }
.precip-high     { background: #048; }