/* generated 2017-01-26T16:42:12-06:00 */
body {
  color: #575757;
  padding-top: 60px;
  border-top: #003053 2px solid;
}

/* ========================= LINKS ========================== */
a {
  color: #004e86;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  color: #006dbd;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #292929;
}

h1 {
  font-size: 18px;
  line-height: 1.6em;
}

h2.block-title {
  font-size: 14px;
  border: #cacaca 1px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12), inset 0 1px 1px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12), inset 0 1px 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.12), inset 0 1px 1px rgba(255, 255, 255, 0.5);
  padding: 0; 
  background-color: #f8f8f8;
  padding-left: 10px;
  margin: 0;
  line-height: 33px;
}

.promo h2.block-title,
.stories h2.block-title {
  background: #003053;
  color: #fff;
  text-shadow: #001f35 1px 1px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12), inset 0 0 0 rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12), inset 0 0 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.12), inset 0 0 0 rgba(255, 255, 255, 0.5);
}

hr {
  border: none;
  display: block;
  width: 100%;
  height: 23px;
  background: url(../img/hr.png);
  clear: both;
}

hr.content {
  border: none;
  display: block;
  width: 100%;
  height: 23px;
  background: url(../img/hr-content.png);
}

p {
  line-height: 1.6em;
}

/* ========================= LOGO =========================== */
.branding {
  margin-bottom: 10px;
  margin-top: 10px;
  position:  relative;
}
#logo {
  float: left;
}

/* ========================= SPN AWARD ====================== */
#spn-award img {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -60px;
}

/* ========================= SOCIAL SHARING ================= */
.branding #sharing {
  float: right;
  margin-top: 60px;
}
#sharing .small a {
  display: block;
  width: 18px;
  height: 19px;
  text-indent: -999em;
}
#sharing .small {
  display: inline-block;
  width: 18px;
  height: 19px;
  background: url(../img/share-sprite.png) 0 0 no-repeat;
}
#sharing .small.fb {
  background: url(../img/share-sprite.png) 0 0 no-repeat;
}
#sharing .small.fb:hover {
  background: url(../img/share-sprite.png) 0 -19px no-repeat;
}
#sharing .small.tw {
  background: url(../img/share-sprite.png) -18px 0 no-repeat;
}
#sharing .small.tw:hover {
  background: url(../img/share-sprite.png) -18px -19px no-repeat;
}
#sharing .small.rss {
  background: url(../img/share-sprite.png) -36px 0 no-repeat;
}
#sharing .small.rss:hover {
  background: url(../img/share-sprite.png) -36px -19px no-repeat;
}
#sharing .small.em {
  background: url(../img/share-sprite.png) -54px 0 no-repeat;
}
#sharing .small.em:hover {
  background: url(../img/share-sprite.png) -54px -19px no-repeat;
}
.story-share {
  margin-bottom: 30px;
}
.story-share .fb-like,
.story-share .twitter-share-button,
.story-share .g-plusone {
  display: inline;
  float: left;
}
.story-video #sharing {
  margin: 10px 0 0 10px;
}
.feature-video .meta,
.feature-video #sharing {
  float: left;
  margin-right: 10px;
}

/* === .sidebar #sharing === */
 .lg a {
  display: block;
  width: 30px;
  height: 31px;
  text-indent: -999em;
}
#sharing .lg {
  display: inline-block;
  width: 30px;
  height: 31px;
  background: url(../img/share-sprite.png) 0 -38px no-repeat;
  margin-right: 10px;
}
#sharing .lg.fb {
  background: url(../img/share-sprite.png) 0 -38px no-repeat;
}
#sharing .lg.fb:hover {
  background: url(../img/share-sprite.png) 0 -69px no-repeat;
}
#sharing .lg.tw {
  background: url(../img/share-sprite.png) -30px -38px no-repeat;
}
#sharing .lg.tw:hover {
  background: url(../img/share-sprite.png) -30px -69px no-repeat;
}
#sharing .lg.youtube {
  background: url(../img/share-sprite.png) -60px -38px no-repeat;
}
#sharing .lg.youtube:hover {
  background: url(../img/share-sprite.png) -60px -69px no-repeat;
}
#sharing .lg.rss {
  background: url(../img/share-sprite.png) -90px -38px no-repeat;
}
#sharing .lg.rss:hover {
  background: url(../img/share-sprite.png) -90px -69px no-repeat;
}
#sharing .lg.em {
  background: url(../img/share-sprite.png) -120px -38px no-repeat;
}
#sharing .lg.em:hover {
  background: url(../img/share-sprite.png) -120px -69px no-repeat;
}

