* { margin: 0; padding: 0; }

body {
	padding: 0 0 4em 0;
	font: 62.5% "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-align: center;
	color: #333;
	background: #fff;
}

a { text-decoration: underline; color: #03f; }
a:hover { color: #09f; }

abbr { border: none; }

.clear { *height: 1%; }
.clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }

.notice { margin-bottom: 2em; padding: 1.4em; background: #fed; }
.notice p { font-size: 1.4em; color: #f60; }

div#wrap { width: 960px; margin: 0 auto; text-align: left; }
div#header { margin-bottom: 2em; padding: 4em 0 0.5em 1em; background: url("../images/header-bg.jpg") no-repeat 0 0; }
div#wrap h1 { font-size: 3em; font-weight: bold; font-variant: small-caps; color: #fff; }
div#wrap h2 { margin-bottom: 0.25em; font-size: 1.8em; font-weight: bold; }
div#wrap h3 { margin-bottom: 0.25em; font-size: 1.6em; font-weight: bold; }

div#map { float: left; width: 732px; height: 500px; border: 4px solid #333; margin-bottom: 2em; }

div#itinerary { float: left; width: 160px; margin-left: 2em; padding: 2em 2em 1em 2em; background: #f5f5f5; }
div#itinerary ol { margin: 0.75em 0 0 2em; }
div#itinerary ol li { margin-bottom: 0.75em; font-size: 1.4em; }
div#itinerary ol li abbr.geo { font-weight: bold; }
div#itinerary ol li abbr.dtstamp { display: block; margin-top: 0.2em; font-size: 0.9em; }

div#people { float: left; margin: 2em 0 0 2em; }
div#people h3 { font-size: 1.4em; }
div#people ul { list-style: none; }
div#people ul li { clear: both; height: 40px; margin-bottom: 1em; }
div#people span.photo { float: left; margin-right: 0.5em; }
div#people img.photo { width: 36px; height: 36px; border: 1px solid #ccc; padding: 1px; }
div#people span.adr { font-size: 1.2em; }

div#timeline { float: left; clear: left; width: 732px; }
div#timeline p { font-size: 1.4em; }
div#timeline ol { list-style: none; }
div#timeline ol li { margin-top: 2em; }
div#timeline ol ul { list-style: none; }
div#timeline ol ul li { margin: 0 0 0.5em 0; font-size: 1.4em; }
div#timeline ul li.blog { padding: 0.1em 0 0.1em 24px; background: url("../images/icon-blog.gif") no-repeat 0 2px; }
div#timeline ul li.status { padding: 0.1em 0 0.1em 24px; background: url("../images/icon-status.gif") no-repeat 0 2px; }
div#timeline ul li.photo { padding: 0.1em 0 0.1em 24px; background: url("../images/icon-photo.gif") no-repeat 0 2px; }
div#timeline ul li span.author { font-size: 0.9em; }

div#places { float: left; width: 160px; margin-left: 2em; padding: 2em 2em 1em 2em; background: #f5f5f5; }
div#places ol { margin: 0.75em 0 0 2em; }
div#places ol li { margin-bottom: 0.75em; font-size: 1.4em; cursor: pointer; }
div#places ol li:hover { color: #c00; }
div#places ol li abbr.geo { font-weight: bold; }
div#places ol li abbr.dtstamp { display: block; margin-top: 0.2em; font-size: 0.9em; }