@charset "UTF-8";
/* CSS Document */






























/* ------------------------------------ */
/* --------------- GLOBAL ------------- */
/* ------------------------------------ */

body {
  background-color: rgba(42,42,42,0.25);
  font-family: 'Roboto', sans;
  font-size: 16px;
}

a {
	text-decoration: none;
	color: #424242;
}
a:hover {
  text-decoration: underline;
  color: #777777;
}
h1,h2,h3 {
  text-transform: uppercase;
  font-weight: 400;
  color: #424242;
}
h1 {
  font-size: 2rem;
  line-height: 2.25rem;
}
h2 {
  font-size: 1.75rem;
  line-height: 2rem;
}
h3 {
  font-size: 1.5rem;
  line-height: 1.675rem;
}


/* ------------------------------------ */
/* ------------- STRUCTURE ------------ */
/* ------------------------------------ */

.sitecontent {
	font-weight: 300;
	background-color: #fafafa;
}

.siteheader figure figcaption {
  color: #cccccc;
}

.content {

}

.precontent {
	display: block;
	position: relative;
  width: 100%;
	margin: 0 0 1rem 0;
	height: auto;
	overflow: hidden;	
}

.maincontent.fullwidth {
  width: 100%;
}

.comments-wrapper {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 1rem auto;
}

