body {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	background-color: #ffffd9;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0.5em;
}

li {
	float: left;
	padding: 0;
	margin: 0 0.5em;
	height: 3em;
	line-height: 3em;
}

.s0  { font-size: 1.0em; }
.s1  { font-size: 1.1em; }
.s2  { font-size: 1.2em; }
.s3  { font-size: 1.3em; }
.s4  { font-size: 1.4em; }
.s5  { font-size: 1.5em; }
.s6  { font-size: 1.6em; }
.s7  { font-size: 1.7em; }
.s8  { font-size: 1.8em; }
.s9  { font-size: 1.9em; }
.s10 { font-size: 2.0em; }
.s11 { font-size: 2.1em; }
.s12 { font-size: 2.2em; }
.s13 { font-size: 2.3em; }
.s14 { font-size: 2.4em; }
.s15 { font-size: 2.5em; }
.s16 { font-size: 2.6em; }
.s17 { font-size: 2.7em; }
.s18 { font-size: 2.8em; }
.s19 { font-size: 2.9em; }
.s20 { font-size: 3.0em; }

/*
Gray to Blue
.c0  { color: #b8b8b8; }
.c1  { color: #aeafb8; }
.c2  { color: #a5a7b8; }
.c3  { color: #9c9eb8; }
.c4  { color: #9396b8; }
.c5  { color: #8a8db8; }
.c6  { color: #8185b8; }
.c7  { color: #777cb8; }
.c8  { color: #6e74b8; }
.c9  { color: #656bb8; }
.c10 { color: #5c63b8; }
.c11 { color: #535ab8; }
.c12 { color: #4952b8; }
.c13 { color: #4049b8; }
.c14 { color: #3741b8; }
.c15 { color: #2e38b8; }
.c16 { color: #2530b8; }
.c17 { color: #1c28b8; }
.c18 { color: #121fb8; }
.c19 { color: #0917b8; }
.c20 { color: #000eb8; }
*/

/*
All blue
.c0, .c1, .c2 { color: #6e74b8; }
.c3, .c4, .c5 { color: #5c63b8; }
.c6, .c7, .c8 { color: #4952b8; }
.c9, .c10, .c11 { color: #3741b8; }
.c12, .c13, .c14 { color: #2530b8; }
.c15, .c16, .c17 { color: #121fb8; }
.c18, .c19, .c20 { color: #000eb8; }
*/

/*
Red/Brown
.c0, .c1, .c2 { color: #fdbb84; }
.c3, .c4, .c5 { color: #fdbb84; }
.c6, .c7, .c8 { color: #fc8d59; }
.c9, .c10, .c11 { color: #ef6548; }
.c12, .c13, .c14 { color: #d7301f; }
.c15, .c16, .c17 { color: #b30000; }
.c18, .c19, .c20 { color: #7f0000; }
*/

/*
Red
.c0 { color: #fc9272 }
.c1, .c2 { color: #fb6a4a }
.c3, .c4, .c5 { color: #ef3b2c; }
.c6, .c7, .c8, .c9 { color: #cb181d; }
.c10, .c11, .c12, .c13, .c14 { color: #a50f15; }
.c15, .c16, .c17, .c18, .c19, .c20 { color: #67000d; }
*/

/*
Blue/Green
.c0 { color: #a8ddb5 }
.c1, .c2 { color: #7bccc4 }
.c3, .c4, .c5 { color: #4eb3d3; }
.c6, .c7, .c8, .c9 { color: #2b8cbe; }
.c10, .c11, .c12, .c13, .c14 { color: #0868ac; }
.c15, .c16, .c17, .c18, .c19, .c20 { color: #084081; }
*/

.c0 { color: #7fcdbb }
.c1, .c2 { color: #41b6c4 }
.c3, .c4, .c5 { color: #1d91c0; }
.c6, .c7, .c8, .c9 { color: #225ea8; }
.c10, .c11, .c12, .c13, .c14 { color: #253494; }
.c15, .c16, .c17, .c18, .c19, .c20 { color: #081d58; }