/* Traffic */
a.traffic h3 { font-size: 1.4em; }
a.traffic:hover { color: black; }
a.traffic img { display: block; padding-right: 8px; margin: 8px auto; }

a.traffic div.construction, div.traffic div.incidents {
  border: 0px solid black;
  width: 111px; height: 74px;
  font-size: 4em; font-weight: bold;
  
}
a.traffic div.construction {
  background: no-repeat 90% 50% url(images/orangelight.png);
  border-right-width: 1px; padding-right: 4px; float: left;
}
a.traffic div.incidents {
  background: no-repeat 90% 50% url(images/redlight.png);
  border-left-width: 1px; padding-left: 4px; float: right;
}

/* Weather */
a.weather { font-size: 1.2em; display: block; color: black; }
a.weather:hover { color: black; }
a.weather h3 { font-size: 1.16em; font-weight: bold; }
a.weather .icon { margin: 4px 4px 0 0; float: right; }
a.weather .temp { font-size: 3.3em; font-weight: bold; text-align: center; }

/* Technically, these should go in the theme's files, but so should the traffic widths, so meh... */
div.traffic h3, div.weather h3, div.weather p.weather, div.weather p.winds { padding-left: 2px; }