/* ========================= NAVIGATION =========================== 
   -> Also includes style for nab bar search form.
*/
.navbar {
  margin-bottom: 30px;
}
.nav-search {
  display: block;
  float: right;
}
.nav-search form,
.nav-search input {
  margin: 0;
}
.nav-search input[type="text"] {
  width: 175px;
  margin-right: -15px;
  margin-top: 6px;
  background: url(../img/icon-search.png) 98% 6px no-repeat;
}
.navbar-inner {
  padding-left: 20px;
  padding-right: 20px;
  background-color: #f8f8f8;
  background-image: none;
  filter: none;
  border: #cacaca 1px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), inset 0 1px 1px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), inset 0 1px 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), inset 0 1px 1px rgba(255, 255, 255, 0.5);
}
.navbar .nav > li {
  margin-right: 10px;
}
.navbar .nav > li.last {
  margin-right: 0;
}
.navbar .nav > li > a {
  float: none;
  padding: 10px 8.5px;
  line-height: 19px;
  color: #666666;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
  border-left: #f8f8f8 1px solid;
  border-right: #f8f8f8 1px solid;
  font-weight: normal;
}
.navbar .nav .active > a,
.navbar .nav .active > a:hover,
.navbar .nav > li > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #003053;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-left: #cacaca 1px solid;
  border-right: #cacaca 1px solid;
  text-shadow: 0 -1px 0 rgba(0, 14, 23, 0.25);
}
input:focus,
textarea:focus {
  border-color: rgba(0, 78, 134, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 78, 134, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 78, 134, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 78, 134, 0.6);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
}
footer {
  margin-top: 10px;
}
footer .nav {
	margin-right: 0;
}
footer .navbar .nav {
  float: right;
}
footer .copy {
  float: left;
  line-height: 40px;
  font-size: 11px;
  color: #575757;
  text-shadow: #fff 1px 1px;
}
footer .navbar .nav a,
footer .navbar .nav .active > a,
footer .navbar .nav .active > a:hover,
footer .navbar .nav a:hover {
  background: #f8f8f8;
  border: none;
  color: #004e86;
  text-shadow: #fff 1px 1px;
  font-weight: bold;
}

footer .navbar .nav a:hover,
footer .navbar .nav .active > a:hover {
  color: #006dbd;
}

footer .navbar .nav > li {
	margin: 0;
	padding-right: 5px;
}

footer .navbar .nav > li {
  background: url(../img/li-bull.gif) 100% 50% no-repeat;
}
footer .navbar .nav > li.last {
  background: none;
  padding: 0;
}
footer .navbar .nav > li.last a {
  padding-right: 0;
  margin-right: 0;
}
/* ========================= #feature-video ===================== */
#feature-video {
  margin-bottom: 20px;
}
#feature-article {
  height: 480px;
  margin-bottom: 30px;
}
.player {
/*  border: #b0b0b0 1px solid; */
  padding: 1px;
/*  width: 616px;
  height: 346px; */
  float: left;
  margin-bottom: 10px;
}
.detail {
  display: block;
  padding-left: 10px;
}
.detail p {
  font-size: 14px;
  line-height: 1.6em;
}
.playlist ul,
.playlist ul li {
  margin: 0; padding: 0;
  list-style: none;
}
.playlist ul {
  margin-bottom: 20px;
}
.playlist li.playlist-video-item {
  display: block;
  clear: both;
  min-height: 90px;
  max-height: 90px;
  border-bottom: #ebebeb 1px solid;
  padding: 10px 0;
}
.playlist li.playlist-video-item.first {
  padding-top: 0;
}
.playlist-video-item:hover,
.playlist-video-item.active {
  background: #fafafa;
}
span.thumb {
	float: left;
	margin-right: 10px;
}
span.title {
  font-size: 14px;
}
span.description p {
  font-size: 12px;
  padding-right: 10px;
  line-height: 1.4em;
}
.feature-article {
  position: relative;
  height: 480px;
}
.feature-article img {
  border: #cacaca 1px solid;
  padding: 1px;
  z-index: 1;
}
.feature-article .detail {
  position: absolute;
  bottom: -2px;
  background: url(../img/clear-black.png) repeat;
  margin: 0 3px 0 2px;
  padding: 20px;
  color: #fff;
}
.feature-article h1,
.feature-article a {
  color: #fff;
}

