/* qef.world */
@import url("./pure-base.css");
@import url("./pure-grids.css");
@import url("./slab-grid.css");
/* PREFERS LIGHT-DARK */
@media (prefers-color-scheme: dark) {
  :root {
    /* DARK MODE (duplicated below) */
    --bg: #363d4c;
    --top-strip-color: #579; /* medblue */
    --link-color: #7AD;
    --link-active-color: #69C;
    --type-color: #ddd;
    --type-faded-color: #999;
    --type-faded-2-color: #888;
    --type-faded-3-color: #777;
    --type-date-color: var(--type-faded-color);
    --type-new-color: #900;
    --h1-color: var(--type-color);
    --h1-slab-color: #fff;
    --h2-color: #933;
    --h2-color-style: #496; /* dotted. was #147 */
    --h3-color: #496;
    --h3-font-weight: 400;
    --slab-nav-bg: #3e5873; /* darkblue */
    --slab-subnav-bg: #468; /* subblue */
    --slab-panel-bg: var(--bg); /* medblue */
    --nav-link-color: var(--link-active-color);
    --nav-active-color: var(--type-color);
    /* white bg portfolio images */
    --style-talk-slide-border: none;
    /* END DARK MODE */
  }
  :root img.logo {
    content: url("../img/qefL.gif");
  }
  :root img.whiteframe {
    box-sizing: border-box;
    border: 10px solid white;
  }
  :root img.whitebg {
    background-color: white;
  }
}

/* TOGGLE LIGHT-DARK MODE */
[data-theme=dark] {
  /* DARK MODE (duplicated below) */
  --bg: #363d4c;
  --top-strip-color: #579; /* medblue */
  --link-color: #7AD;
  --link-active-color: #69C;
  --type-color: #ddd;
  --type-faded-color: #999;
  --type-faded-2-color: #888;
  --type-faded-3-color: #777;
  --type-date-color: var(--type-faded-color);
  --type-new-color: #900;
  --h1-color: var(--type-color);
  --h1-slab-color: #fff;
  --h2-color: #933;
  --h2-color-style: #496; /* dotted. was #147 */
  --h3-color: #496;
  --h3-font-weight: 400;
  --slab-nav-bg: #3e5873; /* darkblue */
  --slab-subnav-bg: #468; /* subblue */
  --slab-panel-bg: var(--bg); /* medblue */
  --nav-link-color: var(--link-active-color);
  --nav-active-color: var(--type-color);
  /* white bg portfolio images */
  /* style.org */
  --style-talk-slide-border: none;
  /* END DARK MODE */
}
[data-theme=dark] img.logo {
    content: url("../img/qefL.gif");
}
[data-theme=dark] img.whiteframe {
  box-sizing: border-box;
  border: 10px solid white;
}
[data-theme=dark] img.whitebg {
  background-color: white;
}

body {
  background-color: var(--bg);
}

nav button {
  transition: all 10 ease-in-out;
  background: none;
  border: none;
  cursor: pointer;
  opacity: 0.75;
}

/* VARIABLES */
:root {
  /* type sizes */
  --pt9: 0.5625rem;
  --pt10: 0.625rem;
  --pt11: 0.6875rem;
  --pt12: 0.75rem;
  --pt13: 0.8125rem;
  --pt14: 0.875rem;
  --pt15: 0.9rem;
  --pt16: 1rem;
  --pt17: 1.0625rem;
  --pt18: 1.125rem;
  --pt19: 1.1875rem;
  --pt20: 1.25rem;
  --pt25: 1.5625rem;
  --pt26: 1.625rem;
  --pt27: 1.6875rem;
  --pt30: 1.875rem;
  --pt36: 2.25rem;
  --pt38: 2.375rem;
  --pt40: 2.5rem;
  /* type */
  --font-titling: "Noto Sans Display", "Avenir Next Condensed", "Arial Narrow", "Trebuchet MS", Verdana, sans-serif;
  --font-titling-weight: 300;
  --font: "Noto Sans", Verdana, sans-serif;
  --font-weight: 300;
  --font-nav: var(--font);
  --font-nav-weight: 400;
  --font-nav-size: var(--pt15); /* was 12, 14, 13px */
  --font-size-large: var(--pt19); /* was 17, 16px */
  --font-size: var(--pt17); /* was 14, 15, 16px */
  --font-size-small: var(--pt16); /* was 14, 15px */
  --font-size-smaller: var(--pt15); /* was 13, 14px */
  --font-line-height: 1.4; /* was 21, 22, 23px */
  --font-brick-size: var(--pt16); /* was 13, 14px */
  --font-brick-line-height: 1.3; /* was 21, 22, 23px */
  /* widths */
  --slabmax: 518px; /* slab header design */
  --floatmin: 519px; /* floating logo design */
  --col2min: 519px; /* (was 419 = floatmin - 100) 2-column bricks, smaller logo and title */
  --col2max: 767px;
  --col3min: 768px; /* 3-column bricks */
  --sitemax: 1200px; /* max-width: 920px; (was 650, 710, 800, 900, 920 until 2024. could go to 1200?) */
}

