.story-detail .flexslider {
  background: #0C0C0E;
  padding: 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.story-detail .flexslider .flex-prev {
  left: 10px;
}
.story-detail .flexslider .flex-next {
  right: 10px;
}
.story-detail .flexslider img {
  max-height: 250px;
}
.story-detail .flex-direction-nav a {
  background: #000;
  height: 100%;
  line-height: 20em;
  margin: 0;
  opacity: .3;
  text-decoration: none;
  top: 0;
  width: 25px;
}
.story-detail .flex-direction-nav .flex-next {
  background-position: 100% 0;
}

.slider-item-container {
  padding: 0 25px;
}

/*** Inlines ***/
.story-inline {
  background: #eee;
  border: 1px solid #ccc;
  margin: 0 10px 10px 0;
  padding: 10px;
  overflow: hidden;
  word-wrap: break-word;
}

.inline-left, .story-inline-left {
  clear: left;
}

.story-inline-map {
  height: 290px;
  padding: 10px;
  margin-bottom: 10px;
}
.story-inline-map h5 {
  margin: 0px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
}
.story-inline-map .story-inline-map-container {
  height: 210px;
}
.story-inline-map .olMapViewport {
  height: 200px;
  border: 1px solid #ccc;
  z-index: 1;
}

.story-inline-map-container {
  height: 100%;
  width: 100%;
}

.story-inline-photothumb div.modal-body {
  padding-bottom: 0;
}

/*** Story Header ***/
.story-header {
  padding-bottom: 15px;
}

.story-header h1, .story-header h2 {
  font-family: "myriad pro", Arial, Helvetica, sans-serif;
  margin: 0px;
}

.story-header h1 {
  font-size: 2.2em;
  font-weight: 700;
  color: #333;
}

.story-header h2 {
  font-size: 1.6em;
  font-weight: 600;
  color: #666;
  padding-bottom: 10px;
}

.story-header p {
  font-size: 1.2em;
  color: #333;
  margin: 0px;
}

.story-header a {
  font-weight: 600;
}

/*** Story Content ***/
.story-content {
  padding-top: 15px;
}

/*** Author Card ***/
.author-card {
  color: #666;
  font-weight: bold;
}

.author-card .glyphicon {
  color: #333;
}

.author-card .panel-body {
  padding-bottom: 0px;
  padding-top: 10px;
  font-size: 85%;
}

.author-card .panel-body ul li {
  padding-top: 5px;
}

.author-card .thumb {
  padding-top: 0px;
  padding-bottom: 0px;
}

.author-card .name, .author-card .bio {
  padding-left: 0px;
  padding-right: 5px;
}

.author-card .panel-heading {
  padding: 20px 5px 0px 0px;
  font-size: 1.4em;
  font-weight: bold;
}

.author-card img {
  -moz-box-shadow: 0px 0px 0px 4px #666;
  /* Firefox */
  -webkit-box-shadow: 0px 0px 0px 4px #666;
  /* Safari, Chrome */
  box-shadow: 0px 0px 0px 4px #666;
  /* CSS3 */
  position: relative;
  top: -45px;
}

/*** More Like This ***/
.more-like-this .panel-heading {
  background-color: #3A5B7C;
  background: -moz-linear-gradient(top, #3a5b7c 0%, #13496a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a5b7c), color-stop(100%, #13496a));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3A5B7C', endColorstr='#13496A');
  border-color: #13496A;
  color: #fff;
}

.more-like-this .panel-body {
  padding: 0px;
}

.more-like-this li {
  border-top: 1px solid #ccc;
  padding: 5px 10px;
}

.more-like-this a {
  display: inline-block;
}

#syncronexOverlayContent {
  position: fixed !important;
}
#syncronexOverlayContent .banner img {
  width: auto;
}
#syncronexOverlayContent h2 {
  font-size: 18px !important;
  line-height: 18px !important;
}

#text-size-buttons {
  padding-left: 10px;
  padding-bottom: 10px;
}

#ad-pre-content {
  margin-left: 15px;
}

#ad-post-content {
  margin: 0 auto 15px;
  width: 300px;
}

#slidebox {
  /*background-color:rgba(255, 255, 255, 0.98);*/
  background: #34759F;
  /*border-top: 12px solid #333;*/
  -moz-box-shadow: 5px 1px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 1px 5px rgba(0, 0, 0, 0.5);
  bottom: 35px;
  box-shadow: 5px 1px 5px rgba(0, 0, 0, 0.5);
  color: #fff;
  /*right:-430px;*/
  left: -450px;
  padding: 10px 10px 15px 20px;
  position: fixed;
  text-align: center;
  width: 400px;
  z-index: 999;
}
#slidebox h3 {
  color: #fff;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 1px;
  margin: 0 0 10px;
  text-shadow: 1px 1px 2px #333;
}
#slidebox p {
  font-size: 11px;
  text-transform: uppercase;
  font-family: Arial,Helvetica,sans-serif;
  letter-spacing: 1px;
  text-shadow: 1px 1px 2px #333;
}
#slidebox .btn-primary {
  background: #fff;
  color: #428bca;
}
#slidebox .btn-primary:hover {
  background: #eee;
}
#slidebox .close-slidebox {
  color: #fff;
  cursor: pointer;
  font-size: 120%;
  text-shadow: 1px 1px 2px #333;
}

@media (max-width: 767px) {
  .story-header h1 {
    font-size: 1.8em;
    padding-bottom: 10px;
  }

  .story-header h2 {
    font-size: 1.2em;
    padding-bottom: 0;
  }

  #blog-list-container, #more-list-container {
    display: none;
  }
}
@media (min-width: 768px) {
  .story-detail .flexslider img {
    max-height: 300px;
  }

  .story-detail .flex-direction-nav a {
    line-height: 25em;
  }
}
@media (max-width: 979px) {
  .story-content {
    font-size: 16px;
  }
}
@media (min-width: 980px) {
  .slider-item-container {
    padding: 0 40px;
  }

  .story-detail .flex-direction-nav a {
    line-height: 30em;
  }
}
@media (min-width: 1042px) {
  .story-detail .flexslider img {
    max-height: 450px;
  }
}
@media (min-width: 1200px) {
  .story-detail .flexslider img {
    max-height: 500px;
  }

  .slider-item-container {
    padding: 0 40px;
  }

  .story-detail .flex-direction-nav a {
    line-height: 35em;
  }
}