/* Minimal Stanford/jemdoc-like academic page.
   Plain static HTML/CSS for web.stanford.edu/~nansheng/. */

html, body {
  margin: 0;
  padding: 0;
}

body {
  background: white;
  color: #000;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 15px;
  line-height: 1.45;
}

#tlayout {
  border-collapse: collapse;
  border: none;
  width: 100%;
}

#layout-menu {
  background: #f6f6f6;
  border-right: 1px solid #dddddd;
  padding: 1.0em 1.0em 1.1em 1.0em;
  vertical-align: top;
  width: 145px;
  white-space: nowrap;
}

#layout-content {
  padding: 1.2em 2.5em 2.0em 1.8em;
  vertical-align: top;
  max-width: 900px;
}

.menu-name {
  font-size: 1.05em;
  font-weight: bold;
  margin: 0 0 0.35em 0;
  padding-bottom: 0.55em;
  border-bottom: 1px solid #bdbdbd;
}

.menu-item {
  margin: 0;
  padding: 0.35em 0;
  border-bottom: 1px solid #e3e3e3;
}

.menu-item a {
  display: block;
}

.menu-item a.current {
  color: #000;
  font-weight: bold;
}

a {
  color: #224b8d;
  text-decoration: none;
}

a:hover {
  color: #b31b1b;
  text-decoration: underline;
}

h1 {
  font-size: 1.9em;
  font-weight: normal;
  margin: 0 0 0.75em 0;
  padding-bottom: 0.25em;
  border-bottom: 1px solid #aaaaaa;
}

h2 {
  font-size: 1.35em;
  font-weight: normal;
  margin: 1.45em 0 0.55em 0;
  padding-bottom: 0.15em;
  border-bottom: 1px solid #dddddd;
}

h3 {
  font-size: 1.05em;
  margin: 1.0em 0 0.35em 0;
}

p {
  margin: 0 0 0.75em 0;
}

ul, ol {
  margin-top: 0.35em;
  padding-left: 1.35em;
}

li {
  margin: 0.25em 0;
}

.imgtable {
  border: none;
  border-collapse: collapse;
  margin-bottom: 0.8em;
}

.imgtable td {
  border: none;
  padding: 0;
  vertical-align: top;
}

.imgtable td:first-child {
  padding-right: 1.3em;
}

.portrait {
  width: 155px;
  border: 1px solid #d0d0d0;
}

.name {
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 0.2em;
}

.small {
  color: #555;
  font-size: 0.92em;
}



.paper-group-title {
  margin: 1.25em 0 0.55em 0;
  padding-top: 0.45em;
  border-top: 1px solid #d8d8d8;
  color: #555;
  font-size: 0.92em;
  font-weight: bold;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

#layout-content > h2 + .paper-group-title {
  margin-top: 0.65em;
}

.paper-list {
  margin: 0 0 1.15em 0;
  padding-left: 0;
  border-left: none;
}

.paper {
  margin: 0 0 0.72em 0;
  padding-left: 1.05em;
  text-indent: -1.05em;
}

.paper::before {
  content: "\2022";
  color: #777;
  display: inline-block;
  width: 1.05em;
  text-indent: 0;
}

.paper-title {
  font-weight: bold;
}

.paper-note {
  color: #333;
}

.paper-link {
  margin-top: 0.4em;
}

.research-list li {
  margin: 0.45em 0 0.65em 0;
}

.year {
  color: #555;
  font-weight: bold;
}

#footer {
  margin-top: 2.4em;
  padding-top: 0.7em;
  border-top: 1px solid #dddddd;
  color: #666;
  font-size: 0.82em;
}

@media (max-width: 760px) {
  #tlayout, #tlayout tbody, #tlayout tr, #layout-menu, #layout-content {
    display: block;
    width: auto;
  }

  #layout-menu {
    border-right: none;
    border-bottom: 1px solid #dddddd;
    padding: 0.8em 1.0em;
  }

  .menu-name {
    display: inline-block;
    margin-right: 1.0em;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }

  .menu-item {
    display: inline-block;
    margin-right: 0.85em;
    padding: 0;
    border-bottom: none;
  }

  #layout-content {
    padding: 1.2em 1.1em 2.0em 1.1em;
  }

  .imgtable, .imgtable tbody, .imgtable tr, .imgtable td {
    display: block;
  }

  .imgtable td:first-child {
    padding-right: 0;
    margin-bottom: 0.8em;
  }
}