/* ==========================================================================
   Author's custom styles
   ========================================================================== */
    body {
  background-image:url('');
  background-color: #EEF7FA;
  background-size: 100%;
  height: 100%;
}    
 .container-narrow,
  .navbar-static-top .container-narrow,
  .navbar-fixed-top .container-narrow,
  .navbar-fixed-bottom .container-narrow {
  	margin: 0 auto;
    max-width: 1010px;
  }
 
  /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto;
      }

.container-narrow a { outline: none;/*color: #f96149;*/ -o-transition:color .5s ease-out, background 0.2s ease-in;
  -ms-transition:color .5s ease-out, background 0.2s ease-in;
  -moz-transition:color .5s ease-out, background 0.2s ease-in;
  -webkit-transition:color .5s ease-out, background 0.2s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background 1.5s ease-in; }

.container-narrow a:hover { color: #f96149; text-decoration: none; }

.mobile-header { text-align: center; }
.navleft { font: 400 25px "jaf-facitweb", Arial, sans-serif; text-transform: uppercase; color: #ff0000; font-weight: bold; }
.navleft-text { margin: 0 0 0 10px; padding: 11px 0 0 0; }
.navright { padding: 9px 10px 0 0; }
.navleft a.head { width: 56px; height: 50px; background: #000 url(../img/hl-bg.jpg) no-repeat top left; display: block; float: left; }
.navleft a.head:hover { background: url(../img/hl-bg1.jpg) top left no-repeat; }
.blackstrap { background:#318CE7; line-height: 10px; padding: 10px; font: 700 12px "jaf-facitweb", Arial, sans-serif; text-transform: uppercase; color: #ccc; }
.blackstrap a, .blackstrap-mobile a { color: #ccc; }
.blackstrap-mobile { background: #000; line-height: 10px; padding: 10px; text-align: center; font: 400 12px "jaf-facitweb", Arial, sans-serif; text-transform: uppercase; color: #ccc; }
.introtext, .storytext { font: 400 18px "brandon-grotesque", Arial, sans-serif; padding: 20px 0; border-bottom: 1px solid #dadada; text-shadow: -1px -1px #fff; }
.introtext p.para::first-letter, .storytext p.para::first-letter {
font-size: 58px;
float: left;
margin: 2px 2px 0 0;
line-height: 48px;
}
.introtext p.para::first-line, .storytext p.para::first-line {
font-variant: small-caps;
font-size: 24px;
display: inline !important;
}
.storytext h1  { font: 600 28px "futura-pt", Arial, sans-serif; text-shadow: -1px -1px #ff0000; color: #800000; }
.storytext h2 { font: 600 26px/24px "futura-pt", Arial, sans-serif; text-shadow: -2px -2px  	#FF8C00; padding-top: 0px; }
.storytext h3 { font: 600 24px/22px "futura-pt", Arial, sans-serif; text-shadow: -2px -2px  	#FF0000; padding-top: 0px; }
.storytext h4{ font: 700 16px/15px "futura-pt", Arial, sans-serif; text-shadow: 0px -2px  	#0000FF; padding-top: 0px; line-height: 18px;  }
.storytext h5{ font: 400 18px , Arial, sans-serif; text-shadow: 0px 0px  	#0000FF; padding-top: 0px; line-height: 23px;  }
.storytext h6 { font: 500 14px/15px "futura-pt", Arial, sans-serif; text-transform: uppercase; margin: 25px 3 30px 3;text-shadow: -1px 0px #ff0000; color: #0000ff; }
.index { border-top: 1px solid #fff; border-bottom: 1px solid #dadada; padding: 30px 0 0 0; }
.index-in { border-top: 1px solid #fff; padding: 10px 0 0 0; }
.index-in h2 { font: 800 18px "jaf-facitweb", Arial, sans-serif;   text-transform: uppercase; text-shadow: -2px -1px #ff0000;color: #800000;}
.index-in h3 { font: 800 24px "jaf-facitweb", Arial, sans-serif;   text-transform: uppercase; text-shadow: -1px -1px #0000ff;}
.index-in h4 { font: 700 16px "jaf-facitweb", Arial, sans-serif;color: #B8860B;}
.index-in h5 { font: 700 16px "jaf-facitweb", Arial, sans-serif;color: #330066; margin: 3px 2px 3px 3px; padding: 5px;line-height: 20px; }
.index-in h6 { font: 700 14px "jaf-facitweb", Arial, sans-serif;   text-transform: uppercase; text-shadow: -1px -1px #ff0000;color: #2B60DE;}
.story img { border: 1px solid #cdcaca; }
.story h2 { font: 500 14px/15px "futura-pt", Arial, sans-serif; text-shadow: -2px -2px #FBF2B7;color: #000000; }
.story  h3 { font: 250 13px "jaf-facitweb", Arial, sans-serif; color: #0000FF; text-shadow: -1px -1px #606060; line-height:18px;  }
.story  h4 { font: 700 17px "jaf-facitweb", Arial, sans-serif; color: #B8860B;  }
.story  h5 { font: 700 15px "jaf-facitweb", Arial, sans-serif; color: #0F056B;   }
.story  h6 { font: 600 13px "jaf-facitweb", Arial, sans-serif;color:  #001933;line-height: 18px;   }
.story p { font:  700  13px , Arial, sans-serif;  color:#0000FF; ;line-height: 22pt; margin-bottom: 15px; margin-left: 3px; text-indent:35px ;  }
.story ul {font:  500 22px "brandon grotesque", Times New Roman, sans-serif; color:  #0000ff; line-height: 28px; ;text-indent:0!important;}
.story  dl { font:   500 24px "futura-pt", Times New Roman, sans-serif; color: #B8860B;  }
.story-byline { font: 700 18px/19px "futura-pt", Arial, sans-serif; text-transform: uppercase; margin: 25px 3 30px 3;text-shadow: 1px 1px #000000; color: #0000ff; }
.illust { border: 10px solid #333; margin: 7px 0 20px 20px; float: right; }
.illust1 { border: 0px; margin: 0 0 20px 20px; float: right; }
.illust2 { background: #222; padding: 10px; margin: 0 0 20px 0; }
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.rslides_tabs {
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto;
  max-width: 940px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
}

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  text-shadow: 0 -2px 1px black;
  color: #fff;
}

.rslides_tabs a:hover {
  border: 0;
}

.rslides_tabs li:first-child {
  margin-left: 0;
}

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
}

.storytext blockquote { display: block; width: 360px; }
.storytext blockquote p { color: #0088cc; font: 400 30px/36px "futura-pt", line-height: 20pt, Arial, sans-serif; text-shadow: -1px -1px #fff; }
.storytext blockquote.pull-right { padding-right: 20px; border-right: 5px solid #818181; margin: 0 0 20px 20px; }
.story-authors { border-top: 1px solid #fff; border-bottom: 1px solid #dadada; padding: 14px 0; color: #818181; }
.story-authors p { font: 400 20px/20px "futura-pt", Arial, sans-serif; padding: 0 0 0 0; color: #202020; line-height: 22pt; }
.share { border-top: 1px solid #fff; padding: 14px 0; font: 400 12px "jaf-facitweb", Arial, sans-serif; text-transform: uppercase; }
.share-in { border-top: 1px solid #fff; border-bottom: 1px solid #dadada; padding: 14px 0; font: 400 12px "jaf-facitweb", Arial, sans-serif; text-transform: uppercase; }
.share-text { display: inline-block; margin: 0 30px 0 0; vertical-align: top; padding: 4px 0 0 0; }
.sharebutton { display: inline-block; width: 100px; }
.mobile-share { border-top: 1px solid #fff; text-align: center; padding: 12px 0; }
footer { height: auto; background: #F0FFFF ; }
footer .foot-main { padding: 5px 0 5px 0; font: 400 15px "futura-pt", Arial, sans-serif; color: #ccc; }
footer .foot-main a { color: #f96149; -o-transition:color .5s ease-out, background 0.2s ease-in;
  -ms-transition:color .5s ease-out, background 0.2s ease-in;
  -moz-transition:color .5s ease-out, background 0.2s ease-in;
  -webkit-transition:color .5s ease-out, background 0.2s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background 1.5s ease-in; }
footer .foot-main a:hover { color: #ccc; }
footer .foot-main hr {
  margin: 10px 0;
  border: 0;
  border-top: 1px solid #97DFC6;
  border-bottom: 2px;
 }
#push {
        height: auto;
        margin: 0;
      }

/* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        footer, .blackstrap-mobile {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }

        .index-in { border-bottom: 1px solid #dadada; }
        .illust { border: 1px solid #dadada; margin: 0 0 20px 0; float: none; }
        .illust1 { border: 0px; margin: 0 0 20px 0; float: none; }
        .illust2 { padding: 0; background: #222; margin: 0 0 20px 0; }

        .storytext blockquote p { color: #0088cc; font: 400 30px/36px "futura-pt", Arial, sans-serif; text-align: left; text-shadow: -1px -1px #fff; }
.storytext blockquote.pull-right { float: none !important; padding: 0; border: 0px; }
		.storytext blockquote { width: auto; }
		.story-authors p { padding:0; }
		.story-authors .media { margin-bottom: 20px; }


       }

/* FC Webicons by Fairhead Creative http://fairheadcreative.com */

.fc-webicon { display: inline-block; background-size: 100%; width: 30px; height: 30px; text-indent: -999em; text-align: left; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 5px; }
.fc-webicon:hover { margin: -1px 0 1px; -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); }
.fc-webicon.small { width: 20px; height: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.fc-webicon.large { width: 48px; height: 48px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

/* Facebook */
.no-svg .fc-webicon.facebook { background: url("../img/fc-webicon-facebook-m.png"); }
.no-svg .fc-webicon.facebook.large { background: url("../img/fc-webicon-facebook.png"); }
.no-svg .fc-webicon.facebook.small { background: url("../img/fc-webicon-facebook-s.png"); }
.svg .fc-webicon.facebook { background: url("../img/fc-webicon-facebook.svg"); }

/* Twitter */
.no-svg .fc-webicon.twitter { background: url("../img/fc-webicon-twitter-m.png"); }
.no-svg .fc-webicon.twitter.large { background: url("../img/fc-webicon-twitter.png"); }
.no-svg .fc-webicon.twitter.small { background: url("../img/fc-webicon-twitter-s.png"); }
.svg .fc-webicon.twitter { background: url("../img/fc-webicon-twitter.svg"); }

/* Mail */
.no-svg .fc-webicon.mail { background: url("../img/fc-webicon-mail-m.png"); }
.no-svg .fc-webicon.mail.large { background: url("../img/fc-webicon-mail.png"); }
.no-svg .fc-webicon.mail.small { background: url("../img/fc-webicon-mail-s.png"); }
.svg .fc-webicon.mail { background: url("../img/fc-webicon-mail.svg"); }