/* SLAB VARIABLE OVERRIDES */
@media (max-width: 518px) { /* slabmax */
  :root {
    /* slab type overrides */
    --font-titling-weight: 300;
    --font-weight: 300;
    --font-nav-weight: 500;
    --font-nav-size: var(--pt15); /* was 12, 14px */
    --font-size-large: var(--pt19); /* was 19px */
    --font-size: var(--pt18); /* was 16, 17px */
    --font-size-small: var(--pt17); /* was 16px */
    --font-size-smaller: var(--pt15); /* was 15px */
    --font-size-brick: var(--pt15);
    --font-line-height: 1.45; /* was 23, 24px */
    --font-brick-size: var(--pt17); /* was 13, 14px */
    --font-brick-line-height: 1.2; /* was 21, 22, 23px */
    --nav-active-color: #ddd;
  }
}
/* FONTS */
body, td,
.pure-g [class*=pure-u],
.pure-g-r [class*=pure-u] {
  font-family: var(--font);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  line-height: var(--font-line-height);
}

.date {
  font-size: var(--font-size-smaller);
  color: var(--type-date-color);
}

.number {
  font-size: var(--font-size-small);
}

.small {
  font-size: var(--font-size-smaller);
}

.gray {
  color: var(--type-faded-color);
}

.fv {
  color: #8B4444;
}

/* LINKS */
a {
  text-decoration: none;
  color: var(--link-color);
}
a:active {
  color: var(--link-active-color);
  text-decoration: underline;
}
@media (min-width: 519px) {
  a { /* floatmin */
    /* no hover effect for iOS */
  }
  a:hover {
    color: var(--link-active-color);
    text-decoration: underline;
  }
}

/* FRAMEWORK */
body {
  margin: 0;
  padding: 0;
  color: var(--type-color);
  background-color: var(--bg);
}
@media (min-width: 519px) {
  body { /* floatmin */
    margin: 0 0 38px 0;
    padding: 0 5px 0 13px;
    border-top: 10px solid var(--top-strip-color); /* was 9px */
  }
}

.framework {
  margin: 0 auto;
  padding: 0;
  max-width: var(--sitemax);
}

.panel {
  margin: 0;
  padding: 0;
  /* fix width of main panel in float design to avoid title break */
}
@media (min-width: 519px) {
  .panel { /* floatmin */
    width: 80% !important;
  }
}
@media (min-width: 768px) {
  .panel { /* col3min */
    width: 85% !important;
  }
}

#slab-header .panel {
  width: 100% !important;
}

.pure-g > div {
  box-sizing: border-box;
}

