/* === WIRES === */
.outline {border: 1px solid #aaa;}
.label {text-align: center;}
.rectangle { height: 0; padding-bottom: 50%;}

/* === BASE === */
* { 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body { height: 100%;}
body { color: #222; position: relative;}
ul { list-style: none; padding-left: 0;}
a {  text-decoration: none; color: #069;}
input:focus {outline: 0;}

.maxwidth img {max-width: 100%; height: auto;}

.title {font-family: 'Roboto', sans-serif; font-weight: bold;}

.mobile-only {display: none;}


.video {position: relative;  padding-bottom: 62.5%; /* padding-bottom: 56.25%; */}
.video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}


/* Images */
img.alignleft, img.alignright, img.aligncenter {margin-bottom: 1.625em;}
p img, .wp-caption {margin-top: 0.4em;}
.wp-caption {margin: 0; max-width: 100%; border-bottom: 3px solid #cd195a; background-color: #000;}
.wp-caption img {display: block; margin: 0; max-width: 100%; height: auto;}
.wp-caption .wp-caption-text, .gallery-caption {color: #000; font-size: .8em;}
.wp-caption .wp-caption-text {margin: 3px 0 15px 0; padding: 0; max-width: 96%;}
.wp-caption p.wp-caption-text {margin: .6em 2%; font: normal .8em 'Roboto', serif; color: #fff;}

/* Alignment */
.alignleft {display: inline; float: left; margin-right: 10px !important;}
.alignright {display: inline; float: right;	margin-left: 10px !important;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}

blockquote {margin: 0 2.8em; font: normal 1.1em 'Roboto', serif; line-height: 1.4em; font-style: italic; color: #373737;}
blockquote cite {color: #666; font-size: .8em; display: block;}

pullquote {margin: .7em 0 .7em .7em; font: bold 1.3em 'Droid Serif', serif; line-height: 1.3em; color: #02a1e6; float: right; width: 50%;}
pullquote.left {margin: .7em .7em .7em 0; float: left;}



/* === LAYOUT === */
@media ( max-width: 768px ) {
  .container, .menu-drawer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	 }
	
	.menu-drawer {width: 266px;}
.menu-drawer .main-nav {height: 100%;}
	
 
}

.menu-drawer {z-index: 1;}
 .container {background-color: #fff; z-index: 2;}
.section {width: 100%; position: relative; overflow: hidden;}

/* http://css-tricks.com/snippets/css/clear-fix/ */
.section:after, .clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.inset {
  width: 96%;
  margin: .5em 2%;
}

.padded {
  padding: .5em 1%;
}

.half-wide { 
  width: 47%;
  margin: .5em 0 .5em 2%;
}

.media a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.pubdate, .length {font-size: .85em;}

a.linktitle:hover { color: #02a1e6;}

/* === MENU DRAWER === */
.menu-drawer {background: #000; height: 100%; min-height: 1000px;}
.menu-drawer ul {padding: 0; border: 0px;}
.menu-drawer li {padding: .5em; border-bottom: 1px solid #aaa;}
.menu-drawer li a {color: white; font-weight: bold; display: block;}
.menu-drawer .main-nav {border: 0;}


/*.menu-drawer {position: absolute; top: 0; bottom: 0; left: 0; width: 265px; height: auto; overflow: auto; -webkit-overflow-scrolling: touch;
-webkit-transition: width 0.3s ease; -moz-transition: width 0.3s ease; -ms-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease;}
*/


/* === HEADER === */
.header {text-align: center; position: relative; background-color: #fff;}
.header-action i {cursor: pointer;}
.header-action i, .header-search-input-wrap {display: none;}
.header .program-id a {font-weight: bold;}
.header .program-id img {max-width: 100%; height: auto;}

.header-search input[type=text] {width: 80%; padding: .2em .4em 0 .4em; display: inline-block; border: 0px; height: 2em; float: left; outline: 0 !important;}
.header-search .searchbutton {float: left; width: 20%; height: 2em; background-color: #eaeaea; border: 1px solid #eaeaea; color: #2e3d50; padding-top: 0em; font-size: 1.1em;}
.header-search .searchbutton:hover { background-color: #0298e4; border: 1px solid #0298e4; color: #fff;}
.header-search .searchbutton i {display: block;}


#mobsearch {display: none; background-color: #000; padding: .5em;}
#mobsearch input[type=text] {width: 85%; padding: 0 .4em; display: inline-block; border: 0px; height: 2em; float: left; outline: 0 !important; -moz-border-radius: 0; border-radius: 0; font-size: 1.1em;}
#mobsearch .searchbutton {float: left; width: 15%; height: 2em; background-color: #72a637; color: #fff; text-align: center;  -moz-border-radius: 0; border-radius: 0; border: 1px solid #72a637; font-size: 1.1em;}
#mobsearch .searchbutton i {display: block; text-align: center;}

/* === MAIN NAV === */
.desktop-watch {display: none;}
.main-nav {position: relative; border: 1px solid #bfbfbf;}

@media ( max-width: 768px ) {
  .main-nav {
    display: none;
  }
}

.main-nav-seek {display: none;}

#page {  border-top: 1em solid #000; border-bottom: 1em solid #000; padding-bottom: 2em; }


.footer {color: #11711a; font-size: .7em; text-align: center;}

/* === SECTION LINK LIST === */
.link-list-header, .section-heading.stories {
  background: #000 url(../images/topicbar-bg.png) 0 0 repeat-x !important;
  font: bold 1.2em 'Droid Serif', serif;
  color: #fff;
 /* cursor: pointer; */
  margin: 0 1.5%; 
  height: 41px;
}

.link-list-header a {color: #fff;}

.link-list-header i {
  padding-left: .4em;
}

.link-list-header i:before {
  content: '\f054';
}

.section-link-list {
  width: 96%;
  margin: .4em 2%;
  overflow: hidden;
}

.section-link-wrap { 
  margin: 0;
}

.section-link {
  display: inline-block;
  margin: .2em 0;
  vertical-align: top;
  padding-bottom: .9em;
}


.section-link-thumb {
  display: none;
  float: left;
  border: 1px solid #aaa;
  margin-right: .5em;
}

.section-link-text { 
  float: left;
  font: normal 1em 'Droid Serif', sans-serif;
}

.section-link h4 {
  font-size: 1em;
  line-height: 1.25em;
  margin: .1em 0 0 0;
}

.section-link a { 
  font-weight: bold;
  color: #000;
}

.section-link p {
  margin: 0 0 .25em;
  line-height: 1.35em;
}

.section-link .author {
  font-size: 1em;
  line-height: 1em;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
}

.section-link .dek {
 font-size: .9em;
  display: block;
}


.link-list-more-link { 
  text-align: right;
  clear: both;
}

.link-list-load-more, .pagination {
  text-align: center;
}





/* === MEDIA === */
.media {
  position: relative;
}


/* === CAROUSEL === */
.carousel {margin-bottom: 1em; background-color: #000;}
.media-carousel-wrap {width: 100%; overflow: hidden;}
.media-carousel {display: inline-block; overflow: hidden; position: relative;}
.media-carousel img {max-width: 100%; height: auto; position: relative;}


.carousel-text {position: absolute; float: left; left: 0; right: 0; bottom: 0; padding: .3em .5em 0 39px; color: #fff; z-index: 2;
  height: 83px; background: #000 url(../images/carousel-bg.png) bottom left repeat-y; font-size: .8em;}
.carousel h5 {font: bold 1.1em 'Droid Serif', serif; margin: 0 0 .2em 0;}
.carousel-text p {margin: 0; line-height: 1em;}
.carousel-text a {color: inherit;}

.carousel-control {position: absolute; z-index: 3; bottom: 0; background-color: #86c240; color: #fff; padding: 1em; opacity:0.8; filter:alpha(opacity=80); cursor: pointer;}
.carousel-control:hover {background-color: #0293e2;}
.carousel-previous {left: 0; top: 40%; height: 3em;}
.carousel-next { right: 0; top: 40%; height: 3em;}

.carousel-tease {background: url(../images/carousel-share-bg.png) 0 0 no-repeat; width: 98px; height: 44px; float: right; margin: .5em 0 0 .8em; padding: 12px 5px 0 5px;}
.carousel-tease span {font-weight: bold; font-size: 12px; display: block; float: left; width: 61px;} 
.carousel-tease i {float: left; font-size: 20px; margin-top: 4px; margin-right: 5px; width: 22px;}


/* === TOP STORIES === */
.top-stories {margin-top: 0; margin-bottom: 0;}


/* === PROMO === */
.promo {margin: 0 1.5% 1em 1.5%; text-align: left; background: url('../images/hp-promo-box.png') 0 0 repeat-y; color: #000; font: bold 1.2em 'Roboto', serif;
  width: 97%; padding: .5em .5em .5em 37px;}
.promo a {color: #000;}

/* === TOPIC SECTION === */
.topic { padding-top: .2em;}


/* === WATCH SECTION === */
.watch { position: relative;   border: 1px solid #d1d1d0;  background-color: #fdfdfe; margin-bottom: 1em;}
.watch-header {margin: 0 0 .5em;}
.watch-dates {width: 100%;}
.watch-date {display: inline-block; overflow: hidden;}
.watch-date-header {text-align: center; margin: 0; background: #fdfdfe url(../images/sidebox-head-bg.png) 0 0 repeat-x;   font: bold 1em 'Droid Serif', serif; color: #fff; padding: .7em 0 0 0; height: 40px;}

.watch-date-header a {color: #fff;}
.watch-date-header span {font-weight: normal;}
.watch-contents {width: 100%; margin: 0;}
.watch-thumbnail {float: left; display: block; width: 50%;}
.watch-description {float: left; width: 50%; overflow: hidden; color: #000; padding: .5em; font-size: .9em; font-family:'Roboto', sans-serif; 
line-height:1.1em;  }
.watch-nav {position: absolute; padding: .7em .8em 0 .8em; height: 40px; z-index: 2; color: #fff; background-color: #373737; cursor: pointer;}
.watch-nav-previous {left: 0%;}
.watch-nav-next {right: 0%; display: none;}


/* === SIGN UP === */
.sign-up { padding: 0 1em;}
.sign-up-cta { cursor: pointer;}
.sign-up-form-wrap { display: none;}
.sign-up input { margin-bottom: 1em;}


/* === HALF-WIDE THUMBNAIL + TEXT === */
.thumbnail-with-text {
  margin-top: 1em;
  margin-bottom: 1em;
}

.thumbnail-half-wide {
  width: 50%;
  height: 0;
  padding-bottom: 28.15%;
  float: left;
  margin-right: 2%;
}

.text-half-wide {
  width: 48%;
  float: left;
}
.text-half-wide p {
  margin: 0 0 .3em;
}


/* === POST === */
.share-box.horizontal { width: auto; display: inline-block;}

@media ( min-width: 481px ) {
  .post-text-cta {  float: left;   width: 70%;  }
  .share-box {  width: 28%; }
  .share-box.vertical { float: right; }
}

.post-text-cta, .share-box {margin-bottom: 1em;}
.cta-box { width: 50%;}

.share-box {margin-top: 1em; padding: .5em 1% 1em; background-color: #eee; border: 1px solid #d1d1d0; font: bold .9em 'Droid Serif', serif; }
.share-box a {color: #000;}
.share-box a:hover {color: #02a1e6;}
.share-box-service {padding: .5em .5em 0;}
.share-box.horizontal .share-box-service {display: inline-block;}
.share-box-service-logo, .share-box-service-name {display: inline-block;}
.share-box-service-logo {width: 2em; margin-right: .5em; text-align: center; font-size: 1.5em; padding: .2em 0 .1em 0; color: #fff; text-shadow: 1px 1px 1px #333;}
.share-box-service-name {margin: 0; line-height: 2em; vertical-align: top;} 

.post-engage a {color: #02a1e6;}


/* === WATCH PAGE === */
.watch-feature .media {margin-bottom: 1em;}
.watch-feature .title a {color: #000; font-size: 1.2em;}
.watch-feature .text-generic {font: normal 1em 'Droid Serif', serif; line-height: 1.6em;}
.watch-feature .text-generic p {margin: 0px;}
.watch-feature .loading {text-align: center; margin: 1em;}

.watch-latest-header {margin: 1em 0;}
.watch-latest-header .section-heading {display: inline;}
.watch-latest-sort {float: right; width: 50%; text-align: right; font: normal .7em 'Roboto', serif; margin: 0 1em 0 0; color: #494848;}

.watch-latest .section-link-thumb {display: block;}



.video-item {float: left; width: 31%; margin: 0 1% 1em 1%; height: 18em; overflow: hidden;}
.video-thumb {float: left; width: 100%}
.video-thumb img {max-width: 100%; height: auto;}
.video-item p {margin: .5em 0 0 0; font-size: .9em;}
.video-item a {color: #000; display: block;}




.media-tile { float: left;}
.media-tile-thumbnail {height: 0; padding-top: 47%;}


/* === TOPIC PAGE === */
.featured-media {
  margin-top: 1em;
  margin-bottom: 1em;
}

.featured-media-poster {
  float: left;
  width: 65%;
  height: 0;
  padding-bottom: 36.25%;
  margin-right: 2%;
}
.featured-media-text {
  float: left;
  width: 33%;
}
.featured-media-text .title,
.text-generic .title {
  margin: 0 0 .4em;
}
.featured-media-text .pubdate,
.featured-media-text .author,
.text-generic .pubdate,
.text-generic .author {
  display: block;
  margin: 0 0 .4em;
}
.featured-media-text p {
  margin-top: 0;
}


/* === SUBMIT === */
.submit-form, 
.submit-overview {
  display: inline-block;
  width: 49%;
  vertical-align: top;
}

.submit-form input[type=text], 
.submit-form input[type=file], 
.submit-form input[type=checkbox], 
.submit-form textarea {
  margin-bottom: 1em;
}


/* === ADVERTISEMENT === */
.advertisement {
  text-align: center;
  overflow: hidden;
}
.advertisement-300x250 {
  width: 300px;
  height: 250px;
  background: #ccc;
  display: inline-block;
  float: left;
}



.funder-logos {text-align: center; margin: .5em 0;}
.funder-logos img {margin: 0 .8%;}


/* single post */
.post-head {color: #000; font: bold 1em 'Roboto', serif;}
.post-head .title {font-size: 1.6em; margin: 0 0 .2em 0;}
.post-head .meta {font-size: 1.1em;}
.post-head .meta a {color: #02a1e5;}
.post-head .date {font: normal 1em 'Droid Serif', serif;}

.entry-content {font: normal 1em 'Droid Serif', serif; line-height: 1.6em;}
.entry-content a {color: #02a1e5;}

.entry-content li {margin-bottom: .8em;}
/* end single post */


/*custom design classes */

.topic-heading {color: #fff; margin-bottom: 1em; margin-top: .9em; background: #000 url(../images/topicbar-bg.png) 0 0 repeat-x !important;
  font: bold 1.2em 'Droid Serif', serif;}
  
.colorbar {  height: 41px;  padding: .4em 0 0 .8em; background: url(../images/topicbar-colors.png) 0 0 no-repeat;}
.colorbar.term-6, body.term-6 .colorbar {background-position: 0 0;} /*politics*/
.colorbar.term-169, body.term-169 .colorbar {background-position: 0 -41px;} /*arts*/
.colorbar.term-5, body.term-5 .colorbar {background-position: 0 -83px;} /*business*/
.colorbar.term-39, body.term-39 .colorbar {background-position: 0 -125px;} /*education*/
.colorbar.term-67, body.term-67 .colorbar {background-position: 0 -167px;} /*environment*/
.colorbar.term-30, body.term-30 .colorbar {background-position: 0 -209px;} /*health*/
.colorbar.term-554, body.term-554 .colorbar {background-position: 0 -251px;} /*law*/
.colorbar.term-7478, body.term-7478 .colorbar {background-position: 0 -293px;} /*religion*/
.colorbar.term-238, body.term-238 .colorbar {background-position: 0 -335px;} /*transportation*/
.colorbar.term-500, body.term-500 .colorbar {background-position: 0 -377px;} /*weather*/
.colorbar.term-83, body.term-83 .colorbar {background-position: 0 -419px;} /*science*/
.colorbar.term-91, body.term-91 .colorbar {background-position: 0 -461px;} /*media*/
.colorbar.term-201, body.term-201 .colorbar {background-position: 0 -503px;} /*around NJ*/

.colorbar.term-92, body.term-92 .colorbar {background-position: 0 -587px;} /* elections */
.colorbar.term-92, body.term-92 .colorbar {background-position: 0 -632px;} /* sports */




.colorbar.top-stories {background-position: 0 -545px;} /*around NJ*/


.topstories {border-bottom: 10px solid #5d5d5d; margin-bottom: 1em;}

/* station menu */
.station-id {background-color: #81837f; height: 25px;  text-align: left;}
.station-id .container {background-color: #81837f;}
.station-id img {float: right; margin-right: 1.5em;}
.stationmenu {float: left; width: 60%; font-size: .7em; margin: .4em 1em;}
.stationmenu a {color: #fff; margin-right: 1em; display: inline-block;}
.stationmenu a:hover {text-decoration: underline;}
/* end station menu */

/* sidebar stay connected icons */
.stay-connected a {float: left; width: 23.5%; margin: 0 2% 0 0; display: block; color: #fff; font-size: 1.8em; padding: .3em 0; text-align: center; text-shadow: 1px 1px 1px #333;}
.stay-connected a.plus-bg {margin-right: 0;}
.stay-connected a:hover {background-image: none; background-color: #0294e2;}
/* END sidebar stay connected icons */

/* sidebox styles */
.sidebox {background-color: #eee; margin-bottom: 1em; border: 1px solid #d1d1d0;}
.sidebox2 {margin-bottom: 1em;}
.sidebox ul {margin: 0px; padding: 0px;}
.sidebox a {color: #000;}
.sidebox a:hover {color: #0293e2;}
.sidebox .head, .section-heading.relatedcontent {color: #fff; background: #000 url(../images/sidebox-head-bg.png); height: 40px;  font: bold 1.1em 'Droid Serif', serif;}
.sidebox .head span, .section-heading.relatedcontent span {display: block; height: 40px;  padding: .5em 0 0 1.3em; background: url(../images/sidebox-colors.png) 0 0 no-repeat;}
.sidebox span.schedule {background-position: 0 0;}
.sidebox span.conversation {background-position: 0 -105px;}
.sidebox span.markets {background-position: 0 -146px;}
.sidebox span.partners {background-position: 0 -190px;}
.sidebox span.partners {background-position: 0 -190px;}
.sidebox span.weatherhead {background-position: 0 -231px;}


.sidebox-content {padding: .6em 1em; font: bold 1.1em 'Roboto', serif;}
.sidebox-mike {position: relative; margin-top: -142px; z-index: 9999999999; width: 120px; float: right;}
.join-conversation i {float: right; display: block; font-size: 3em;}

/* end sidebox styles */

.section-heading.relatedcontent span {background-position: 0 -190px;}

.boxshadow {-moz-box-shadow: 0 0 8px #d1d1d0; -webkit-box-shadow: 0 0 8px #d1d1d0; box-shadow: 0 0 8px #d1d1d0;}
.boxshadow-medium {-moz-box-shadow: 0 0 8px #999; -webkit-box-shadow: 0 0 8px #999; box-shadow: 0 0 8px #999;}

#market {font-size: .9em;}
#market .positive {color: #448000;}
#market .negative {color: #fc0303;}
#market .note {text-align: right; font-size: .7em; color: #666; border-top: 1px solid #d1d1d0; padding-top: .5em; margin-top: .5em;}
#market .data {text-align: right;}
#market .thead {font-size: .7em; color: #666; }
#market a {font-weight: bold;}


/* sidebar newsletter */
.sidebar-signup .wrap-wnet-convio {margin-bottom: 0;}
.sidebar-signup .emailfield {width: 85%; background-color: #eee; border: 1px solid #dadad9;  float: left; padding: 0 0 0 .5em; height: 44px; -moz-border-radius: 0; border-radius: 0;}
.sidebar-signup .emailsubmit {width: 15%; background-color: #86c240; border: 1px solid #86c240; float: left; padding: 4px; height: 44px; color: #fff; font-size: 1.5em; -moz-border-radius: 0; border-radius: 0;}
.sidebar-signup .emailsubmit:hover {background-color: #0293e2 !important; border: 1px solid #0293e2 !important;}
.sidebar-signup .message-wnet-convio {font-size: .8em; color: #02a1e6; padding-top: 5px;}
/* END sidebar newsletter */

.postlist {font: normal 1em 'Droid Serif', serif; margin-bottom: 1em;}
.postlist h3 {margin: 0; font-size: 1.2em;}
.postlist h3 a { color: #000;}
.postlist-author {font: bold 1em 'Roboto', serif;}
.postlist-dek {margin-top: .3em;}
/*.postthumb {width: 100%;} */
.postthumb img {max-width: 100%; height: auto;}

/* WP PAGENAVI overrides */
div.wp-pagenavi {border-top: 0px; padding: 0; margin: 0; margin-bottom: 2em; font: bold 1.2em 'Roboto', serif; text-align: right;}
.wp-pagenavi a {color: #fff !important; padding: 5px;}
.wp-pagenavi a, .wp-pagenavi a:link {background-color: #0293e2 !important; border: 1px solid #0293e2 !important;}
.wp-pagenavi a:hover {background-color: #76ba38 !important; border: 1px solid #76ba38 !important;}
.wp-pagenavi span.current {color: #fff !important; background-color: #76ba38 !important; border: 1px solid #76ba38 !important;}
.wp-pagenavi .extend, .wp-pagenavi .pages, .wp-pagenavi .last, .wp-pagenavi .first {display: none;}
/* END WP PAGENAVI overrides */



.contact-form {width: 100%; border: 1px solid #c3c3c3; padding: 1em;}
.contact-form input[type=text], .contact-form input[type=email] {width: 95%; padding: .2em .4em 0 .4em; border: 1px solid #c3c3c3; height: 2em;}
.contact-form textarea {width: 95%; padding: .2em .4em 0 .4em; border: 1px solid #c3c3c3; height: 5em;}
.contact-form input[type=submit] {width: 40%; background-color: #76bb38; border: 1px solid #76bb38; color: #fff; padding: .5em; font-weight: bold;}
.contact-form input[type=submit]:hover {background-color: #0298e4; border: 1px solid #0298e4;}


/* ucg tease shortcode */
.ugc-tease {background-color: #eeeeee; margin-bottom: 1em; border: 1px solid #d1d1d0;}
.ugc-tease a {color: #000;}
.ugc-tease .head {color: #fff; background: #000 url(../images/sidebox-head-bg.png); height: 40px;  font: bold 1.1em 'Droid Serif', serif;}
.ugc-tease .head span {display: block; height: 40px;  padding: .5em 0 0 .5em; background: url(../images/topicbar-colors.png) 0 -209px no-repeat;}
.ugc-tease .head a {color: #fff;}
.ugc-tease-dek {padding: .5em; font: bold 1em 'Roboto', serif;}
/* end ucg tease shortcode */




/* css gradients */
.twitter-bg {background-color: #0BB0B6; background-image: linear-gradient(top, #0BB0B6 36%, #06959F 83%); background-image: -o-linear-gradient(top, #0BB0B6 36%, #06959F 83%);
background-image: -moz-linear-gradient(top, #0BB0B6 36%, #06959F 83%); background-image: -webkit-linear-gradient(top, #0BB0B6 36%, #06959F 83%);
background-image: -ms-linear-gradient(top, #0BB0B6 36%, #06959F 83%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.36, #0BB0B6),
color-stop(0.83, #06959F));}
.facebook-bg {background-color: #39586E; background-image: linear-gradient(bottom, #39586E 24%, #4D7793 62%); background-image: -o-linear-gradient(bottom, #39586E 24%, #4D7793 62%); background-image: -moz-linear-gradient(bottom, #39586E 24%, #4D7793 62%); background-image: -webkit-linear-gradient(bottom, #39586E 24%, #4D7793 62%);
background-image: -ms-linear-gradient(bottom, #39586E 24%, #4D7793 62%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.24, #39586E),
color-stop(0.62, #4D7793));}
.youtube-bg {background-color: #EC6267; background-image: linear-gradient(top, #EC6267 36%, #E6494C 83%); background-image: -o-linear-gradient(top, #EC6267 36%, #E6494C 83%);
background-image: -moz-linear-gradient(top, #EC6267 36%, #E6494C 83%); background-image: -webkit-linear-gradient(top, #EC6267 36%, #E6494C 83%); background-image: -ms-linear-gradient(top, #EC6267 36%, #E6494C 83%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.36, #EC6267), color-stop(0.83, #E6494C));}
.plus-bg {background-color: #D9473A; background-image: linear-gradient(top, #D9473A 36%, #AB291D 83%); background-image: -o-linear-gradient(top, #D9473A 36%, #AB291D 83%);
background-image: -moz-linear-gradient(top, #D9473A 36%, #AB291D 83%); background-image: -webkit-linear-gradient(top, #D9473A 36%, #AB291D 83%);
background-image: -ms-linear-gradient(top, #D9473A 36%, #AB291D 83%); background-image: -webkit-gradient(linear, left top, left bottom,	color-stop(0.36, #D9473A),
color-stop(0.83, #AB291D));}
.share-bg {background-color: #638D27; background-image: linear-gradient(top, #638D27 10%, #588123 69%); background-image: -o-linear-gradient(top, #638D27 10%, #588123 69%); background-image: -moz-linear-gradient(top, #638D27 10%, #588123 69%); background-image: -webkit-linear-gradient(top, #638D27 10%, #588123 69%); background-image: -ms-linear-gradient(top, #638D27 10%, #588123 69%); background-image: -webkit-gradient(linear,left top, left bottom, color-stop(0.1, #638D27), color-stop(0.69, #588123));}
.email-bg {background-color: #19A0D1; background-image: linear-gradient(top, #19A0D1 12%, #1588B2 76%); background-image: -o-linear-gradient(top, #19A0D1 12%, #1588B2 76%); background-image: -moz-linear-gradient(top, #19A0D1 12%, #1588B2 76%); background-image: -webkit-linear-gradient(top, #19A0D1 12%, #1588B2 76%); background-image: -ms-linear-gradient(top, #19A0D1 12%, #1588B2 76%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.12, #19A0D1), color-stop(0.76, #1588B2));}

.repost-bg {background-image: linear-gradient(top, #FCB345 5%, #F15B2A 71%);
background-image: -o-linear-gradient(top, #FCB345 5%, #F15B2A 71%);
background-image: -moz-linear-gradient(top, #FCB345 5%, #F15B2A 71%);
background-image: -webkit-linear-gradient(top, #FCB345 5%, #F15B2A 71%);
background-image: -ms-linear-gradient(top, #FCB345 5%, #F15B2A 71%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.05, #FCB345),
	color-stop(0.71, #F15B2A)
);}

.repost-bg img {max-width: 50%; height: auto;}

.breaking-news .blue {background-image: linear-gradient(top, rgb(0,161,210) 26%, rgb(0,136,178) 69%); background-image: -o-linear-gradient(top, rgb(0,161,210) 26%, rgb(0,136,178) 69%); background-image: -moz-linear-gradient(top, rgb(0,161,210) 26%, rgb(0,136,178) 69%); background-image: -webkit-linear-gradient(top, rgb(0,161,210) 26%, rgb(0,136,178) 69%); background-image: -ms-linear-gradient(top, rgb(0,161,210) 26%, rgb(0,136,178) 69%); background-image: -webkit-gradient(
linear, left top, left bottom, color-stop(0.26, rgb(0,161,210)), color-stop(0.69, rgb(0,136,178)));}

.breaking-news .red {background-image: linear-gradient(top, rgb(244,65,58) 26%, rgb(219,26,20) 69%); background-image: -o-linear-gradient(top, rgb(244,65,58) 26%, rgb(219,26,20) 69%); background-image: -moz-linear-gradient(top, rgb(244,65,58) 26%, rgb(219,26,20) 69%); background-image: -webkit-linear-gradient(top, rgb(244,65,58) 26%, rgb(219,26,20) 69%); background-image: -ms-linear-gradient(top, rgb(244,65,58) 26%, rgb(219,26,20) 69%); background-image: -webkit-gradient(
linear, left top, left bottom, color-stop(0.26, rgb(244,65,58)), color-stop(0.69, rgb(219,26,20)));}
/* end css gradients */


/* topic pages with 2 zoned at top */
.zonetwo .postlist {width: 49%; float: left; margin: 0 0 2em 0; height: auto; }
.zonetwo .item-0 {margin-right: 2%;}
.zonetwo .thumbnail-half-wide, .zonetwo .featured-media-poster {width: 100%; padding-bottom: 58%;}
.zonetwo .section-link-text, .zonetwo .text-half-wide, .zonetwo .featured-media-text {width: 100%;}



/* END topic pages with 2 zoned at top */


.topic-feature {margin-bottom: 2em;}


.footer-nav { font: bold 1.3em 'Roboto', serif;}
.footer-nav li {display: inline; margin: 0 .6em;}
.footer-nav a {color: #86C240;}
.footer-nav a:hover {color: #0293E2;} 


.station-menu {font: normal .7em arial, serif; width: 100%; text-transform: uppercase; border-top: 1px solid #ccc; text-align: center; color: #666; margin-bottom: 2em;}
.station-menu li {display: inline; margin: 0 .4em;}
.station-menu .copyright {margin-top: .5em;}
.station-menu a {color: #666;}
.station-menu a:hover {color: #0293E2;}


/* weather widget */
#weather ul {list-style-type: none; margin: 0; padding: 0;}
#weather li {width: 33%; float: left; text-align: center; cursor: pointer;}
#weather .colorbar {background-position: 0 -377px;}
.weather-location {float: right; font-size: .6em; line-height: 25px; margin-right: 1em;}
.weather-location a {color: #fff;}

.weather-overview {padding: .7em .5em; font: normal .8em 'Roboto', serif;}
.weather-overview:hover {color: #02a1e6;}
#weather .middle {border-left: 1px solid #d1d1d0; border-right: 1px solid #d1d1d0; width: 34%; }
.weather-icon {text-align: center;}
.weather-icon img {max-width: 100%; height: auto;}
.weather-tabs {border-bottom: 1px  solid #d1d1d0; font: bold 1.1em 'Droid Serif', serif;}
.weather-tab {padding: .3em;}
.weather-tab.active {background-color: #0293e2; color: #fff;}

.weather-day, .weather-change {display: none; padding: .7em .5em;}
.weather-day a, #weather .close {color: #02a1e6; cursor: pointer;}
.weather-day .left {width: 50%; float: left; margin-right: 2%;}
.weather-day .right {width: 48%; float: left; font: normal .9em 'Roboto', serif;}
.weather-date {font: bold 1em 'Droid Serif', serif;}
.weather-report {margin: 1em 0;}
.weather-credit {font-size: .7em; text-align: right; color: #fff; background-color: #d1d1d0; padding: .2em .5em;}
/* end weather widget */

.breaking-news {font: normal 1.1em 'Roboto', serif; color: #fff;}
.breaking-news span {display: block;}
.breaking-news a {color: #fff;}
.breaking-news a:hover {text-decoration: underline;}


.watch-nojs {display: none;}
.watch-nojs .head a {color: #fff;}
.watch-nojs .thumbnail {width: 50%; float: left; margin: 0;}
.watch-nojs .thumbnail img {margin: 0;}
.watch-nojs .dek {width: 50%; padding: .5em;  float: left;}
.watch-nojs .item a {display: block;}
.watch-nojs .item {width: 100%:}
.watch-nojs .item-1 {display: none;}


#submissionterms {display: none;}
#submissionterms .theterms {border: 1px solid #ccc; font-size: .9em; padding: 1em; margin-top: 1em;}

#welcometeaser {display: none; border: 2px solid #71a440; position: absolute; width: 50%; margin: 5% 25%;  top: 0; left: 0; z-index: 9999999999999999; background: url(../images/trans-black2.png); padding: 2%; color: #fff; font-size: 1em;}
#welcometeaser h3 {font-family: "Roboto Condensed"; font-size: 1.625em; margin: 0;}
#welcometeaser h3 span {color: #71a440;}
#welcometeaser button {border: 0; background-color: #71a440; color: #fff; padding: .4em; font: bold 1.438em "Roboto Condensed"; float: right;}
#welcometeaser p {font-family: "Droid Serif";}

.where-to-watch {font-size: .9em;}
.where-to-watch i {color: #199fd1;}