p.caption {
  color: #777;
  margin-top: 10px;
}
p code {
  white-space: inherit;
}
pre {
  word-break: normal;
  word-wrap: normal;
}
pre code {
  white-space: inherit;
}

/* -----------div tips------------- */

  div.aim, div.question, div.tip, div.defn, div.checklist, div.quiz, div.construction {
    padding: 1em;
    margin: 1em 0;
    padding-left: 100px;
    background-size: 90px;
    background-repeat: no-repeat;
    background-position: 5px center;
    min-height: 100px;
    color: #1f5386;
    background-color: #bed3ec;
  }

div.aim {
  background-image: url("images/A.png");
  background-color: #DCDCDC;
}

div.question {
  background-image: url("images/Q.png");
}

div.tip {
 background-image: url("images/T.png");
 background-color: #FFFFE0;
}

div.defn {
  background-image: url("images/D.png");
  background-color: #F0F8FF;
}

div.checklist {
  background-image: url("images/C.png");
  background-color: #F0E68C;
}

div.quiz {
  background-image: url("images/Z.png");
  background-color: #8FBC8B;
}

div.construction {
  background-image: url("images/R.png");
  background-color: #E6E6FA;
}