/* VISIBILITY TOGGLES */
@media (max-width: 518px) { /* slabmax */
  .slab-hidden {
    display: none;
  }
}
@media (min-width: 519px) { /* floatmin */
  .slab-visible {
    display: none;
  }
}
/* BRICK */
.brick {
  margin: 0;
  padding: 0;
}
.brick img {
  width: 100%;
  margin: 0 0 5px 0;
}
.brick p {
  font-size: var(--font-brick-size);
  line-height: var(--font-brick-line-height); /* was h-1 */
}
.brick h4 {
  /* talks listing */
  font-size: var(--font-brick-size);
  line-height: var(--font-brick-line-height);
  font-weight: 500;
  margin-top: 6px;
  margin-bottom: 2px;
}
.brick .lede {
  /* eg NY TIMES */
  font-size: var(--pt12); /* was 11 */
  color: var(--type-faded-color);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
@media (max-width: 518px) {
  .brick { /* slabmax */
    width: 100% !important;
  }
  .brick p, .brick h2, .brick h3, .brick h4 {
    padding-left: 17px;
    padding-right: 10px;
  }
}
@media (min-width: 519px) {
  .brick { /* col2min */
    width: 50% !important;
    padding-right: 1%;
  }
}
@media (min-width: 519px) {
  .brick { /* floatmin */
    width: 50% !important;
    padding-right: 1%;
  }
  .brick p, .brick h2, .brick h3, .brick h4 {
    padding-right: 10px;
  }
}
@media (min-width: 768px) {
  .brick { /* col3min */
    width: 33.3% !important;
    padding-right: 1%;
  }
}

/* home list */
@media (max-width: 418px) {
  .homebrick { /* < col2min */
    padding: 20px;
  }
  .homebrick p, .homebrick h2, .homebrick h3, .homebrick h4 {
    padding-top: 3px;
    padding-left: 0px;
    padding-right: 20px;
  }
}
@media (min-width: 418px) and (max-width: 518px) {
  .homebrick { /* slabmax */ }
  .homebrick p, .homebrick h2, .homebrick h3, .homebrick h4 {
    padding-top: 3px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 519px) {
  .homebrick { /* floatmin */
    box-sizing: border-box;
    padding-right: 10px;
  }
  .homebrick img {
    box-shadow: rgba(50, 50, 93, 0.25) 1px 2px 5px 0px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  }
}

@media (max-width: 518px) {
  .welcome { /* slabmax */
    width: 100% !important;
  }
}
@media (min-width: 519px) {
  .welcome { /* col2min */
    width: 50% !important;
    padding-right: 1%;
  }
}
@media (min-width: 519px) {
  .welcome { /* floatmin */
    width: 50% !important;
    padding-right: 1%;
  }
}
@media (min-width: 768px) {
  .welcome { /* col3min */
    width: 33.3% !important;
    padding-right: 1%;
  }
}

.brick-intro > p {
  /* intro text in place of first brick */
}
@media (max-width: 518px) {
  .brick-intro > p { /* slabmax */
    padding-top: 15px;
  }
}

.inset {
  /* mobile h3 inset */
}
@media (max-width: 518px) {
  .inset { /* slabmax */
    padding-left: 17px;
  }
}

br.clear {
  clear: both;
}

br.small {
  clear: both;
  line-height: 30%; 
}

/* FITVID */
.fluid-width-video-wrapper {
  margin-bottom: 5px;
}

/* LOGO */
.logo, .logo-slab {
  margin: 27.5px 19px 21px 0;
  padding: 0;
}
@media (max-width: 518px) {
  .logo, .logo-slab { /* slabmax */
    position: relative;
    float: right;
    margin: 17px 13px 0 20px;
    width: 45px;
  }
}
@media (min-width: 519px) and (max-width: 767px) {
  .logo, .logo-slab { /* floatmin and col2max */
    margin-top: 29px;
    width: 50px;
  }
}

/* NAV */
nav {
  position: relative;
  margin: 0;
  padding: 0;
  text-align: left;
}
@media (max-width: 518px) {
  nav { /* slabmax */
    font-smooth: always; /* antiaslias */
  }
}

/* NAV and SUBNAV MENUS */
nav > ul,
nav.sidenav > ul {
  list-style-type: none;
  margin: 0;
}
@media (max-width: 518px) {
  nav > ul,
  nav.sidenav > ul { /* slabmax */
    background-color: var(--slab-nav-bg);
    padding: 6px 0 6px 17px;
  }
}
@media (min-width: 519px) {
  nav > ul,
  nav.sidenav > ul { /* floatmin */
    padding: 35px 0 6px 0;
  }
}

@media (max-width: 518px) {
  nav.sidenav > ul { /* slabmax */
    background-color: var(--slab-subnav-bg);
  }
}
@media (min-width: 519px) {
  nav.sidenav > ul { /* floatmin */
    padding-top: 0; /* align with top of text block */
  }
}

nav > ul > li,
nav.sidenav > ul > li {
  display: inline;
  margin-right: 10px;
  font-family: var(--font-nav);
  font-weight: var(--font-nav-weight);
  font-size: var(--font-nav-size);
  letter-spacing: 1px;
}
@media (max-width: 518px) {
  nav > ul > li,
  nav.sidenav > ul > li { /* slabmax */
    font-smooth: always; /* antiaslias */
  }
}

nav.sidenav > ul > li {
  /* sidebar menu */
}
@media (min-width: 519px) {
  nav.sidenav > ul > li { /* floatmin */
    display: block;
    margin-right: 18px;
    padding-bottom: 8px; /* was 3, 5 */
    font-size: var(--font-nav-size);
  }
}

nav > ul > li > a,
nav.sidenav > ul > li > a {
  /* slab nav links */
  /* nav links */
}
@media (max-width: 518px) {
  nav > ul > li > a,
  nav.sidenav > ul > li > a { /* slabmax */
    text-decoration: none;
    color: var(--nav-link-color); /* sunbav link color */
  }
  nav > ul > li > a:active,
  nav.sidenav > ul > li > a:active {
    color: var(--nav-active-color);
    opacity: 0.75;
  }
  nav > ul > li > a[aria-current=page], nav > ul > li > a[aria-current=section],
  nav.sidenav > ul > li > a[aria-current=page],
  nav.sidenav > ul > li > a[aria-current=section] {
    /* font-weight: bold; */
    color: var(--nav-active-color); /* nav + subnav on color */
  }
}
@media (max-width: 518px) and (min-width: 519px) {
  nav > ul > li > a[aria-current=page], nav > ul > li > a[aria-current=section],
  nav.sidenav > ul > li > a[aria-current=page],
  nav.sidenav > ul > li > a[aria-current=section] { /* floatmin */ }
  nav > ul > li > a[aria-current=page]:hover, nav > ul > li > a[aria-current=section]:hover,
  nav.sidenav > ul > li > a[aria-current=page]:hover,
  nav.sidenav > ul > li > a[aria-current=section]:hover {
    opacity: 1;
    text-decoration: none;
  }
}
@media (max-width: 518px) {
  nav > ul > li > a[aria-current=page]:active, nav > ul > li > a[aria-current=section]:active,
  nav.sidenav > ul > li > a[aria-current=page]:active,
  nav.sidenav > ul > li > a[aria-current=section]:active {
    opacity: 1;
  }
}
@media (min-width: 519px) {
  nav > ul > li > a,
  nav.sidenav > ul > li > a { /* floatmin */
    text-decoration: none;
    color: var(--type-faded-color); /* sidenav link color */
  }
  nav > ul > li > a:hover,
  nav.sidenav > ul > li > a:hover {
    color: var(--nav-link-color);
    text-decoration: none;
  }
  nav > ul > li > a:active,
  nav.sidenav > ul > li > a:active {
    color: var(--nav-active-color);
  }
  nav > ul > li > a[aria-current=page], nav > ul > li > a[aria-current=section],
  nav.sidenav > ul > li > a[aria-current=page],
  nav.sidenav > ul > li > a[aria-current=section] {
    color: var(--nav-active-color); /* sidenav on color */
  }
}

/* TITLE */
.titleblock {
  margin: 0;
  padding: 0 0 20px 0;
}

#slab-title .panel {
  background-color: var(--slab-panel-bg);
}
#slab-title .titleblock {
  padding: 0 0 0 17px;
}

