body { max-width:70em; margin-left:auto;margin-right:auto;}
html { margin-left:0.5em;margin-right:0.5em;}
.portrait {
	padding: 5px;     
	margin: 0 5px 0 0;
	border: 1px solid #CCC;
        float:left;
        background:white;
}

.glance {
        min-width:30em;
	padding: 5px;     
	margin: 0;
	border: 1px solid black;
	border-color: #CCC black black #CCC;
float:right;
background:#eee;
}
.glance ul { list-style:none;}

.glance ul li { margin-bottom:0.2em;}

.glance ul img { vertical-align:middle;}

.timeline dt {  padding:0.5em 1em 0 0.5em; border-top: thin solid black; margin-top: 0.4em; clear: left ; font-weight: bold; font-size: 1.5em; color: #aaa; }


.timeline dd dt { font-weight: normal; border-top:none; color: inherit; font-size: inherit;}

.timeline dd dt cite {font-weight:bold; font-variant: small-caps; letter-spacing:0.5px}

.timeline dd  { padding-left: 1em;}

.timeline dd.upcoming::before { content: "→ ";}

.timeline { max-width:40em;}

.timeline dd  a:link, .timeline dd  a:visited { text-decoration:none;}

.timeline dd  a:hover {text-decoration:underline;}

.timeline cite { font-style: normal;}

.timeline img { display:block; float:left ;margin-right:1em; margin-left:-80px;  margin-bottom: 0.3em; }

.glance a { text-decoration:none;}

h2,h3{ margin-left:-20px; background-color:#eee; border-left:20px solid;}
h2 { border-color: #bbb}
h3 { border-color: #ccc}

h2.subtitle { margin-left: inherit; background-color:inherit; border-left:inherit;}

a:visited { color: #77f;}