table {
	border-collapse: collapse;
	margin: 20px auto;
}

td {
	border: 1px solid black;
	padding: 5px;
	text-align: center;
	vertical-align: top;
    width: 30px;
    height: 30px;
}

.month {
	background-color: #ddd;
	font-weight: bold;
}

.day:hover {
	background-color: #f0f0f0;
	cursor: pointer;
}

.event {
	font-style: italic;
	background-color: lightsalmon;
    color: lightgray;
}

.event.weekend {
    background-color: red;
    color: lightgray;
    font-weight: bold;
}

.free {
    background-color: lightgreen;
}

.free.weekend {
    background-color: darkgreen;
    color: lightgray;
    font-weight: bold;
}