/**
 * Natural History Magazine: Styles for the jFlow slideshow
 *
 * Colors
 * =====================
 * Light Putty #f4f1e7
 * Putty       #eeeecc
 * Dark Putty  #efeec6
 * Light Blue  #dbeefe
 * Bright Blue #338cff
 * Blue        #0059be
 * Dark Blue   #093d72
 * Light Grey  #efefef
 * Grey        #b6babd
 * Medium Grey #404049
 * Dark Grey   #1a1c1d
 * Black       #000
 * Orange      #fb9d32
 * Red         #e60606
 *
 * Font Stacks
 * =====================
 * Body      Arial, Helvetica Neue, Helvetica, sans-serif;
 * Headlines Georgia,"Times New Roman",Times,serif;
 * Input     Arial, Helvetica Neue, Helvetica, sans-serif;
 *
 * 
 * Custom Blueprint Gird
 * =====================
 * Columns      24
 * Page Width   974px
 * Column Width 31px
 * Margin Width 10px
 */


#ns_slideshow {
  position: relative;
  width: 644px;
  height: 410px;
}

#ns_slideshow img.title {
  position: absolute;
  top: 10px;
  left: 11px;
}

#ns_slideshow .rss {
  position: absolute;
  top: 10px;
  left: 456px;
}

#ns_slideshow h1 {
  font-size: 18px;
}

#ns_slideshow h2 {
  text-transform: none;
}

#ns_slideshow p {
  font-size: 11px;
}

#ns_slideshow .media-left {
  margin: 0;
}

#ns_paging {
  position: absolute;
  top: 10px;
  left: 236px;
  padding: 0;
  width: 460px;
  height: 35px;
}

#ns_paging span.ns_next, 
#ns_paging span.ns_prev {
  position: relative; top: 2px
}

.ns_mask {
  position: absolute;
  top: 45px;
  left: 12px;
  width:460px;
  height:360px;
  overflow:hidden;
  z-index: 3;
}

#ns_box {
  position:absolute;
}

#ns_box .story-title {
  margin-top: 5px;
  float: left;
}

#ns_box h3 {
  margin-bottom: 2px;
  font-size: 18px;
  line-height: 1.1em;
}

#ns_box p {
  margin: 0;
  font-size: 11px;
  color: #404049;
  line-height: 1.1em;
}

#ns_box a {
  text-decoration: none;
  font-weight: bold;
  color: #000;
}

#ns_box div {
  width:460px;
  float:left;
}

.ns_panel {
  height: 360px;
}

#ns_box .ns_buttons{
  text-align:left;
}

#ns_box .next{
  float:right;
}

#ns_handles {
  position: absolute;
  padding: 0;
  top: 0;
  left: 485px;
  width: 158px;
  height: 410px;
  border-left: 1px solid #b6babd;
  overflow: hidden;
  z-index: 4;
}

#ns_handles h2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.1em;
  margin-bottom: 2px;
}

#ns_handles p {
  margin: 0;
  font-size: 11px;
  color: #404049;
  line-height: 1.1em;
}

#ns_handles li {
  border-bottom: 1px solid #b6babd;
}

#ns_handles div {
  padding: 5px;
  height: 72px;
  overflow: hidden;
}

#ns_paging_handles {
  margin: 0;
  padding: 0;
}

.ns_buttons{
  clear:both;
  padding:4px;
  cursor: pointer;
}

.ns_buttons span {
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  color: #0059be;
  padding: 0 3px;
}

.ns_control, .ns_prev, .ns_next { cursor:pointer; }

.ns_prev span, 
.ns_next span {
  margin: 0;
  padding: 0;
}

#ns_slideshow .hvr {
  background-color: #dbeefe;
}

.ns_buttons span:hover,
.ns_buttons div:hover {
  background: #dbeefe;
  cursor: pointer;
}

#ns_slideshow .ns_selected {
  background: #efefef !important;
}

.ns_buttons span.active, 
.ns_buttons div.active {
  color: blue;
}

.jFlowSlideContainer {
  overflow: hidden !important;
}