/* $Id$ */
/* balade_nature */

@font-face {
  font-family: MinyaNouvelle;
  font-weight: normal;
  font-style: normal;
  src: url('../Fonts/minyanouvelle.otf') format('opentype');
}

body {
  width: ${width}px;
  height: ${height}px;
}
body.pdocTopic { padding: 0; }

img { max-width: 100%; max-height: 100%; }



/* ======= BLOCK LEVEL ====== */


/* ~~~~~~~ pdocMedia ~~~~~~~~ */

.pdocMedia {
  position: relative;
  margin: 0;
}

.pdocMediaCaptionAbsolute {
  position: absolute;
  text-align: center;
  width: 100%;
}

/* ~~~~~~~ pdocImage ~~~~~~~~ */

.pdocImage {
  max-width: 100%;
  max-height: 100%;
}

.pdocImage.tooltip, .pdocImage.hotspot {
  float: left;
  position: relative;
}

.pdocImageHotspot {
  position: absolute;
}

.pdocImageHotspot a {
  display: block;
  text-decoration: none;
  border: 1px dotted gray;
}

.pdocImagePulse {
  position: absolute;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.pdocImageTooltip {
  position: absolute;
  display: none;
  color: white;
  font-size: 140%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-shadow: 1px 1px 1px #bbbbbb;
}
.pdocImageTooltip .pdocP {
  color: white;
}

/* ~~~~~~~~~~ pdocP ~~~~~~~~~ */

.pdocP {
  font-family: MinyaNouvelle;
  font-size: 220%;
  color: #603a19;
}

/* ~~~~~ media-overlay ~~~ */

.-epub-media-overlay-active {
  background-color: yellow;
}


/* ========= EFFECTS ======== */


/* ~~~~~~~~~~ Glow ~~~~~~~~~~ */

#effectGlow {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#effectGlowSpot {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  cursor: none;
  background: -moz-radial-gradient(center 45deg, circle closest-side, transparent 10%, rgba(0, 0, 0, 0.75) 33%);
  /* background: -webkit-gradient(radial, center center, 30, center center, 300, from(rgba(0,0,0,0)), to(rgba(0,0,0,.75))); */
}