/* ###### Browser-specific Styles ###### */

/* For IE & Mozilla-based browsers: */

.LHS {
  margin-left: 2.5mm;
  float: left;
  clear: left;
}

.RHS {
  margin-right: 2.5mm;
  float: right;
  clear: right;
}

/* For Mozilla-based (CSS2-fully complaint) browsers only: */

[class~="LHS"] {
  margin-left: 5mm;
}

[class~="RHS"] {
  margin-right: 5mm;
}

/* ###### Colors ###### */

/* e9e9 => e1eb
   1a1a => 113a
   f5f5 => d5f9
   */

h1, h2, h3, q, #header div, #header div *, #footer *, .headerTitle, .sideBox div, .topOfPage
{ /* Text Color: */  color: #111c70; }

h1, q,  #header, .sideBox, .sideBox div, #cvHighlights .note, #footer, #b2hInfo, #b2hLinkIndex
{ /* Border Color: */  border-color: #112a70; }

#header, .sideBox div, .sideBox a:hover, .sideBox .thisPage
{ /* Background Color (darker): */  background-color:  #e4ebfc; }

q, .sideBox a, .sideBox span, #b2hLinkIndex
{ /* Background Color (lighter): */  background-color: #f2f6ff; }

#bodyText a {
  color: #113a70;
  border-bottom-color: #113a70;
}

#bodyText a:hover {
  background: #e1ebfc;
}

#footer {
  background-color: #e1ebfc;
}

/* ###### Body Text ###### */

body {
  background-color: white;
  color: black;
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size: 95%;
  margin: 0;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

h1, h2, h3 {
  font-family: "trebuchet ms", tahoma, sans-serif;
}

h1 {
  font-weight: bold;
  font-size: 150%;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0.5ex;
  margin-top: 40px;
}

h2 {
  font-weight: bold;
  font-size: 125%;
  margin-bottom: 0px;
  line-height: 1em;
}
 
img {
  border: none;
}

q {
  font-family: tahoma, verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  border-style: dotted;
  border-width: 2px;
  margin: 0 1em 1ex 1em;
  padding: 0.5ex 0.5ex 0.5ex 1ex;
  width: 9em;
  float: left;
}

acronym {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  cursor: help;
}

code {
  font-family: "lucida console", monospace;
  font-size: 90%;
}

dt {
  font-weight: bold;
}

dd {
  padding-bottom: 1.5em;
}

#bodyText {
  text-align: justify;
  line-height: 1.5em;
  min-width: 510px;
  margin: 10mm 5mm 0 210px;
  padding: 0 1em 1ex 1em;
}

#bodyText p {
  padding-bottom: 0.5ex;
}

#bodyText a {
  text-decoration: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

#bodyText .topOfPage {
  font-size: 90%;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;
  border: none;
  padding-left: 1ex;
  padding-right: 1ex;
  float: right;
  margin-top: 3.5ex;
}

.smallCaps {
  font-variant: small-caps;
}

ul.tight li {
    margin-top: 0em;
}

/* ###### Research Page Specifics ###### */

.researchVideo {
    float: right;
    margin-left: 20px;
    margin-bottom: 0px;
    font-size: 70%;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    padding: 5px;
    color: black;
    text-decoration: none;
}

.researchVideo span {
    display: block;
    margin: 0px;
    line-height: 1em;
    padding: 0px;
}

.researchVideo img {
    width: 160px;
}

/* ###### CV Specifics ###### */

#cvHighlights ul {
    padding-bottom: 0.5em;
}

#cvHighlights p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-bottom: 0px;
}

#cvHighlights .note {
    font-style: italic;
    border-width: 2px;
    border-style: solid;
    padding: 0.5em;
}

/* ###### bib2html Specifics ###### */

#b2hInfo {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border-width: 2px;
    border-style: solid;
    padding: 0.5em;
}

.b2hGroupPapers {
    padding-left: 0px;
}

.b2hGroupPapers li {
    margin-bottom: 2ex;
    list-style-type: none;
}

.b2hGroupPapers .b2hTitle {
    font-weight: bold;
    display: block;
}

.b2hGroupPapers .b2hAuthor {
    display: block;
}

.b2hGroupPapers .b2hPubInfo {
    display: block;
}

#b2hLinkIndex {
    border-width: 2px 0 2px 0;
    border-style: solid;
    padding: 3px 0px 2px 0px;
    margin-top: 66px;
}

#b2hLinkIndex a, #b2hLinkIndex a:hover {
    color: black;
    text-decoration: none;
    border-bottom-style: none;
    line-height: 1.25em;
    padding: 4px 15px 4px 15px;
}

#bodyText pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
}

/* ###### Header ###### */

#header {
  background-image: url(headshot-sketch.png);
  background-repeat: no-repeat;
  background-position: top right;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  height: 190px;
  padding-left: 30px;
  padding-top: 10px;
  position: relative;
  min-width: 750px;
}

.headerTitle {
  font-size: 300%;
  font-weight: bold;
}

.addressBlock {
  float: left;
  width: 300px;
  position: absolute;
  bottom: 1em;
  padding-left: 0px;
  left: 30px;
}

.addressBlock2 {
  float: left;
  width: 350px;
  position: absolute;
  bottom: 1em;
  padding-left: 0px;
  left: 350px;
}

.locBar {
  float: right;
}

.menuBar *, .locBar * {
  text-decoration: none;
  font-weight: bold;
  padding-right: 1ex;
}

.menuBar a:hover, .locBar a:hover {
  text-decoration: underline;
}


/* ###### Side Box ###### */

.sideBox {
  border-style: solid none solid none;
  border-width: 2px 0 2px 0;
  width: 190px;
  margin-top: 67px;
  margin-left: 0px;
  margin-bottom: -40px;
}

.sideBox div {
  font-weight: bold;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  padding: 0.5ex 30px 0.5ex 30px;
}

.sideBox a, .sideBox a:hover, .sideBox span {
  color: black;
  text-decoration: none;
  line-height: 1.25em;
  display: block;
  padding: 4px 30px 4px 30px;
}

.sideBox .thisPage {
  font-weight: bold;
}


/* ###### Footer ###### */

#footer {
  border-top-style: solid;
  border-top-width: 2px;
  padding-top: 0.75ex;
  padding-bottom: 0.75ex;
  height: 2em;
  clear: left;
}

#footer div {
  font-size: 85%;
  line-height: 1.25em;
  text-align: right;
  padding-right: 3mm;
}

#footer a:hover {
  text-decoration: none;
}

.footerLHS {
  float: left;
  clear: left;
  padding-left: 3mm;
}
