/** Rules for Headline Block **/

DIV.featured-top {
  margin: -10px -30px 0 -30px;
  background: transparent;
  border-bottom: none;
  text-shadow: none;
  padding: 0;
}

/*
 * DIV.featured-top ASIDE.layout-container {
 *  max-width: 1440px;
 * }
 */

DIV.featured-top UL#gtHeadlineSlideList {
  padding: 0;
  list-style-type: none;
}

DIV.featured-top DIV.gtHeadlineImageWrapper,
DIV.featured-top DIV.gtHeadlineNoImageWrapper {
  position: relative;
}


/*-- For Larger Screens, pull the text box up over top of the image --*/
@media handheld, only screen and (min-width: 560px) {

  DIV.featured-top DIV.gtHeadlineImageWrapper DIV.gtHeadlineContent {
    position: absolute;
    left: 50%;
    margin-left: -33%;
    margin-right: 0;
    width: 66%;
  }

}

DIV.featured-top DIV.gtHeadlineContent {
  bottom: 0px;
  margin: 0 auto;
  padding: 12px 0;
  color: white;
  background-color: rgba(0,0,0,0.7);
}

DIV.featured-top DIV.gtHeadlineImage {
  margin: 0 auto;
  line-height: 0;
}

DIV.featured-top DIV.gtHeadlineImage IMG {
  width: 100%;
}


DIV.featured-top DIV.gtHeadlineContent H2,
DIV.featured-top DIV.gtHeadlineContent P:first-child {
  font-size: 120%;
  font-weight: 400;
  line-height: 1.4;
  padding: 0 10px;
}

DIV.featured-top DIV.gtHeadlineContent P {
  font-size: 110%;
  font-weight: 200;
  padding: 6px 10px;
}

DIV.featured-top DIV.gtHeadlineContent A {
  color: #eeb211;
}

DIV.featured-top DIV.gtHeadlineControlBar {
  padding-top: 8px;
}

DIV.featured-top BUTTON.gtHeadlineControlButton {
  margin: 0 12px;
  font-size: 0.9em;
}

DIV.featured-top BUTTON.gtHeadlineControlButton SPAN {
  position: absolute;
  left: -10000px;
  top: 0;
}

@media handheld, only screen and (max-width: 990px) {

  DIV.featured-top DIV.gtHeadlineContent H2,
  DIV.featured-top DIV.gtHeadlineContent P:first-child {
    font-size: 100%;
  }

  DIV.featured-top DIV.gtHeadlineContent P {
    font-size: 90%
  }

}