.pane {
 width: 328px;
 float: left;
 background-color: #f0efed;
 margin-bottom: 20px;
 height: 315px;
 border: 1px solid #7b9c71;
 display: inline;
}
.pane h2 {
 margin: 0 auto 10px auto;
 text-align: center;
 background-color: #7b9c71;
 color: #fff;
 font-size: 18px;
 padding: 5px;
}
.obs {
 margin-right: 10px;
}
.obs p {
 text-align: center;
}
.date-time {
 float: left;
 width: 80px;
 margin: 5px 20px 20px 20px;
 background-color: #f0efed;
 display: inline;
}
.calendar-month {
 text-align: center;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
 line-height: 20px;
 color: #fff;
 background-color: #c00;
 padding: 5px;
 width: 70px;
 height: 20px;
 -moz-border-radius-topleft: 5px;
 -webkit-border-top-left-radius: 5px;
 -moz-border-radius-topright: 5px;
 -webkit-border-top-right-radius: 5px;
 margin-bottom: 0;
}
.calendar-day {
 text-align: center;
 font-family: Times, Georgia, serif;
 font-size: 32px;
 font-weight: bold;
 line-height: 50px;
 color: #000;
 background-color: #fff;
 width: 80px;
 height: 50px;
 -moz-border-radius-bottomleft: 5px;
 -webkit-border-bottom-left-radius: 5px;
 -moz-border-radius-bottomright: 5px;
 -webkit-border-bottom-right-radius: 5px;
}
.time {
 font-size: 24px;
 text-align: center;
 font-weight: bold;
 font-family: Helvetica, Arial, sans-serif;
 color: #008;
 margin-top: 10px;
 background-color: #f0efed;
}
.reading {
 font-size: 12px;
}
h2.reading-head { margin-bottom: 30px; }
.reading table {
 margin-top: 5px;
 margin-left: 20px !important;
}
.reading th, .reading td {
 background: white;
 padding: 8px 10px;
}
.reading th {
 text-align: right;
}
.gray {
 background-color: #fafafa !important;
}
.bluish {
 background-color: #daeef7 !important;
}
#radar {
 margin-left: 10px;
 height: 315px;
}
#radar p {
 text-align: center;
}
img#radar {
 margin-left: 5px;
}
#radar a img {
 border: none;
}
#goes-ir {
 margin-right: 10px;
}
#goes-vis {
 margin-left: 10px;