/* SIDENAV */
.sidenav {
  /* border: 1px solid red; */
  text-align: right;
}
@media (max-width: 518px) {
  .sidenav { /* slabmax */
    width: 100% !important;
    text-align: left;
  }
}
@media (min-width: 519px) {
  .sidenav { /* floatmin */
    min-width: 90px !important;
  }
}

.sidenavtext {
  margin: 0;
  padding: 0 25px 0 0;
  font-size: var(--pt11);
  letter-spacing: 1px;
  line-height: 2;
  color: var(--type-color);
}

.sbpromo {
  margin-top: 50px;
  font-size: var(--pt11);
  color: var(--type-color);
  clear: left;
}

.icon {
  margin: 0 3px 4px 0;
  padding: 0;
  vertical-align: middle;
}

.icontext {
  font-size: var(--pt11);
}

/* FOOTER */
.copyright {
  font-size: var(--pt12) !important;
  color: var(--type-faded-color);
}

/* HEADERS */
h1 {
  font-family: var(--font-titling);
  font-weight: var(--font-titling-weight);
  font-size: var(--pt38);
  line-height: 1.11;
  font-style: normal;
  color: var(--h1-color);
  margin: 0;
  padding: 18px 0 3px 0;
}
@media (max-width: 518px) {
  h1 { /* slabmax */
    padding: 10px 0 13px 0;
    color: var(--h1-slab-color);
    font-size: var(--pt27);
    font-smooth: always; /* antiaslias */
  }
}
@media (min-width: 519px) and (max-width: 767px) {
  h1 { /* floatmin and col2max */
    font-size: var(--pt30);
    padding: 19px 0 3px 0;
  }
}

