#timeline { 
	font-size: 20%; /* this sets the width of an "em" in pixels */
}

#timeline div {
	text-align: center;
	float: left;
	margin: 4px 0;
}

#timeline .heading {
	font-weight: bold;
}

#timeline .date {
	text-align: left;
	margin: 0 0 8px 0;
}

#timeline #bottom .date {
	margin: 8px 0 0 0;
}

#timeline .baroque {
	background: #ededba;
}

#timeline .classical {
	background: #a3edaa;
}

#timeline .romantic {
	background: #edccc6;
}

#timeline .modern {
	background: #cceaed;
}

#timeline div span {
	font-size: 5em;
}

#timeline br {
	clear: left;
}

#timeline img {
	margin-left: 4px;
	vertical-align: baseline;
	border: 0
}