html, body {
	margin: 0; 
	padding: 0;
}
body {
	background: #f6f5f1;
}
h1 {
	font: bold small-caps 1.25em Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #B05A04;
}
h2 {
	font: small-caps 1em Georgia, "Times New Roman", Times, serif;
	color: #B06E04;
}
h3, .date {
	font: small-caps 0.9em Georgia, "Times New Roman", Times, serif;
	color: #B06E04;
}
p, .nav, a {
	font: 0.9em Arial, Geneva, Helvetica, sans-serif;
	color: #999;
} 
p { color: #333; }
.nav a {
	text-decoration: none;
	color: #999;
}
.nav a:hover { text-decoration: underline; }
.small { font-size: 0.8em; }
.clear { clear: both; }
#container {
	width: 55em;
	margin: 0.5em auto 0.5em auto;
	background: #fff;
	text-align:center;
	border-radius:1.25em;
	-moz-border-radius: 1.25em;
	-webkit-border-radius: 1.25em;
	padding: 0.5em;
}
#container .inner { text-align:left; }
#container li {
	float: left;
	width: 150px;
	height:150px;
	list-style-type:none;
	border: solid #ccc;
	border-width: 1px 1px 0 0;
	-moz-border-radius-topright:10px;
	margin:1em;
	text-align:center;
	display:inline;
}
#container #milestones li {
	float:none;
	width:inherit;
	height:inherit;
	list-style-type:disc;
	border: none;
	margin: inherit;
	text-align:inherit;
	display:list-item;
	font: 0.95em Arial, Geneva, Helvetica, sans-serif;
}
li img { border: none; }
ul#photos li a span, ul#photo_months li a span { display: none; }
ul#photos li a:hover span, ul#photo_months li a:hover span {
	display: block;
	color: #333;
	background-color:tan;
	-moz-border-radius: 10px;
	padding: .25em 0 .25em 0; 
	text-transform: uppercase;
	font-size: .85em; 
}
#photo, #pictureScreenObject {
	display:none;
	position: absolute;
	left:15%;
	z-index:100;
	background:#fff;
	padding:2em;
	margin:1em;
	font: 0.9em Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	text-align: center;
	-moz-border-radius: 20px;
}
ul#photo_months { clear: both; }
/* table styles */ 
#container table {
	margin: 1em; 
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: auto;
}
#container th, #container  td {
	padding: 0.5em;
	border: 1px #ccc solid;
}
#container table tbody .even {
	background-color: #f6f5f1;
}
#container thead { background: #B05A04; color: #000; } 
#stats tr.hilight, #stats tr.hilight td.even { background: #B06E04; } 
#stats tr.hilight a { color: #000; }
#container table#milestones { border: none; }
#container #milestones th { 
	vertical-align:top; 
	text-align: left;
	font: 0.95em Arial, Geneva, Helvetica, sans-serif; 
	border:none;
	width:10em;
}
#container #milestones td { 
	vertical-align:top; 
	text-align:left; 
	font: 0.95em Arial, Geneva, Helvetica, sans-serif; 
	border:none; 
}
#container #milestones h3 { padding-top: 0; margin-top: 0; font-size: 1em;}
img.header { float:left; padding-right:1em; }
#food td { text-align: left; }