h1 a:link, h1 a:active, h1 a:hover, h1 a:visited {
  color: var(--h1-color);
  text-decoration: none;
}
@media (max-width: 518px) {
  h1 a:link, h1 a:active, h1 a:hover, h1 a:visited { /* slabmax */
    color: var(--h1-slab-color);
  }
}

h2 {
  font-family: var(--font-nav);
  font-size: var(--font-size-large);
  font-weight: normal;
  color: var(--h2-color);
  margin: 0;
  padding: 0 0 5px 0;
}
h2.gray {
  color: var(--type-color);
}

h3 {
  font-size: var(--font-size-large); /* was 2, 1 */
  font-weight: var(--h3-font-weight);
  color: var(--h3-color);
  margin: 0;
  padding: 13px 0 2px 0; /* was 13 0 3 0 */
}
h3.padded {
  margin-top: 25px;
}

@media (max-width: 518px) {
  h3.listhead { /* slabmax */
    padding-left: 17px;
    padding-right: 17px;
  }
}

.recent-projects h3 {
  margin-bottom: 4px;
}

p {
  margin-top: 0;
}

p.award {
  font-size: var(--font-size-small);
  font-style: italic;
  color: var(--type-faded-color);
}

/* RESPONSIVE IMAGES */
img.rsp {
  width: 100%;
  padding: 0;
  height: auto;
}

.slab-bleed img.rsp {
  /* small white border all sides of image */
}
@media (max-width: 518px) {
  .slab-bleed img.rsp { /* slabmax */
    width: 96%;
    padding: 2%;
    height: auto;
  }
}

/* COLUMN TEXT PADDING */
.pure-g > div {
  /* add padding to pure elements */
  box-sizing: border-box;
}

@media (max-width: 518px) {
  div.slab-text { /* slabmax */
    padding: 0 17px 0 17px;
  }
}
@media (min-width: 519px) {
  div.slab-text { /* floatmin */
    padding-right: 15px;
  }
}

@media (min-width: 519px) {
  div.text-right { /* floatmin */
    padding-left: 15px;
    padding-right: 0;
    /* remove top padding on right */
  }
  div.text-right h3 {
    padding-top: 3px;
  }
}

div.pad-top {
  padding-top: 10px;
}

div.pad-bottom {
  padding-bottom: 10px;
}

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* IMAGES */
img.right {
  float: right;
  padding: 10px 0 25px 25px;
}

/* CAPTIONS AND CREDITS */
.caption {
  color: var(--type-faded-color);
  font-size: var(--pt11);
}