.feature-article a {
  border-bottom: #fff 1px dotted;
}

/* ========================= #content ========================== */
#breaking {
 margin-bottom: 30px; 
  background: #fffde6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;  
  border: #cacaca 1px solid;
  -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 1.0) inset;
  -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 1.0) inset;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 1.0) inset;

}
.banner-title {
  display: block;
  background: #003053;
  float: left;
  width: 105px;
  padding: 15px 20px;
  margin-right: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-right: #cacaca 1px solid; 
  border-top: #fff 1px solid;
}
.banner-title h3 {
  color: #fff;
  font-size: 20px;
  line-height: 1em;
  font-weight: normal;
  text-align: center;
}
.banner-text a {
  line-height: 20px;
  font-size: 20px;
  position: relative;
  top: 15px;
}
.banner-text span.close {
  margin: 10px 10px 0 0;
}
.page-title h1 {
  font-size: 24px;
  border-bottom: #cacaca 1px solid;
  margin-bottom: 20px;
}
.story-title h1 {
  font-size: 24px;
  margin-bottom: 5px;
  line-height: 30px;
}
#content {
  margin-bottom: 30px;
  background: #fff;
}
#content .inner {
  border: #cacaca 1px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12), inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12), inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.12), inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  padding: 0 20px 20px; 
  background: #fff;
}
.content-content {
  padding-top: 20px;
}
.content-content p {
	margin-bottom: 1.8em;
}
.content-content table {
  width: 100%;
  border: #cacaca 1px solid;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
  margin-bottom: 20px;
}
.content-content table td {
  border: #cacaca 1px solid;
  padding: 10px;
}
.content-image {
  width: 278px;
  height: 190px;
  float: left;
  margin-right: 20px;
}
.content-image img {
  width: 278px;
  height: 160px;
  display: block;
  float: left;  
  padding: 1px;
  border: #cacaca 1px solid;
}
.caption {
  display: block;
  float: right;
  font-size: 12px;
  color: #a8a8a8;
  font-style: italic;
}
tr.heading {
  background: #cacaca;
  color: #292929;
  text-shadow: #fff 1px 1px;
  font-size: 14px;
  font-weight: bold;
}
tr.heading td {
  border-right: #fff 1px solid;
  border-top: #fff 1px solid;
}
tr.heading td.last {
  border-right: #cacaca 1px solid;
}
tr.even {
  background: #f7fbff;
}
.meta {   /*appears in lists and at story header */
  font-size: 11px;
  color: #a7a7a7;
  margin-bottom: 25px;
}
.story-meta {  /*appears at footer of story */
  font-size: 11px;
  color: #a7a7a7;
  margin-bottom: 10px;
}
/* .story-list .item {
  padding: 30px 0;
  border-bottom: #cacaca 1px solid;
}
.story-list .item h1 {
  margin: 0; padding: 0; clear: both;
}
.story-list .item p {
	min-height:105px;
}
.story-list .thumb {
  border: #cacaca 1px solid;
  padding: 1px;
  width: 195px;
  height: 110px;
  float: left;
  margin-right: 20px;
  margin-bottom: 40px;
}
*/
.story-list {padding-top:20px;}
.story-list .item {
  padding-bottom: 25px;
  border-bottom: #cacaca 1px solid;
  overflow:hidden;
}
.story-list .item h1 {
  margin: 0; padding: 0; clear: both;
}
.story-list .item p {
  min-height:105px;
}
.story-list .thumb {
  border: #cacaca 1px solid;
  padding: 1px;
  float: left;
  margin-right: 20px;
  margin-bottom: 0px;
  clear:both;
}





