body.artdirected {
  backface-visibility: hidden;
  background-color: #5AA6F7;
  background-image: url(sky-2x.gif);
  background-repeat: repeat-x;
}

.artdirected .meta {
    text-align: center;
    color: #fff;
}

.artdirected .meta a {
    color: #fff;
}

.artdirected .tools,
#marctv .artdirected .tools a,
.artdirected .entry {
  text-decoration: none;
}

.artdirected .entry a {

}

.artdirected .entry .wp-caption-text a {
  color: #333;
  text-decoration: none;
}

.artdirected .figure div {
  position: absolute;
  height: 512px;
  width: 4096px;
  animation-iteration-count: infinite;
  timing-function: linear;
  background-position: 0px bottom;
  background-repeat: repeat-x;

  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

.artdirected #fig1,
.artdirected #fig2 {
  overflow: hidden;
  width: 100%;
  position: absolute;
  height: 512px;
  image-rendering:optimizeSpeed;             /* Legal fallback */
  image-rendering:-moz-crisp-edges;          /* Firefox        */
  image-rendering:-o-crisp-edges;            /* Opera          */
  image-rendering:-webkit-optimize-contrast; /* Safari         */
  image-rendering:-webkit-crisp-edges;
  image-rendering:optimize-contrast;         /* CSS3 Proposed  */
  image-rendering:crisp-edges;               /* CSS4 Proposed  */
  image-rendering:pixelated;                 /* CSS4 Proposed  */
  -ms-interpolation-mode:nearest-neighbor;
}

.artdirected #fig1 .figure div {
  background-image: url(level-plains.gif);
  animation: Parallax 120s linear infinite;
  -webkit-animation: Parallax 120s linear infinite;
  -moz-animation: Parallax 120s linear infinite;
  -ms-animation: Parallax 120s linear infinite;

  z-index: -3;
}


.artdirected #fig2 .figure div {
  width: 12288px;
  background-image: url(layer-mario.gif);
  background-position: 0 0;
  animation: Parallax3 60s linear infinite;
  -webkit-animation: Parallax3 60s linear infinite;
  -moz-animation: Parallax3 60s linear infinite;
  -ms-animation: Parallax3 60s linear infinite;
  top: -8px;
  z-index: -2;
}

.artdirected .content-body {
  background-color: #fff;
  margin-bottom: 1em;
}

.artdirected .entry .inner {
  margin: 0.1em 1em;
  padding-top: 1em;
}

.artdirected .hreview .inner {
  margin: 0;
  padding-top: 0;

}

.artdirected .entry .title {
  background: url("headline-8.gif") no-repeat scroll top center transparent;
  display:block;
  text-indent:-5000em;
  height: 340px;
  margin: 0 auto;
  background-size: contain;
  z-index: 3;

  /* pixelalted */
  image-rendering:optimizeSpeed;             /* Legal fallback */
  image-rendering:-moz-crisp-edges;          /* Firefox        */
  image-rendering:-o-crisp-edges;            /* Opera          */
  image-rendering:-webkit-optimize-contrast; /* Safari         */
  image-rendering:-webkit-crisp-edges;
  image-rendering:optimize-contrast;         /* CSS3 Proposed  */
  image-rendering:crisp-edges;               /* CSS4 Proposed  */
  image-rendering:pixelated;                 /* CSS4 Proposed  */
  -ms-interpolation-mode:nearest-neighbor;
}

.artdirected .entry {
  padding-top: 100px;
}

.artdirected .adb-hidden{
  display: none;
}

@media only screen and  (max-width : 640px)  {
  .artdirected .entry .title {
    width: 90%;
  }
}

/* gone with the wind */

@keyframes Parallax {
  from {
    transform: translate3d(0px, 0px, 0px);
  } to {
    transform: translate3d(-2048px, 0px, 0px);
  }
}

@-webkit-keyframes Parallax {
  from {
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
  to {
    -webkit-transform: translate3d(-2048px, 0px, 0px);
  }
}

@-ms-keyframes Parallax {
  from {
    transform: translate3d(0px, 0px, 0px);
  } to {
    transform: translate3d(-2048px, 0px, 0px);
  }
}


@keyframes Parallax3 {
  from {
    transform: translate3d(0px, 0px, 0px);
  } to {
      transform: translate3d(-6144px, 0px, 0px);
    }
}

@-webkit-keyframes Parallax3 {
  from {
    -webkit-transform: translate3d(0px, 0px, 0px);
  }
  to {
    -webkit-transform: translate3d(-6144px, 0px, 0px);
  }
}

@-ms-keyframes Parallax3 {
  from {
    transform: translate3d(0px, 0px, 0px);
  } to {
      transform: translate3d(-6144px, 0px, 0px);
    }
}