5* general styles */
body, html { margin: 0; padding: 0; background-color: white;}
body { margin: 20px; position: relative; border: 2px solid black;
    font-family: Arial, sans-serif; font-size: 90%; 
}

#bodyx { 
    background: url('/img/bg.png') repeat-y 0% 0%;
    margin: 10px 0 0 0; 
    padding: 0;
    position: relative;
}

h1, h2, h3 { clear: both; }
h1, #yale { 
    font-family: verdana, sans-serif; font-size: 160%; 
}

h1 { position: absolute; bottom: 12px; right: 50px; }

h2 { font-family: verdana, sans-serif; font-size: 20px;
    background-color: #79F; padding: 4px 10px;
    margin-top: 0;
}

h3 { font-family: verdana, sans-serif; font-size: 16px; 
    margin: 1.5em 25% 0.75em 0; 
    border-bottom: 3px solid black;
}

blockquote { font-style: italic; font-size: medium; }

/* research */
ul.recentrefs { font-size: small; }
.reftitle { font-style: italic; }
.journal { font-style: italic; }

/* content */
#content { margin: 0 0 0 150px; padding: 0; }
#text { padding: 0 1ex 0 10px; }

.title { font-weight: bold }
.directory td { padding: 2px 8px; }

/* nav section */
#menu { position: absolute; top: 0; left: 0; 
    width: 140px; }

#nav p { margin: 0; padding: 0; }

/* menu */
#menu { padding: 0; margin: 0; font-size: small; margin-top: -1px;
    text-align: left; border-bottom: 1px solid white; }

#menu li { 
    list-style-type: none; font-size: 85%; 
    font-family: verdana, sans-serif; 
    padding: 0; margin: 0px 0;
    background-color: #FFE87C; 
    border: 1px solid white;
}

#menu a { text-decoration: none; display: block; margin: 0; padding: 3px 8px; }
#menu a:visited { color: #030 }
#menu a:link { color: #300 }
#menu a:hover { background-color: #BA0; }
#menu li.current { background-color: #79F; padding: 5px 8px; font-weight: bold;
    }

/* logo */
#logo { text-align: center; position: absolute; top: 10px; left: 20px; }
#logo img { border: none; }

/* members */
.member { margin: 1em 0; float: left; width: 260px; height: 230px;
    position: relative; }

div.bigboss { height: 270px; float: none; text-align: left;
    margin-left: auto; margin-right: auto;
}

#bigboss { text-align: center; }

.alum    { height: 260px; }

.memberphoto { position: absolute; top: 0; left: 0; }
.memberphoto img { margin: 0; border: 1px solid green;
    text-align: right; }

h4.membername { font-weight: bold; font-size: 100%;
    margin: 0 0 0 0; padding: 0; border: none; width: 100%; }

.memberdata { position: absolute; bottom: 0; left: 0; height: 90px; }
.alumdata   { height: 120px; }
.memberdata img { margin: 0; padding: 0; }
.memberdata a { margin: 0; padding: 0; }

.education { font-size: small; padding: 0 2em 0 0; margin: 0; }

/* home */

#chronology th { text-align: left; vertical-align: top; width: 15%; }
#chronology td { text-align: left; vertical-align: top; }

/* footer */
#footer { 
    font-size: small; text-align: right; clear: both;
    padding: 5px 10px; margin: 30px 0 0 0;
    font-style: italic; border-top: medium #33C groove;
}

#header { background-color: #9BF; 
    position: relative; height: 130px; 
    margin: 0;
}

#yale { position: absolute; right: 50px; top: 10px; text-align: right; }
#dept { font-size: 75%; }


img.right { float: right; border: 1px solid green; margin: 0 10px 10px 10px; 
    position: relative; }

span.right { float: right; margin: 0 10px 10px 10px; 
    position: relative; }

span.right img { border: 1px solid green; }

span.nref { font-weight: bold; color: #007; }

h4 { width: 33%; border-bottom: 2px solid black; }

.reflink { font-size: small; }


/* symposium styles */
table.symposium th { width: 10em; text-align: left; }
table.symposium td.author { width: 12em; }
table.symposium td.title { font-style: italic; }
table.symposium td, table.symposium th { padding: 0.2em 0.2em; }
table.symposium tr.hl { 
    background-color: #fec;
 }
table.symposium tr.bb { 
    background-color: #fec;
    font-size: 110%;
    font-weight: bold;
 }
table.symposium { border-collapse: collapse; 
    background: #eee url("/img/sym_bg3.jpg") repeat;
    width: 100%;
}

#sponsors img { border: none; }
#sponsors td { vertical-align: middle; text-align: center; }