.end-list {
  display: block;
  margin-top: 20px;
}
.more-stories {
  font-size: 16px;
  margin-top: 20px;
}
.pager {
  margin: 20px 0 0 0;
}
.pager a {
  display: inline-block;
  padding: 3px 8px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.pager a.active {
  text-decoration: none;
  background-color: #f5f5f5;
}
.story-image,
.story-video {
  margin: -20px -20px 0 -20px;
}

/* ========================= .block ============================= */
.block {
  margin-bottom: 20px;
}
.block form,
.block ul,
.block p {
  margin: 0; padding: 0;
}
.block ul li {
  list-style: none;
}
.block-content {
  padding: 20px 20px 10px;
  border-left: #cacaca 1px solid;
  border-bottom: #cacaca 1px solid;
  border-right: #cacaca 1px solid;
  margin-top: -2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.block.promo {
	background: #f4faff;
}
.block.promo h3 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 5px;
}
.block.promo .thumb {
  border: #cacaca 1px solid;
  /*height: 135px;*/
  margin-bottom: 20px;
  margin-left: -10px;
  margin-right: -10px;
  background: #fff;
}
.block.author .block-content {
  border: none;
  padding: 0;
}
.block.author .author-image img {
  border: #cacaca 1px solid;
  padding: 3px 4px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
  float: left;
  margin: 0 10px 0 0;
}
.block.author h2 {
  font-size: 14px;
  line-height: 1em;
}
.block.author span.name {
  font-size: 13px;
  color: #292929;
  display: block;
  margin-bottom: 5px;
}
.block.author span.bio p {
  font-size: 12px;
}
.block.pod {
  background: #f3f9fe;  
}
.block.pod .playlist-video-item:hover {
  background: none;
}
.block.pod .playlist-video-item {
  border-top: #fff 1px solid;
  border-bottom: #cfe0ee 1px solid;
}
.block.pod .playlist-video-item.first {
  border-top: none;
}
.more-videos {
  border-top: #fff 1px solid;
  padding: 10px 0 10px 0;
  font-size: 14px;
}
ul.mi-list {
  margin-bottom: 20px;
}
ul.mi-list li {
  line-height: 24px;
  background: url(../img/li-bg.gif) 0 8px no-repeat;
  padding-left: 30px;
}
.block .end-list {
  border-top: #cacaca 1px solid;
  margin: 0 -20px;
  padding-left: 20px;
  padding-top: 10px;
}
.tweet {
  margin-bottom: 20px;
}
.tweet img {
  float: left;
  margin-right: 10px;
}
.tweet p {
  padding: 0 0 0 40px;
}
ul.disc-list {
  margin-bottom: 20px;
}
ul.disc-list li {
  list-style: none;
  line-height: 26px;
  background: url(../img/li-disc.gif) 0 11px no-repeat;
  padding-left: 15px;
  font-size: 12px;
}
ul.disc-list li.video a{
  padding-right: 15px;
  background: url(../img/icon-video.gif) 100% 5px no-repeat;
}
.content-content ul.disc-list {
  margin: 0 0 20px 20px;
}
.content-content ul.disc-list li {
  line-height: 26px;
  list-style: none;
  background: url(../img/li-disc.gif) 0 11px no-repeat;
  padding-left: 15px;
  font-size: 13px;
}
.story-content {
  border-bottom: #cacaca 1px solid;
}

/* ========================= forms ============================= */
input[type="text"] {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ececec, #f8f8f8);
  background-image: -ms-linear-gradient(top, #ececec, #f8f8f8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f8f8f8));
  background-image: -webkit-linear-gradient(top, #ececec, #f8f8f8);
  background-image: -o-linear-gradient(top, #ececec, #f8f8f8);
  background-image: linear-gradient(top, #ececec, #f8f8f8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#f8f8f8', GradientType=0);
}
form#donate input.amt,
form#signup input.name {
  width: 247px;
}
input.submit {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.075), inset 0 1px 1px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.075), inset 0 1px 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.075), inset 0 1px 1px rgba(255, 255, 255, 0.5);
  background: #f8f8f8;
  color: #004e86;
  font-weight: bold;
  padding-right: 8px;
  padding-left: 8px;
  text-shadow: #fff 1px 1px;
}
input.submit:hover {
  background: #fff;
  color: #006dbd;
}
form#donate input.email {
  width: 174px;
  margin-right: 7px;
}
form#signup input.email {
  width: 157px;
  margin-right: 7px;
}
form#poll .form-item {
  display: block;
  clear: both;
  margin: 10px 0;
}
form#search-page input {
  width: 300px;
  background: url(../img/icon-search.png) 98% 6px no-repeat;
}



/* Legacy Styles */

.alignright {float:right; margin:0px 0px 0px 20px;}
.alignleft {float:left; margin:0px 20px 0px 0px;}
.aligncenter {float:none !important; margin:5px auto; clear:both; display:block !important;}