body {
	background: #000;
	font-family: arial, helvetica, sans-serif;
}

.top-strip {
  display: none;
}

/* CONTENT
--------------------------------- */
.masthead {
  height: 290px;
  max-width: 1200px;
}
#logo {
  z-index: auto;
}
.mod {
	background-color: #000;
}

.video,
.video-streaming {
	background: #000;
}

/* :::: Info Flags :::: */
.flag {
  display: none !important; /* BA doesnt want any flags */
	max-width: 12em;
	padding: 9px 11px 8px 15px; /* padding: 8px 11px 8px 10px; */
	position: absolute;
	text-transform: uppercase;
  background: transparent;
  font-size: .8125em;
	font-weight: bold;
}

/* hide time flags */
time.flag {
  display: none;
}

h2.flag,
.promo .flag,
.flag span {
	font-weight: normal;
}

.flag,
.flag a {
	color: #fff;
}

.flag span {
	color: #fff;
  font-size: .846154em;
}

h2.flag {
	top: 16px;
  left: 14px;
  background: url('../img/britishairways/height_cuisine.png') 2px 0 no-repeat;
	font-size: 1.125em; /* 18px / 16px */
  padding: 16px 0;
}

h2.flag span {
	font-size: 30px;
}
.flag .mod-title {
  display: none
}


/* :::: Module: Events :::: */
.events {
	background: #292a29;
	border: 1px solid #292a29;
}

.scroll .info {
	border-bottom: 7px solid #292a29;
}

.events {
	color: #606060;
}

.events a {
	color: #ff9800;
	text-decoration: none;
}

.events a:hover {
	color: #ff1d1a;
	text-decoration: underline;
}

.events h2 {
	color: #e1000e;
	font-size: 1.75em;
  height: 109px;
}

.events h2 span {
	background-image: url(../img/jeep/usa-games.png);
}

.events li {
	border-bottom: 1px solid #7F7F7F;
}

.events li time {
	color: #fff;
font-size: 1.5em;
}

.events h3,
.events p,
.events pre {
font-size: .75em;
color: #fff;
}

.events h3 {
	color: #fff;
}

.events li:after { /* vertical bar between date and info */
	border-left: 1px solid #7F7F7F;
}

.events .scroll {
  height: 175px;
}

.jspVerticalBar,
.jspTrack {
  background: #000;
}
.jspDrag {
  background: #e9a303;
}

/* SHARED SUBPAGE STYLES
----------------------------------------- */

.subpage .content {
  background: #fff;
  float: none;
  overflow: auto;
  margin: 0 auto;
}



.subpage hgroup h2,
.events h3 {
	font-weight: bold;
}

.subpage h1 {
	color: #cf6e30;
	font-family: , arial, cursive;
	font-size: 2.55em;
	letter-spacing: 0.02em;
	line-height: 1.0;
  font-weight: bold;
  text-transform: uppercase;
}
.subpage {
	color: #424242;
}


.subpage hgroup h2 {
	color: #724319;
	font-size: 1.1em; /* 18px / 16px */
	line-height: 1.2;
  padding-top: 7px;
  font-weight: bold;
}

.subpage .byline {
	font-size: .75em;
  text-transform: uppercase;
  padding-top: 5px;
}

.subpage p {
	line-height: 1.4;
	font-size: .75em;
  padding-bottom: 0.8em;
}

.subpage .content a {
	color: #ea1c0a;
	text-decoration: none;
}

/* :::: Read the Latest :::: */
.latest h1.mod {
	background: #ea1c0a;
	color: #860d03;
	font-weight: bold;
	text-align: right;
}

.latest h1.gl span {
	background-image: url(../img/bg-read-latest.png);
}

.article .photos img {
  border: 1px solid #414141;
}

/* SLIDESHOW PAGE
----------------------------------------- */
.subpage.slideshow #slides {
  z-index: 2;
}
.subpage.slideshow .content {
  position: relative;
  top: -15px;
  padding-top: 35px;
}

.thumbs .selected img {
	border-color: #cf6e30;
}
.thumbs li img {
	border: 2px solid #fff;
}
#photo-wrapper  {
  border: 1px solid #414141;
}
#btn-prev,
#btn-next {
	background-image: url(../img/jeep/arrows.png);
}
#btn-next {
  right: -1px;
}

/* ========================================================== */
/* ======== Media Queries for Various Viewport Sizes ======== */
/* ========================================================== */

/* 320px
---------------------------------------------- */
@media only screen and (min-width: 320px) {
  .subpage p {
    padding-top: 5px;
  }
}

/* 320px - 479px
---------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 479px) {}

/* 480px
---------------------------------------------- */
@media only screen and (min-width: 480px) {}

/* 632px
---------------------------------------------- */
@media only screen and (min-width: 632px) {
}

/* 768px
---------------------------------------------- */
@media only screen and (min-width: 768px) {
  .subpage p {
    padding-top: 0;
  }
  .subpage .content {
    width: 682px;
  }

}

/* 950px
---------------------------------------------- */
@media only screen and (min-width: 950px) {
  .subpage .content {
    width: 872px;
  }
}


/* IE8 BS */
.lt-ie8 .masthead {
  overflow: hidden
}
.lt-ie8 #logo {
  height: 290px;
  overflow: hidden;
}