html {
  color: #000;
  background: #FFF;
}
body, div {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
div.fs {
  position: relative;
}
div.fs a {
  display: block;
  width: 100%;
  height: 100%;
}
div.fs div {
  position: absolute;
}
/* TEMPORARY */
img.singlePage {
  position: absolute;
}
div.target-mag {
  /* Box model */
  position: absolute;
  display: block;
  /* !!COMICS!! The image is always visible, it's the target-mag-parent element that controls visiblity */
  overflow: hidden;
  /* UI Styling */
  border: 3px solid #000;
  background-color: #fff;
}
/* !!COMICS!!
 Parent container that hosts both the light box and the image.
 Is required as the light box needs an opacity independent of the the image.
*/
div.target-mag-parent {
  width: 100%;
  height: 100%;
  display: none;
}
/* !!COMICS!!
  Light box only.
*/
div.target-mag-lb {
  width: 100%;
  height: 100%;
  background: #333;
  opacity: 0.8;
}
div.target-mag img {
  position: absolute;
}