.responsive-container {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.responsive-container.video {
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 0.75rem;
}
.responsive-iframe, .responsive-container.video iframe {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: none;
}
.moreposts-button {
  padding: 0 0.5rem;
  line-height: 2rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  background-color: #cccccc;
  color: #424242;
  text-decoration: none;
 	-webkit-transition-duration: 260ms;
	-moz-transition-duration: 260ms;
	-ms-transition-duration: 260ms;
	-o-transition-duration: 260ms;
	transition-duration: 260ms;
  transition-property: background-color, color;
}
.moreposts-button:hover {
  text-decoration: none;
  background-color: #424242;
  color: #ffffff;
}

.clear-block {
  display: block;
  position: relative;
  width: 100%;
  height: 0px;
  margin-bottom: 1rem;
}



/* ------------------------------------ */
/* ------------ NAVIGATION ------------ */
/* ------------------------------------ */

.sitenav {
	background-color: #424242;
}

.sitenav ul li {
  line-height: 2.5rem;
  font-size: 1rem;
  font-weight: 400;
  background-color: transparent;
  text-transform: uppercase;
	-webkit-transition-duration: 260ms;
	-moz-transition-duration: 260ms;
	-ms-transition-duration: 260ms;
	-o-transition-duration: 260ms;
	transition-duration: 260ms;
  transition-property: background-color;
  color: #ffffff;
}
.sitenav ul li.selected,
.sitenav ul li:hover {
  background-color: #000000;
}
.sitenav ul li a {
  text-decoration: none;
  color: #ffffff;
}
.sitenav ul li a:hover {
  text-decoration: none;
  color: #ffffff;
}
.sitenav ul li.social-links:hover {
  background-color: transparent;
}
.sitenav ul li.social-links a {
  line-height: inherit;
	-webkit-transition-duration: 260ms;
	-moz-transition-duration: 260ms;
	-ms-transition-duration: 260ms;
	-o-transition-duration: 260ms;
	transition-duration: 260ms;
  transition-property: background-color;
}
.sitenav ul li.social-links a:hover {
  background-color: #000000;
}



/* ------------------------------------ */
/* ------------ RIGHTRAIL ------------- */
/* ------------------------------------ */

.rightrail-element {
  padding-bottom: 1rem;
  border-bottom-color: rgba(42,42,42,0.25);
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.rightrail-element.noborder {
	border-top: none;
	padding-top: 0;
}
.rightrail-element.halfwidth {
  width: calc(50% - 0.5rem);
  margin: 0.25rem;
}
.rightrail-element.airtime {
  background-color: #e7e7e7;
  border: none;
}

.rightrail-element.social {
  width: calc(100% - 3rem);
  padding: 1rem 1.5rem;
  background-color: #ebebeb;
  margin-bottom: 1rem;
  border: none;
}

.rightrail-element.ad-300x250 {
  text-align: center;
  min-height: 250px;
}

.rightrail-title {
	color: #444;
	padding: 0;
  line-height: 2rem;
  margin-bottom: 0.5rem;
}


/* ------------------------------------ */
/* ------------- FEATURES ------------- */
/* ------------------------------------ */

.featured-item {
  
  
}
.featured-item .item-body {
  
}
.featured-item .item-header {

}
.featured-item .item-header .item-title {
  line-height: 1.5rem;
  margin-bottom: 0.25rem;
}
.featured-item .item-header .item-header-info {
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 0.825rem;  
}
.featured-item .item-header .item-header-info a {
  background-color: #e7e7e7;
  padding: 0.075rem 0.25rem;
  font-size: 0.675rem;
  font-weight: 400;
  border: 1px solid #cccccc;
}
.featured-item .item-header .item-header-info a:hover {
  border-color: #424242;
  color: #424242;
}

.featured-item .item-body {

}
.featured-item .item-image {
  margin-bottom: 0.75rem;
}
.featured-item .item-image figcaption {

}
.featured-item .item-info {

}
.featured-item .item-excerpt {
  font-size: 1rem;
  line-height: 1.25rem;
}

.preview-tag {
  font-size: 0.75rem;
  line-height: 0.75rem;
  vertical-align: middle;
  padding: 0.275rem 0.5rem;
  margin-right: 0.5rem;
  background-color: #e7e7e7;
  color: #000000;
}


/* ------------------------------------ */
/* --------------- LISTS -------------- */
/* ------------------------------------ */

.social-link a, .social-link a:hover {
  text-decoration: none;
}

.list-item {
 	-webkit-transition-duration: 260ms;
	-moz-transition-duration: 260ms;
	-ms-transition-duration: 260ms;
	-o-transition-duration: 260ms;
	transition-duration: 260ms;
}
.list-item .item-excerpt {
  font-size: 1rem;
  line-height: 1.25rem;
}
.list-item .item-header {

}
.list-item .item-header .item-title {
  
}
.list-item .item-header .item-header-info {
  text-transform: uppercase;
  line-height: 0.825rem;
  font-size: 0.75rem;
}
.list-item .item-header .item-header-info a {
  background-color: #e7e7e7;
  padding: 0.075rem 0.25rem;
  font-size: 0.675rem;
  font-weight: 400;
  border: 1px solid #cccccc;
}
.list-item .item-header .item-header-info a:hover {
  border-color: #424242;
  color: #424242;
}


.list-item .item-body {

}
.list-item .item-image {

}
.list-item .item-info {

}
.list-item .item-excerpt {
  
}

.list-item.article.medium .item-header .item-title {
  font-size: 1.275rem;
}

.list-item.article.compact {

}
.list-item.article.compact .item-header {

}
.list-item.article.compact .item-header .item-title {
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.list-item.article.compact .item-header .item-header-info {

}
.list-item.article.compact .item-body {

}
.list-item.article.compact .item-image {
  margin-bottom: 0.25rem;
}
.list-item.article.compact .item-info {

}
.list-item.article.compact .item-excerpt {

}


.list-item.article.small .item-header .item-title {
  font-size: 0.875rem;
  line-height: 0.875rem;
  margin-bottom: 0.125rem;
  font-weight: 700;
}
.list-item.article.small .item-excerpt {
  margin-top: 0;
  font-size: 0.875rem;
  line-height: 1rem;
}

.list-item.season-choice {
  line-height: 2rem;
}
.list-item.season {
  padding: 0.25rem 0.75rem;
  background-color: #cccccc;
  color: #424242;
  border-radius: 0.25rem;
  text-decoration: none;
 	-webkit-transition-duration: 260ms;
	-moz-transition-duration: 260ms;
	-ms-transition-duration: 260ms;
	-o-transition-duration: 260ms;
	transition-duration: 260ms;
  transition-property: background-color, color;
}
.list-item.season.selected,
.list-item.season:hover {
  text-decoration: none;
  background-color: #424242;
  color: #ffffff;
}

.list-item.category {
  line-height: 2rem;
  padding: 0 0.5rem;
  font-weight: 300;
  text-transform: initial;
  background-color: #f0f0f0;
  transition-property: background-color, color;
}
.list-item.category:hover,
.list-item.category.selected {
  background-color: #cccccc;
}
.list-item.category a {
  color: #000000;  
  text-decoration: none;
}
.list-item.category a:hover {
  color: #000000;
  text-decoration: none;
}

.item-listing-link {
  margin-bottom: 0.25rem;
}
.item-listing-link a {
  padding: 0.25rem 0.5rem;
  background-color: #cccccc;
  color: #424242;
  text-decoration: none;
  -webkit-transition-duration: 260ms;
	-moz-transition-duration: 260ms;
	-ms-transition-duration: 260ms;
	-o-transition-duration: 260ms;
	transition-duration: 260ms;
  transition-property: background-color, color;
}
.item-listing-link a:hover {
  text-decoration: none;
  background-color: #424242;
  color: #ffffff;
}


/* ------------------------------------ */
/* ------------ PAGINATION ------------ */
/* ------------------------------------ */

.pagination {

}

.pagination-number {
  padding: 0.25rem 0.5rem;
  background-color: #cccccc;
  color: #424242;
  border-radius: 0.25rem;
  text-decoration: none;
 	-webkit-transition-duration: 260ms;
	-moz-transition-duration: 260ms;
	-ms-transition-duration: 260ms;
	-o-transition-duration: 260ms;
	transition-duration: 260ms;
  transition-property: background-color, color;
}
.pagination-number.selected,
.pagination-number:hover {
  text-decoration: none;
  background-color: #424242;
  color: #ffffff;
}

.pagination-arrow {
  padding: 0.25rem 0.5rem;
  background-color: #cccccc;
  color: #424242;
  border-radius: 0.25rem;
  text-decoration: none;
 	-webkit-transition-duration: 260ms;
	-moz-transition-duration: 260ms;
	-ms-transition-duration: 260ms;
	-o-transition-duration: 260ms;
	transition-duration: 260ms;
  transition-property: background-color, color;
}
.pagination-arrow:hover {
  text-decoration: none;
  background-color: #424242;
  color: #ffffff;
}


/* ------------------------------------ */
/* ------------ VIEW PAGES ------------ */
/* ------------------------------------ */

.transcript-block {
  
}
.transcript-button {
  
}
.transcript-indicator {
  
}
.transcript-holder {

}
.transcript-content {

}

.watch-indicator {
 	-webkit-transition-duration: 260ms;
	-moz-transition-duration: 260ms;
	-ms-transition-duration: 260ms;
	-o-transition-duration: 260ms;
	transition-duration: 260ms;
  transition-property: color;
  color: rgba(255,255,255,0.6);
}
.watch-indicator:hover {
  color: rgba(255,255,255,1);
}