/* use Charis SIL - Regular in .woff format */
@font-face {
    font-family: CharisSILW;
    src: url(../fonts/CharisSIL-R.woff);
}
/* use Charis SIL - Italic in .woff format */
@font-face {
    font-family: CharisSILW;
    font-style: italic;
    src: url(../fonts/CharisSIL-I.woff);
}

@font-face {
    font-family: CharisSILW;
    font-weight: bold;
    src: url(../fonts/CharisSIL-B.woff);
}

@font-face {
    font-family: CharisSILW;
    font-weight: bold;
    font-style: italic;
    src: url(../fonts/CharisSIL-BI.woff);
}

/* Andika (if needed) 


@font-face {
    font-family: Andika;
    src: url(../fonts/Andika-Medium.woff);
}
@font-face {
    font-family: Andika;
    font-style: italic;
    src: url(../fonts/Andika-Italic.woff);
}

@font-face {
    font-family: Andika;
    font-weight: bold;
    src: url(../fonts/Andika-Bold.woff);
}

@font-face {
    font-family: Andika;
    font-weight: bold;
    font-style: italic;
    src: url(../fonts/Andika-BoldItalic.woff);
}
*/

/** General presentation **/

/*body {font-family: CharisSILW, serif;}*/

em {font-family: CharisSILW;}

/* Center/float images in markdown.*/
img.centerme {
  display:block;
  margin: 0 auto;
}

img.floatme {
    float: right;
    margin: 1ex;
}

/* author display */

.author-box {
  align-items: center;
  margin-bottom: 2rem;
}

.author-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 1rem;
}

.author-name {
  font-variant: small-caps slashed-zero;
}

.author-bio {
  font-size: 0.9rem;
  color: #555;
}

#sidebar-toc {
  margin-top: 1em;
  margin-bottom: 1em;
  position: sticky;
}