.container {
background-color: #142d58;
color: #f4f4f4;	
}

footer{
padding-top: 20px;
text-align: center;
font-size: 10px;
font-family: 'Open Sans', sans-serif;
}
a, a:visited {
color: #f4f4f4;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
.light{
fill: #f4f4f4;
}
.shadow{
fill: #17376d;
}
table {
margin: 0 auto;
width: 95%;
}
td{
padding: 2px;
min-width: 20px;
}
.dayNumber{
text-align: center;
padding-bottom: 10px;
}
.monthName{
text-align: right;
padding-right: 20px;
}
h2 {
margin: 10px 0 0 10px;
display: inline;
font-weight: bold;
}
h2, .moonDates {
font-size: 12px;
}
.moonDates {
vertical-align: middle;
padding: 0;
text-align: center;
}
.moonDates span {
margin-left: 10px;
}
.moonDates span.blueMoon {
text-decoration: underline;
}
.moonDates span.blackMoon {
text-decoration: underline;
text-decoration-style: dotted;
}
.spacer td{
height: 20px;
}