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



/* -----------Sidebar div tips------------- */
/* from r-pkgs.org*/

div.puzzle, div.fyi, div.demo, div.note {
    padding: 1em;
    margin: 1em 0;
    padding-left: 100px;
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: 15px center;
    min-height: 120px;
    color: #1f5386;
    background-color: #bed3ec;
    border: solid 5px #dfedff;
  }

div.puzzle {
  background-image: url("../images/Your-turn.png");
}

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

div.demo {
  background-image: url("../images/Live-code.png");
}

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


.instructor {
    display: inline-block;
    width: 160px;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 10px;
    font-size: 17px;
    vertical-align: top;
}


.instructorphoto img {
    width: 150px;
    border-radius: 140px;
    margin-bottom: 10px;
}

.answer{
  background-color: rgb(255, 255, 255);
  padding: 1em 1em 1em 0; /* top right bottom left */
  margin-bottom: 10px;
  margin-top: 10px;
}