p.gcredit {
  text-align: right;
  color: var(--type-faded-2-color);
  font-size: var(--pt9) !important;
  text-transform: uppercase;
}
@media (max-width: 518px) {
  p.gcredit { /* slabmax */
    margin-right: 7px;
  }
}

p.gcaption {
  text-align: right;
  color: var(--type-faded-3-color);
  font-style: italic;
  font-size: var(--pt12) !important;
  margin-top: 2px !important;
}
@media (max-width: 518px) {
  p.gcaption { /* slabmax */
    margin-right: 7px;
  }
}

.vcredit {
  text-align: right;
  color: var(--type-faded-3-color);
  font-family: Verdana, sans-serif;
  font-size: var(--pt9) !important;
  line-height: 1 !important;
  text-transform: uppercase;
  margin: 2px 0 0 0;
  padding: 0;
}
@media (max-width: 518px) {
  .vcredit { /* slabmax */
    margin-right: 7px;
  }
}

/* COLORS */
.gray {
  color: var(--type-faded-color);
}

.new {
  font-size: var(--pt9);
  color: var(--type-new-color);
}

/* ARROWS */
.arrows {
  position: relative;
  float: right;
  margin: 26px 0 0 0;
  padding: 0;
}
.arrows #prev, .arrows #next {
  width: 30px;
  height: 30px;
  border: 0;
}
.arrows #prev {
  opacity: 0.5;
}
.arrows #prev:hover {
  opacity: 1;
}
.arrows #next {
  margin-left: 1px;
  margin-right: 13px;
  opacity: 0.5;
}
.arrows #next:hover {
  opacity: 1;
}

/* DESKTOP SHARE */
img.share {
  width: 30px;
  height: 30px;
  margin: 0;
  border: 0;
  opacity: 0.25;
}
img.share:hover {
  opacity: 1;
}

/* SLAB FOOTER ARROWS */
.footer {
  margin: 39px 0 15px 0;
  bottom: 0;
}
.footer .slab-arrow {
  display: block;
  margin: 0 auto;
  width: 40px;
  height: 40px;
  border: 0;
  opacity: 0.5;
}
.footer .slab-arrow:hover {
  opacity: 1;
}
.footer #slab-top {
  margin-left: 0;
}
.footer #slab-prev {
  margin-right: 0;
}
.footer #slab-next {
  margin-right: 0;
}

/* PAGE THUMBNAILS */
.pagethumb {
  margin-left: -1px; /* shadow */
  max-width: 100%;
  height: auto;
  behavior: url("/images/iepngfix.htc"); /* png transparency fix for IE6 */
}

/* ======= PIWS.ORG ======= */
@media (max-width: 518px) {
  .piws h1 { /* slabmax */
    font-family: var(--font-titling);
    font-weight: var(--font-titling-weight);
    padding-right: 7px;
    font-size: var(--pt25);
    font-smooth: always; /* antiaslias */
  }
}
@media (max-width: 518px) {
  .piws p.intro { /* slabmax */
    padding-top: 20px;
  }
}
.piws img.piws_symbol {
  display: block;
  margin: 25px auto 0 auto;
  border: none;
  max-width: 240px;
}
.piws .slab-bleed img.rsp {
  /* small white border all sides of image */
}
@media (max-width: 518px) {
  .piws .slab-bleed img.rsp { /* slabmax */
    width: 90%;
    padding: 5%;
    height: auto;
  }
}

.piws-brick img.rsp {
  margin: 0;
  padding: 0;
  border: none;
}
.piws-brick p {
  margin: -2px 0 0 13px;
  padding: 0;
  font-size: var(--pt14);
  color: var(--type-faded-color);
}
@media (max-width: 518px) {
  .piws-brick p { /* slabmax */
    padding-bottom: 5px;
    margin: -20px 0 0 17px;
  }
}

@media (max-width: 518px) {
  .style-brick p { /* slabmax */
    padding-bottom: 21px;
  }
}

/* ======= STYLE.ORG ======= */
body.style .pullquote {
  background-color: #DDEEFF;
  color: var(--type-color);
  border-top: 1px dotted #999999;
  border-bottom: 1px dotted #999999;
  font-style: italic;
  font-size: var(--pt14);
  margin: 10px 0px 10px 10px;
  padding: 10px;
  width: 35%;
  float: right;
}

