body {background:#666; color:#222; font:86% verdana,tahoma,sans-serif; line-height:1.5; text-align:center; padding:0}

a:link {color:#000; font: bold 1em verdana,tahoma, sans-serif; text-decoration:none; border-bottom:1px dotted }
a:visited {color:#800000;  font: bold 1em verdana,tahoma, sans-serif; text-decoration:none; border-bottom:1px dotted }

#wrapper {width:90%; background:#f5f5f5; padding:0; text-align:left; margin: 0 auto}
.article {padding:1em 6em;}

img.portrait {float:left; margin: 0 2em 4em 0; border:3px solid #666}

/* headings */
h1 {font:small-caps 3em Georgia,serif; background:#666 ;color: #f5f5f5; border-bottom:6px double; padding:0.5em; margin:0}
h2 {text-align:center; font:100 oblique 2em Georgia,serif; margin:1em auto}
h3.byline {text-align:right; font:oblique 1.1em georgia,garamond,serif; border-bottom:4px double #666}
#education,#teaching,#research{text-align:left; border-bottom:4px double #666}
h2#research {font:bold 2em verdana,sans-serif;}

/*lists (navigation, bibliographies, footer)*/
dt {border-bottom:4px double #666;}
.article ul {padding:0.5em 2em; clear:both;}
.article li {margin:0.75em auto;}

ul.nav {list-style:none; text-align:right; background:#666; margin:0; padding:0;}
ul.nav li {display:inline; padding:0.2em 0.5em; background:#f5f5f5;}
.nav a:link {border-bottom:none;}
.nav a:visited {color:#000; font: bold 1em verdana,tahoma, sans-serif; text-decoration:none; border-bottom:1px dotted }
.nav a:hover {color:#f8eedf;}
.nav li:hover {background:#800000;}
th#p1, th#p2, th#p3 { text-decoration:underline; padding: 1em 0;  }

ul.bib {border-top:2px solid #666; margin: 4em 0; padding:1em 2em}

ul.footer {margin: 2em 0; list-style:none;  background:#f5f5f5; padding: 2em 0; text-align:center;font:0.8em verdana,tahoma,sans-serif; border-top:5px solid #666; margin:6em auto 1em }
ul.footer li, .footer a:link {padding:0.25em 0.75em; display:inline;}