body {
  background-color: #000000;
  color: #F8F8FF;
  font-family: 'HelveticaNeue-Light';
  font-size: 2em;
}
img.today {
  border: 0;
  width: 130;
  height: 114;
}
img.wind {
  border: 0;
  width: 40;
  height: 40;
}
img.forecast {
  border: 0;
  width: 65;
  height: 57;
}

div.clock {
  position: absolute;
  left: 0.1em;
}
div.calendar {
  position: absolute;
  vertical-align: middle;
  top: 7em;
  font-size: 0.5em;
}
div.weather {
  position: absolute;
  right: 0;
  vertical-align: middle;
}
div.message {
  width: 100%;
  text-align: center;
  position: fixed;
  top: 50%;
}

div.header {
  width: 100%;
  text-align: center;
  position: fixed;
  top: 50%;
}

div.local {
  text-align: right;
  position: fixed;
  bottom: 2.5em;
  right: 0;
  font-size: 1em;
}
div.footer {
  text-align: center;
  position: fixed;
  bottom: 0.1em;
  width: 100%;
  font-size: 1.5em;
}

div.test {
  font-family: 'WeatherFont';
  font-size: 1em;
}

td {
  text-align: center;
  vertical-align: middle;
}
td.day {
  text-align: left;
  vertical-align: middle;
}
td.summary {
  text-align: left;
  vertical-align: middle;
}
td.location {
  text-align: left;
  vertical-align: middle;
  font-style: italic;
}
span.location {
  text-align: left;
  vertical-align: middle;
  font-style: italic;
}