body.style .pullquote-nofloat {
  background-color: #DDEEFF;
  color: var(--type-color);
  border-top: 1px dotted #999999;
  border-bottom: 1px dotted #999999;
  font-style: italic;
  font-size: var(--pt14);
  margin: 10px 0px 10px 10px;
  padding: 10px;
}

body.style .smallcaps {
  font-variant: small-caps;
}

body.style .caption {
  color: var(--type-faded-color);
  font-size: var(--pt11);
  line-height: 1.2;
}

body.style .captiontitle {
  color: var(--type-color);
  font-size: var(--pt12);
  font-weight: bold;
  line-height: 1.2;
}

body.style h2 {
  color: var(--h2-color-style);
  line-height: 1.1;
  margin: 35px 0 7px 0;
  padding-bottom: 7px;
  border-bottom: 1px dotted #999999;
}

body.style .rule {
  border-top: 1px dotted #999999;
  width: 100%;
  height: 1px;
  margin: 15px 0px 5px 0px;
  padding: 0px;
}

body.style p.byline {
  margin-bottom: 0;
}

body.style p.date {
  margin-top: 0;
}

body.style ol li {
  margin-bottom: 5px;
}

img.slide {
  border: var(--style-talk-slide-border);
}

@media (max-width: 518px) {
  img.slide {
    border-left-width: 0;
    border-right-width: 0;
  }
}
/* ARTICLE-SPECIFIC CSS */
@media (min-width: 519px) {
  body.style img.smallpad { /* floatmin */
    max-width: 98%;
    height: auto;
  }
}

body.style .parseresults {
  padding: 10px 0px 10px 0px;
}

body.style .parseresults td, body.style .parseresults-med td {
  color: var(--type-color);
  font-size: var(--pt10);
  padding: 3px 5px 7px 0px;
}

body.style .parseresults-med td {
  font-size: var(--pt11);
}

body.style table.crosshair td img {
  cursor: crosshair;
}

/*  qef */
table, td, th {
  border: 1px solid;
}

table{font-family: Arial;
    width: 90%;
    border-collapse: collapse;
    font-size: medium;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    margin-top:5px;
	margin-right:5px;
	margin-bottom:20px;
	margin-left:5px;
    padding-top: 6px;
    padding-right: 4px;
    padding-bottom: 6px;
    padding-left: 4px;
    border: 8px;
    border-top: 4px ;
    border-right: 4px ;
    border-bottom: 5px ;
    border-left: 1px 1px ;}
    
th {
  text-align: center;
  border-color:white;
  color:#496;
  font-weight:bold;
  padding: 6px;
}

td {
  text-align: center;
  font-weight: 525;
  padding: 8px;
}

td.blue {
  font-weight: 600;
  color: #69C; 
  border-color:white;
  }
 
td.red {
  font-weight: 600;
  color: #8B4444; 
  border-color:white;
  } 


tablecaption {
  font-family: Arial;
  font-size: small;
  line-height: 95%;
  color: #999;
  font-style: italic;
  padding: 8px;
  text-align: center;
}

img.fig { 
   margin-left: auto;
   styleborder: 105px solid transparent;
   max-width: 108%;
   margin-right: auto;
   display: block;}
   
figcaption {
  font-family: Arial;
  font-size: small;
  line-height: 108%;
  color: #999;
  font-style: italic;
  padding: 2px;
  text-align: left;
}

figcaption.mediumcap {
	width: 82%;
    margin-left: auto;
    margin-right: auto;
	}
	
figcaption.smallcap {
	width: 65%;
    margin-left: auto;
    margin-right: auto;
	}
		
figcaption.extrasmallcap {
	width: 53%;
    margin-left: auto;
    margin-right: auto;
	}
	
font.blue {
color: #00579e 
	}	
	
		
font.red {
  color: #9b3434;
	}	
	
font.green {
  color: #8db600;
	}		
	
	.spacer {
  height: 25px;
}