/* SITE COLOUR CHANGES CAN BE MADE HERE */







/* CATEGORY TAG COLOURS */

































































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



/* CHANGE THE BACKGROUND COLOUR OF THE CONTENT AREA HERE */
.content {
	background-color: #fff;	
}

/* CHANGE THE SITE BACKGROUND IMAGE AND COLOUR HERE */
.siteheader {
	background-color: #ffdb3b;
        width: 1200px;
}

p {line-height:1.675em;}

/* CHANGE THE NAVIGATION BACKGROUND AND DEFAULT TEXT COLOUR HERE */
/*
.sitenav,
.sitenav .nav-background,
.sitenav ul li.nav_item a {
	background-color: #000;
}
.sitenav ul li.nav_item a {
	color: #fff;
}
.sitenav ul {
	overflow: hidden;
}
*/

.hideme {
	display: none;
}

/* UNIVERSAL COLOURED ELEMENTS - USE THE PRELOAD VARIABLES AT THE TOP OF THE PAGE TO CHANGE THESE */

.related-entries-title,
.entry-qualifier,
h2.entry-title,
h2.page-title,
.rightrail-title,
.person-blurb,
.episode-push.small figcaption,
.episode-push.small .episode-title,
.video-listing-item.compact figcaption,
.video-listing-item.small figcaption,
.related-title {
	color: #444;
}

.highlight {
	border-top-color: #ec222a;
}
#moreposts .moreposts-button,
.sitenav ul li.nav_item.selected a,
.sitenav ul li.nav_item a:hover,
.read-more,
.season-nav-item:hover,
.season-nav-item.selected,
.pagination-number.selected,
.pagination-number:hover,
.listing-header .more-button {
	background-color: #ec222a;
}
.channel-name,
.homepage-feed .recent-item .info-cta,
.homepage-feed .recent-item .info-cta a,
.homepage-feed .recent-item .info-cta a:visited,
.entry-meta .entry-meta-categories,
.pagination-arrow,
.pagination-number ,
.tags-wrapper .tag-link {
	color: #ec222a;
}

.related-entries-title,
.related-entries-item figure img,
.related-people .related-title,
.person-thumb,
.entry-aside,
.moreposts-wrapper.done,
.listing-header,
.entry-index-item .entry-index-thumb,
.rightrail-element,
.homepage-feed .feed-item .info-cta {
	border-color: #999;
}
.season-nav-item,
.rotator-slide .rotator-slide-links li a,
#rotator-continue {
	background-color: #999;
}
.episode-push .episode-number,
.episode-push.small .episode-number,
.season-listing-title,
.season-nav-title,
.season-nav-subtitle,
.entry-meta,
.entry-qualifier,
.person-subtitle,
.tags-wrapper .tags-title,
.related-people .related-title,
#moreposts .all-loaded,
.page-title .page-subtitle,
.video-listing-episode-number {
	color: #999;
}

.homepage-feed .feed-item figure img {
	border-color: #f0f0f0;
}
.nutritional-information,
.video-listing-item.small figcaption,
.video-listing-item.compact:hover,
.homepage-feed .feed-item .info-body,
.homepage-feed .feed-item .info-cta,
.homepage-feed .feed-item .info-title {
	background-color: #f0f0f0;
}

.tags-wrapper .tag-link:hover,
.entry-meta .entry-meta-categories a:hover,
.category-link:hover {
	color: #ca0008;
}
#moreposts:hover .highlight {
	border-top-color: #ca0008;
}
.blog-categories a:hover,
.recipes-categories a:hover,
.pagination-number.selected:hover,
.entry-more:hover,
.season-nav-item.selected:hover,
.rotator-slide .rotator-slide-links li a:hover {
    background-color: #ca0008;	
}

/* HOMEPAGE ITEMS */
.home .punchbowl-label {
	line-height: 100%;
}

#moreposts .moreposts-button {
	background-color: transparent;
	color: #000;
	text-transform: uppercase;
}
#moreposts:hover .moreposts-button, #moreposts .moreposts-button:hover {
	background-color: transparent;
}

#moreposts .all-loaded {
	color: #666;
	margin-bottom: 20px;
}

.exclusives-header {
	font-size: 1.25em;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.exclusives-header .large {
	font-size: 3.25em;
	display: block;
        margin-top: 15px;
}

.list-list header {
	display: block;
	position: relative;
	/*height: 40px;*/
	/*background-color: #b2e832;;*/
	overflow: hidden;
	text-align: center;
	border-radius: 10px 10px 0 0;
	font-size: 2.8em;
	text-transform: uppercase;
	line-height: .8em;
	/*font-family: 'HelveticaNeueW01-77BdCn 692722';*/
	font-family: 'open_sans_condensedbold';
	border-bottom: 1px dashed #b6b6b6;
}

.medium-lists-header {
	font-size: 0.8em;
}

.list-list header img {
	display: inline-block;
	position: relative;
	margin: 5px;
	height: 30px;
	vertical-align: top;
}
.list-list header .list-text {
	display: inline-block;
	position: relative;
	line-height: 1em;
	margin: 5px;
	vertical-align: top;
}
.list-list-item {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 20px 0 0 0;
	overflow: hidden;
}
.list-list-item .list-list-number {
	width: 50px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	float: left;
	font-size: 2.5em;
	line-height: 100%;
	/*font-family:'HelveticaNeueW01-77BdCn 692722';*/
	font-family: 'open_sans_condensedbold';
	text-align: center;
}

.list-list-item figure {
	width: auto;
	height: auto;
	display: inline-block;
	vertical-align: top;
	float: left;
}
.list-list-item figure img {
	width: 80px;
	height: auto;
	display: inline-block;
}
.list-list-item figure figcaption {
	display: inline-block;
	width: 150px;
	margin-left: 10px;
	vertical-align: top;
	line-height: 100%;
	text-transform: uppercase;
	font-size: 0.875em;
	font-weight: bold;
}

.recent-item {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	overflow: hidden;
}
.recent-item figure {
	display: block;
	position: relative;
	float: left;
	height: auto;	
}
.recent-item figure img {
	width: 100%;
	height: auto;
}
.recent-item .info-body {
	display: block;
	position: relative;
	float: left;
	width: 640px;
}
.recent-item .info-body .entry-qualifier {
	display: inline-block;
	float: none;
	line-height: 200%;
	vertical-align: top;
	padding: 0;
	margin: 0 0 0 10px;
}
.recent-item .info-body p,
.article-item .info-body p {
	margin: 0 0 10px 0;
	line-height: 125%;
}
.recent-item .category-tag{
	display: none;
}
.recent-item .info-body h3 {
	display: inline-block;
	position: relative;
	padding: 0;
	margin: 0;
	vertical-align: top;
	font-size: 1.5em;
	line-height: 125%;
}
.recent-item .info-body h3 a {
	display: inline;
}

.homepage-feed .recent-item {
	margin-bottom: 20px;
	padding-bottom: 10px;
        border-bottom: 1px dashed #B6B6B6;
}
.homepage-feed .recent-item .category-tag {
	display: block;
}

.homepage-feed .recent-item .info-body {
	width: 400px;
}
.homepage-feed .recent-item .entry-qualifier {
	display: block;
	margin: 5px 0 10px 0;
	line-height: 100%;
}
.article-item .entry-qualifier a {
	color: #FD8B10;
}
.article-item .entry-qualifier a:hover {
	color: #ca0008;
}

.input-label {
	clear: left;
	display: inline-block;
	position: relative;
	margin-right: 20px;
}
.input-box {
	display: inline-block;
	position: relative;
}


.tag-cloud .tag-size1 {
	font-size: 0.875em;
	color: #42a5c6;
}
.tag-cloud .tag-size2 {
	font-size: 1em;
	color: #42a5c6;
}
.tag-cloud .tag-size3 {
	font-size: 1.125em;
	color: #556270;
}
.tag-cloud .tag-size4 {
	font-size: 1.25em;
	color: #b85715;
}
.tag-cloud .tag-size5 {
	font-size: 1.375em;
	color: #a471b5;
}
.tag-cloud .tag-size6 {
	font-size: 1.5em;
	color: #c2ba94;
}
.tag-cloud .tag-size7 {
	font-size: 1.625em;
	color: #4dbaa9;
}
.tag-cloud .tag-size8 {
	font-size: 1.75em;
	color: #e05562;
}
.tag-cloud .tag-size9 {
	font-size: 1.875em;
	color: #a7d444;
}
.tag-cloud .tag-size10 {
	font-size: 2em;
	color: #a471b5;
}



/* HOMEPAGE CATEGORY TAGS */
.category-tag a,
.category-tag a:hover  {
     	color: #fff;
	font-size: .95em;
	/*font-family: 'HelveticaNeueW01-57Cn';*/
	font-family: 'open_sans_condensedbold';
	
}

.lists .entry-metadata,
.lists .entry-metadata .author {
	border-color: #b0e047;
}
.lists .channel-label,
.lists .author,
.lists .entry-flavour,
li.lists,
li.lists:hover {
	background-color: #b0e047;
	color: #fff !important;
}
.lists .channel-label:hover, .lists a.author:hover {
	/* background-color: {lists_colour_dark}; */
	color: #fff !important;
}

.caption-this .entry-metadata,
.caption-this .entry-metadata .author {
	border-color: #ffa761;
}
.caption-this .channel-label,
.caption-this .author,
.caption-this .entry-flavour,
li.caption-this,
li.caption-this:hover {
	background-color: #ffa761;
	color: #fff !important;
}
.caption-this .channel-label:hover, .caption-this a.author:hover {
	/* background-color: {caption-this_colour_dark}; */
	color: #fff !important;
}

.word-chuckers .entry-metadata,
.word-chuckers .entry-metadata .author {
	border-color: #dcd2a0;
}
.word-chuckers .channel-label,
.word-chuckers .author,
.word-chuckers .entry-flavour,
li.word-chuckers,
li.word-chuckers:hover {
	background-color: #dcd2a0;
	color: #fff !important;
}
.word-chuckers .channel-label:hover, word-chuckers a.author:hover {
	/* background-color: {word-chuckers_colour_dark}; */
	color: #fff !important;
}

.clips .entry-metadata,
.clips .entry-metadata .author {
	border-color: #73abcd;
}
.clips .channel-label,
.clips .author,
.clips .entry-flavour,
li.clips,
li.clips:hover {
	background-color: #73abcd;
	color: #fff !important;
}
.clips .channel-label:hover, .clips a.author:hover {
	/* background-color: {clips_colour_dark}; */
	color: #fff !important;
}

.pics .entry-metadata,
.pics .entry-metadata .author {
	border-color: #7c7ec5;
}
.pics .channel-label,
.pics .author,
.pics .entry-flavour,
li.pics,
li.pics:hover {
	background-color: #7c7ec5;
	color: #fff !important;
}
.pics .channel-label:hover, .pics a.author:hover {
	/* background-color: {pics_colour_dark}; */
	color: #fff !important;
}

.jokes .entry-metadata,
.jokes .entry-metadata .author {
	border-color: #b37cc5;
}
.jokes .channel-label,
.jokes .author,
.jokes .entry-flavour,
li.jokes,
li.jokes:hover {
	background-color: #b37cc5;
	color: #fff !important;
}
.jokes .channel-label:hover, .jokes a.author:hover {
	/* background-color: {jokes_colour_dark}; */
	color: #fff !important;
}

.miscellany .entry-metadata,
.miscellany .entry-metadata .author {
	border-color: #e86e1a;
}
.miscellany .channel-label,
.miscellany .author,
.miscellany .entry-flavour,
li.miscellany,
li.miscellany:hover {
	background-color: #e86e1a;
	color: #fff !important;
}
.miscellany .channel-label:hover, .miscellany a.author:hover {
	/* background-color: {miscellany_colour_dark}; */
	color: #fff !important;
}

.quizzes .entry-metadata,
.quizzes .entry-metadata .author {
	border-color: #b37cc5;
}
.quizzes .channel-label,
.quizzes .author,
.quizzes .entry-flavour,
li.quizzes,
li.quizzes:hover {
	background-color: #b37cc5;
	color: #fff !important;
}

.punchline-studio .entry-metadata,
.punchline-studio .entry-metadata .author {
	border-color: #f55d6b;
}
.punchline-studio .channel-label,
.punchline-studio .author,
.punchline-studio .entry-flavour,
li.punchline-studio,
li.punchline-studio:hover {
	background-color: #f55d6b;
	color: #fff !important;
}
.punchline-studio .channel-label:hover, .punchline-studio a.author:hover {
	/* background-color: {punchline-studio_colour_dark}; */
	color: #fff !important;
}

.punchline-originals .entry-metadata,
.punchline-originals .entry-metadata .author {
	border-color: #49b4d7;
}
.punchline-originals .channel-label,
.punchline-originals .author,
.punchline-originals .entry-flavour,
li.punchline-originals,
li.punchline-originals:hover {
	background-color: #49b4d7;
	color: #fff !important;
}
.punchline-originals .channel-label:hover, .punchline-originals a.author:hover {
	/* background-color: {punchline-originals_colour_dark}; */
	color: #fff !important;
}

.wha-or-huh .entry-metadata,
.wha-or-huh .entry-metadata .author {
	border-color: #55cfbc;
}
.wha-or-huh .channel-label,
.wha-or-huh .author,
.wha-or-huh .entry-flavour,
li.wha-or-huh,
li.wha-or-huh:hover {
	background-color: #55cfbc;
	color: #fff !important;
}
.wha-or-huh .channel-label:hover, .wha-or-huh a.author:hover {
	/* background-color: {wha-or-huh_colour_dark}; */
	color: #fff !important;
}

.from-the-web .entry-metadata,
.from-the-web .entry-metadata .author {
	border-color: #d78865;
}
.from-the-web .channel-label,
.from-the-web .author,
.from-the-web .entry-flavour,
li.from-the-web,
li.from-the-web:hover {
	background-color: #d78865;
	color: #fff !important;
}
.from-the-web .channel-label:hover, .from-the-web a.author:hover {
	/* background-color: {from-the-web_colour_dark}; */
	color: #fff !important;
}

.showcase .entry-metadata,
.showcase .entry-metadata .author {
	border-color: #0070b4;
}
.showcase .channel-label,
.showcase .author,
.showcase .entry-flavour,
li.showcase,
li.showcase:hover {
	background-color: #0070b4;
	color: #fff !important;
}
.showcase .channel-label:hover, .showcase a.author:hover {
	/* background-color: {showcase_colour_dark}; */
	color: #fff !important;
}

.spotlight .entry-metadata,
.spotlight .entry-metadata .author {
	border-color: #b7cec9;
}
.spotlight .channel-label,
.spotlight .author,
.spotlight .entry-flavour,
li.spotlight,
li.spotlight:hover {
	background-color: #b7cec9;
	color: #fff !important;
}
.spotlight .channel-label:hover, .spotlight a.author:hover {
	/* background-color: {spotlight_colour_dark}; */
	color: #fff !important;
}

.mis-infographics .entry-metadata,
.mis-infographics .entry-metadata .author {
	border-color: #657585;
}
.mis-infographics .channel-label,
.mis-infographics .author,
.mis-infographics .entry-flavour,
li.mis-infographics, 
li.mis-infographics:hover {
	background-color: #657585;
	color: #fff !important;
}
.mis-infographics .channel-label:hover, .mis-infographics a.author:hover {
	/* background-color: {mis-infographics_colour_dark}; */
	color: #fff !important;
}

.wtf .entry-metadata,
.wtf .entry-metadata .author {
	border-color: #e9d359;
}
.wtf .channel-label,
.wtf .author,
.wtf .entry-flavour,
li.wtf,
li.wtf:hover {
	background-color: #e9d359;
	color: #fff !important;
}
.wtf .channel-label:hover, .wtf a.author:hover {
	/* background-color: {spotlight_colour_dark}; */
	color: #fff !important;
}

.not-the-news .entry-metadata,
.not-the-news .entry-metadata .author {
	border-color: #4f9764;
}
.not-the-news .channel-label,
.not-the-news .author,
.not-the-news .entry-flavour,
li.not-the-news,
li.not-the-news:hover {
	background-color: #4f9764;
	color: #fff !important;
}
.not-the-news .channel-label:hover, .not-the-news a.author:hover {
	color: #fff !important;
}



#precontent {
        margin-left: 20px;
}

.homepage-feed .feed-item {
        height: 180px;
}

#generateshares {
	position: relative;
	width: auto;
	padding: 10px;
	text-align: center;
	height: auto;
	display: block;
	margin: 10px auto 20px auto;
	background-color: #eaeaea;
}
#generateshares.hideme {
	display: none;
}
#generateshares .share-label {
	float: none;
}
#generateshares .share-button {
	display:inline-block;
	position: relative;
	margin-left: 10px;
	vertical-align: text-top;
}

.social-show {
	display: block;
	position: relative;
	width: 400px;
	height: auto;
	margin: 0 0 50px 0px;
	float: left;
	overflow: hidden;
}
.social-show h3 {
	padding: 5px;
	display: block;
	margin: 0;
	background-color: #333;
	color: #fff;
}
.social-show .social-person {
	/*border-bottom: 1px dashed #666;*/
        height: 40px;
        line-height: 40px;
	background: #E7E7E7;
	padding: 0px 10px;
	border-top: 1px solid #fff;
}

.social-show .social-icons {
        float: right;
}

.header-brand {
        width: 1160px;
        margin: 0 0 0 20px;
}

.recent-item .tags-wrapper {margin-top:10px;}

/*
.rightrail-element.blog-categories {
        background: #ffdb3b;
        padding: 20px;
        border-radius: 5px;
}
*/

.current-flavours-list {
        display: block;
        position: relative;
        list-style: none;
        overflow: hidden;
        padding: 0;
	margin: 0;
	background: #fff6c7;
	border-radius: 5px;
	width: 260px;
	text-align: center;
}

.current-flavours-list li {
	margin: 0;
	float: none;
	width: auto;
	line-height: 1.5em;
 	border-bottom: 1px dashed #ffdb3b;	
}

.blog-categories a {
	display: inline-block;
	width: auto;
	font-weight: bold;
	text-align: center;
	border-radius: 4px 4px 4px 4px;
	color: rgb(7, 7, 7) !important;
	padding: 6px;
	margin: 5px 0 2px 0;
	text-decoration: none;
	font-size: 1.25em;
	line-height: 1em;
	-webkit-transition: background-color 260ms;
	-moz-transition: background-color 260ms;
	-ms-transition: background-color 260ms;
	-o-transition: background-color 260ms;
	transition: background-color 260ms;
        background: transparent;
}

.blog-categories a:hover {
        background-color: transparent !important;
}

.current-flavours-list li:hover {
        background-color: #ff504b;
        
}

h3.rightrail-title.flavours {
  	margin-bottom: 15px;
  	font-size: 2em;
	text-align: center;
	width: 260px;
}

.article-item figure .entry-thumbnail {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 1;
}

.article-item figure .channel-label {
	z-index: 2;
}

.small-lists-header {
	font-size: .3em;
   	display: block;
}

.video-list-item.showcase-features {
	width: 260px;
	min-height: 0;
	margin: 0px 7px;
}

.showcase-see-more {   
    overflow: hidden;
    width: 120px;
    position: absolute;
    top: 5px;
    right: 0px;
}
.showcase-see-more li {  
    float: left; 
    list-style: none;
}
.showcase-see-more li a {
    padding: 3px 10px 3px 20px;
    float: left; text-align:center;
    text-decoration: none; 
    /*font-family:'HelveticaNeueW01-77BdCn 692722'; */
    font-family: 'open_sans_condensedbold';
    color: #020202;
    position: relative; 
    background: #cacaca;  
    width:auto;
 }
 
.showcase-see-more a::after,
.showcase-see-more a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -19px;   
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 1em solid;
  right: -1em;
  color: #cacaca;   
}
.showcase-see-more a::after{   
    z-index: 2;  
    border-left-color: #cacaca;   
}

.showcase-see-more a:hover:after {
    border-left-color: #a2a2a2;
}

.showcase-see-more a:hover {
    background-color: #a2a2a2;
}

.showcase-see-more li.more-number {
    padding: 3px 20px 3px 10px;
    float: left; text-align:center;
    text-decoration: none; 
    /*font-family:'HelveticaNeueW01-77BdCn 692722'; */
    font-family: 'open_sans_condensedbold';
    color: #020202;
    position: relative; 
    background: #FFDB3B;
    width:auto;
	font-size: 1.25em;
}

.showcase-see-more li.more-label {
    padding: 3px 10px;
    float: left; text-align:center;
    text-decoration: none; 
    /*font-family:'HelveticaNeueW01-77BdCn 692722'; */
    font-family: 'open_sans_condensedbold';
    color: #fff;
    position: relative; 
    background: #000;  
    width:auto;
	text-transform: uppercase;
}
.showcase-see-more li.more-label::after,
.showcase-see-more li.more-label::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -19px;   
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-right: 1em solid;
  left: -1em;
  color: #000;
}
.showcase-see-more li.more-label::before{   
    z-index: 2;  
    border-right-color: #000;   
}

.series-window {
	width: 800px; height: 215px; display: block; position: relative; overflow-x: scroll; overflow-y: hidden; float: left;
}
.series-holder {
	width: 0px; height: 190px; display: block; position: relative; overflow: hidden;
}
.series-scroll-arrow {
	display: block; position: relative; width: 20px; height: 200px; vertical-align: top; float: left; opacity: 0.5;
	transition: opacity 420ms;
	-o-transition: opacity 420ms;
	-ms-transition: opacity 420ms;
	-moz-transition: opacity 420ms;
	-webkit-transition: opacity 420ms;
}
.series-scroll-arrow.left img {
	transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}
.showcase-feature {
	width: 840px;
	display: block;
	clear: both;
	position: relative;
	overflow: hidden;
}

.showcase-feature p {
	margin-top: 0;
}

.showcase-feature h2 {
	text-transform: capitalize;
	/*font-family:'HelveticaNeueW01-77BdCn 692722'; */
	font-family: 'open_sans_condensedbold';
	font-size: 1.675em;
	color: #020202;
	border-top: 1px solid #E0E0E0;
	padding-bottom: 10px;
	background: #FFFFFF;
	padding-top: 20px;
	position: relative;
	text-transform: uppercase;
}

.showcase-feature:hover .series-scroll-arrow {
	opacity: 0.95;
}

.darkline {
	display: block;
	height: 2px;
	width: 40px;
	background: #666;
	position: absolute;
	top: 0px;
}

.tag-cloud-title,
.channel-list-header {
	display: block;
	position: relative;
	/* padding: 10px 0 10px 30px; */
	/* margin: 0 0 5px 0; */
	/* font-size: 1.75em; */
	background: #E2E2E2;
}

.channel-list {
	display: block;
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.channel-list a {
	display: block;
	position: relative;
	width: 149px;
	height: 26px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 0;
	float: left;
	/* border-radius: 5px; */
	text-transform: uppercase;
	font-size: 1em;
	text-align: left;
	overflow: hidden;
	line-height: 26px;
}

.recent-entries h3.rightrail-title {
	margin: 20px 0 20px 0;
	font-size: 2em;
}

/* DATE BOX */

a.channel-label .entry-flavour-shading {
	background-color: rgba(0,0,0,0);
}
a.channel-label:hover .entry-flavour-shading {
	background-color: rgba(0,0,0,0.2);
}

a.author .entry-flavour-shading {
	background-color: rgba(0,0,0,0.2);
}
a.author:hover .entry-flavour-shading {
	background-color: rgba(0,0,0,0.4);
}

.article-item .channel-label {
	text-shadow: none;
}

.article-item.large .channel-label {
	top: -2em;
}

.feature .channel-label {
	text-shadow: none;
}

.feature .channel-label {
	top: -2em;
}

.channel-list .channel-label-name {
	width: 134px;
	padding-left: 15px;
}

/*
.channel-list .channel-label {
	width: 134px;
	text-align: left;
	line-height: inherit;
	height: inherit;
	padding: 0 0 0 15px;	
}

.channel-list li .channel-label {
	display: inline;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	position: relative;
	padding: 0;
	margin: 0;
	text-align: left;
	line-height: 100%;
	height: 26px;
}
*/
.recent-item .channel-label {
	padding: 0.5em 0.75em 0.5em 1.25em;
	font-size: 0.875em;
	line-height: 0.875em;
	height: 0.875em;
}

.entry-metadata {
	display: inline-block;
	position: relative;
	width: 140px;
	height: auto;
	vertical-align: top;
	margin-right: 10px;
	background-color: #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

.holder.tags {margin-bottom:10px;}

.holder.metadata .author {
	display: inline-block;
	position: relative;
	text-align: center;
	line-height: 100%;
	padding: 10px 0;
	width: 100%;
	height: auto;
	font-size: 0.875em;
	color: #fff;
	/*font-family: 'HelveticaNeueW01-77BdCn 692722';*/
	font-family: 'open_sans_condensedbold';
}

.entry-metadata .date-monthday {
	display: block;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	line-height: 100%;
	padding: 5px 0 0 0;
	width: 100%;
	height: auto;
	font-size: 1.5em;
	color: #999;
}

.entry-metadata .date-year {
	display: block;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	line-height: 100%;
	padding: 0 0 5px 0;
	width: 100%;
	height: auto;	
	color: #999;
}




.share-label {
	display: inline-block;
	position: relative;
	float: left;
}

#precontent.studio-list {
	display: block;
	width: 840px;
	float: left;
	position: relative;
	overflow: hidden;
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
	border-bottom: none;
}

.tag-link.flavour {
	text-transform: lowercase;
	background-color: #cc0000;
	color: #fff !important;
}

.holder.metadata .channel-label {
	position: relative;
	bottom: auto;
	left: auto;
	padding: 0.5em 0;
}

.social-column {
	display: block;
	position: relative;
	overflow: hidden;
	width: 400px;
	float: left;
	margin-right: 30px;
}
.social-column.second {
	margin-right: 0px;
}

.social-links {
	position: relative;
	top: 25px;
	height: 80px;
	display: block;
	float: right;
	width: 260px;
	z-index: 100;
	right: 60px;
}

.social-links img {
 	width: 45px;
	display: block;
	position: relative;
	float: left;
	margin-right: 7px;
}

.rightrail #punchbowl {
	width: 300px;
	height: auto;
	margin: 0;
	padding: 10px 0 0 0;
	border-radius: 0px;
	overflow: hidden;	
}

.rightrail #punchbowl .punchbowl-content {
	height: auto;
	background-color:transparent;
}

.rightrail #punchbowl-image {
	height: 88px;
	width: 110px;
	top: auto;
	left: auto;
	position: relative;
	margin: -8px 10px 0px 10px;
	float: left;
	z-index: 2;
}
.rightrail #punchbowl-image img {
	display: block;
	height: 100%;
	width: auto;
}

.rightrail #punchbowl .punchbowl-label {
	left: auto;
	font-size: 1.25em;
	width: auto;
	height: 60px;
	position: relative;
	padding: 10px 10px 0px 0;
	background-color: #ffdb3b;
	line-height: 100%;
}

.rightrail #punchbowl-dropdown {
	top: auto;
	left: auto;
	right: auto;
	position: relative;
	float: left;
	overflow: hidden;
	height: auto;
	clear: left;
}

.rightrail .punchbowl-dropdown-list {
	display: block;
	position: relative;
	width: auto;
	height: 40px;
	padding: 0;
	margin: 0;
	list-style: none;
	border-radius: 0;
	overflow: hidden;
	background-color: #fff6c7;
}
.rightrail .punchbowl-dropdown-list.showme {
	height: auto;	
}

.rightrail .punchbowl-dropdown-list li {
	display: block;
	position: relative;
	width: 240px;
	height: 40px;
	text-align: left;
	padding: 0 50px 0 10px;
	color: #000;
	font-size: 1.5em;
	line-height: 40px;
	text-transform: uppercase;
}

.rightrail .punchbowl-dropdown-list li a.category-link {
	margin: 0;
	font-size: 0.875em;
	line-height: 40px;
	padding: 0;
	text-align: left;
}

.rightrail #punchbowl .punchbowl-dropdown-button {
	display: block;
	margin: 0;
	padding: 0;
	border-radius: 0;
	width: 40px;
	height: 40px;
}

.entry-body img {
	width: 100% !important;
	height: auto;
}

.entry-body img.halfwidth {
	width: 50% !important;
	margin: 0 auto;
}

.entry-body iframe.instagram {
	margin: 0px 114px;
}

.list-feed.showcase .exclusives-header {
	font-size: 2.5em;
	line-height: 75%;
}
.list-feed.showcase .exclusives-header .large {
	font-size: 1.875em;
}

.header-pic {
	display: block;
	position: absolute;
	right: 310px;
	z-index: 999;
	overflow: visible;
	bottom: -35px;
}

h4.social-title {
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 6px;
	/*font-family:'HelveticaNeueW01-77BdCn 692722'; */
	font-family: 'open_sans_condensedbold';
}

.tagcloud-span {
	color: #fff;
	background: #000;
	font-size: .6em;
	padding: 4px 8px;
	/*width: 40px;*/
	display: inline-block;
	position: relative;
	margin-right: 10px;
	vertical-align: text-top;
}

/* Channel tag and byline updates for article titles */
.holder.metadata {
	width:auto; 	
	margin-top:10px;
}
.holder.metadata .channel-label {
	position:relative; 
	width:auto; 
	margin-right:10px; 
	float:left; 
	padding: 6px 10px 6px 15px;
}
.holder.metadata .entry-metadata {
	border:none; 
	border-color:transparent; 
	width:auto; 
	font-size: 1em; 
	color:#acacac; 
	line-height:26px;
}
.holder.metadata .entry-metadata a {color:#FD8B10;}
.holder.metadata .entry-metadata a:hover {color:#ca0008;}
.holder.metadata .author {width:auto;}


/* SHARE SETTINGS */
.holder.share {
	line-height: 100%;
}
.holder.share div {
	
}
.holder.share.tagged {
	width: 500px;
	margin: 0 auto;
}
.holder.share div, .holder.share iframe {
	vertical-align: top !important;
	width: 120px !important;
	float: left;
}


/* HEADLINE DEFINITIONS FOR CHANNEL TYPES */

#maincontent.miscellany h2 {
	font-size: 2.5em;
	margin: 40px 0 0 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	line-height: 100%;
}

/* RATINGS STYLES */
#ratings-gauge {
	transition: width 420ms;
	-o-transition: width 420ms;
	-ms-transition: width 420ms;
	-moz-transition: width 420ms;
	-webkit-transition: width 420ms;
}
.ratings-number {
	display: inline-block;
	position: relative;
	line-height: 24px;
	width: 24px;
	text-align: center;
	background-color: #eaeaea;
	color: #666;
	border-radius: 0;
	margin: 1px;
	cursor: pointer;
	float: left;
}
.ratings-number.selected, .ratings-number.selected:hover, .ratings-number:hover {
	background-color: #cc0000;
	color: #fff;
}
.ratings-number.inactive {
	cursor: default;
}
.ratings-number.inactive:hover {
	background-color: #eaeaea;
	color: #666;
}
.ratings-form {
display: inline-block;
position: relative;
float: left;
margin-right: 20px;
}
.ratings-holder {
display: block;
position: relative;
height: 26px;
width: auto;
overflow: hidden;
float: right;
margin-top: 10px;
}
.rate-this-label {
display: inline-block;
font-size: 15px;
color: #444;
line-height: 12px;
width: auto;
margin: 0;
/*font-family: 'HelveticaNeueW01-77BdCn 692722';*/
font-family: 'open_sans_condensedbold';
text-transform: uppercase;
float: left;
overflow: hidden;
text-align: center;
padding-top: 1px;
}
.rate-this-image {
display: inline-block;position: relative; width: auto; height: 26px; float: left; margin: 0px 3px;
}
.gauge-holder {
display: inline-block; position: relative; float: left; width: 60px; height: 20px; background-color: #eaeaea; border: 1px solid #ccc; margin: 2px 0;
}
#ratings-gauge {
display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 0%; background-color: #ffdb3b; z-index: 2;
}
.overall-rating {
	display: block;
	position: absolute;
	width: 100%;
	z-index: 3;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	color: #000;
	/*font-family: 'HelveticaNeueW01-77BdCn 692722';*/
	font-family: 'open_sans_condensedbold';
}
.gauge-label {
	display: inline-block;
	font-size: 16px;
	color: #444;
	line-height: 26px;
	width: auto;
	margin: 0 10px 0 0;
	/*font-family: 'HelveticaNeueW01-77BdCn 692722';*/
	font-family: 'open_sans_condensedbold';
	text-transform: uppercase;
	float: left;
}
.ratings-submit {
	display: block;
	position: absolute;
	width: 100%;
	height: 26px;
	line-height: 26px;
	text-align: center;
	top: 26px;
	left: 0;
	z-index: 3;
	background-color: #fff;
	/*font-family: 'HelveticaNeueW01-77BdCn 692722';*/
	font-family: 'open_sans_condensedbold';
	color: #666;
	letter-spacing: 0em;
	transition: top 420ms;
	-o-transition: top 420ms;
	-ms-transition: top 420ms;
	-moz-transition: top 420ms;
	-webkit-transition: top 420ms;
}
.ratings-submit.show {
	top: 0px;
}
#ratings-window {
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
	width: auto;
}
#ratings-window.closed {
	width: 110px;
	text-align: center;
	line-height: 100%;
	font-size: 0.875em;
	padding: 0 30px;
}

.listing-rating {
	display: inline-block;
	position: relative;
	margin-left: 15px;
}


#punchbar {
	width: 100%;
	display: block;
	position: fixed;
	height: 50px;
	background-color: #ffdb3b;
	z-index: 1000;
	top: -54px;
	transition: top 260ms;
	-o-transition: top 260ms;
	-ms-transition: top 260ms;
	-moz-transition: top 260ms;
	-webkit-transition: top 260ms;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.6);
}
#punchbar.show {
	top: 0px;
}
#punchbar .share-label {
	padding: 1px 20px 0 0;
	text-transform: uppercase;
	/*font-family: 'HelveticaNeueW01-77BdCn 692722';*/
	font-family: 'open_sans_condensedbold';
	line-height: 20px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	float: left;
}
.punchbar-sharing div, .punchbar-sharing iframe {
vertical-align: top !important;
width: 120px !important;
float: left;
}

.punchbar-holder {
	display: block;
	position: relative;
	width: 1200px;
	margin: 0 auto;
	height: 36px;
	padding: 7px 0;
}
.punchbar-holder img {
	display: block;
	position: relative;
	width: auto;
	height: 36px;
	float: left;
	margin-left: 20px;
}
.punchbar-sharing {
	display: block;
	position: relative;
	overflow: hidden;
	width: auto;
	height: 36px;
	float: left;
	min-width: 10px;
	vertical-align: top;
	line-height: 100%;
	margin-left: 40px;
	padding: 6px 0;
}
.holder.share {
	top:auto;
	padding: 5px 0;
	transition: top 420ms;
	-o-transition: top 420ms;
	-ms-transition: top 420ms;
	-moz-transition: top 420ms;
	-webkit-transition: top 420ms;
}

.holder.share .share-label {
	padding-top: 4px;
	padding-right: 20px;
	text-transform: uppercase;
	/*font-family: 'HelveticaNeueW01-77BdCn 692722';*/
	font-family: 'open_sans_condensedbold';
}

.holder.share.fixedpos .share-label {
	margin-left: 20px;
}

figure.pics {
	display: block;
	position: relative;
	height: auto;
	overflow: hidden;
	margin: 0 auto 30px auto;
}

figure.pics .share-pic {
	display: block;
	position: absolute;
	width: 40px;
	height: auto;
	min-height: 40px;
	top: 0px;
	left: -40px;
	z-index: 10;
	background-color: rgba(0,0,0,0.6);
	transition: left 260ms;
	-o-transition: left 260ms;
	-ms-transition: left 260ms;
	-moz-transition: left 260ms;
	-webkit-transition: left 260ms;
}
figure.pics:hover .share-pic {
	left: 0px;
}

figure.pics figcaption p {
	padding: 10px 0 0 0;
	margin: 0;
	line-height: 125%;
}

.pics.halfwidth {
	width: 50%;
}
.pics.threequarterwidth {
	width: 75%;
}
.pics.fullwidth {
	width: 100%;
}

figure.pics img.pic-social-logo {
	display: block;
	position: relative;
	padding: 5px;
	width: 30px !important;
}
.pic-social-logo.facebook {
	cursor: pointer;
}

.ordered-list {
	font-weight: normal;
}

/* NEXT / PREVIOUS BUTTONS ON POSTS */
.navarrow {
	display: block;
	position: relative;
	width: 418px;
	height: 80px;
	float: left;
	margin: 0px 1px;
	overflow: hidden;
}
.postarrow {
	display: block;
	position: relative;
	width: 0px;
	height: 0px;
	float: left;
}
.postarrow.right {
	border-left: 40px solid #eaeaea;
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
}
.postarrow.left {
	border-right: 40px solid #eaeaea;
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
}
.postcontent {
	display: block;
	position: relative;
	width: 338px;	
	height: 50px;
	padding: 15px 20px;
	vertical-align: top;
	background-color: #eaeaea;
	float: left;
}
.postcontent .postindicator {
	display: block;
	position: relative;
	width: 100%;
	color: #444;
	height: auto;
	text-align: center;
	font-family: 'open_sans_condensedbold', Arial, sans-serif;
	text-transform: uppercase;
	line-height: 100%;
}
.postcontent:hover .postindicator {
	color: #444;
}
.postcontent .posttitle {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 1.125em;
	line-height: 125%;
}
.next-previous {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}

.top-rated {
display: block;
position: relative;
width: 300px;
height: auto;
overflow: hidden;
}

.top-rated header {
	display: block;
	position: relative;
	overflow: hidden;
	text-align: center;
	font-size: 2.8em;
	text-transform: uppercase;
	line-height: .8em;
	font-family: 'open_sans_condensedbold';
	border-bottom: 1px dashed #b6b6b6;
	margin-bottom: 10px;
}

.rated-item {
display: block;
position: relative;
width: 100%;
height: auto;
overflow: hidden;
margin-bottom: 1px;
}

.rated-item figure {
width: 120px;
height: 67px;
position: relative;
display: block;
float: left;
}

.rated-item figure img {
width: 100%;
height: auto;
}

.rated-item h4 {
display: block;
position: relative;
width: 160px;
height: 53px;
float: left;
line-height: 100%;
padding: 7px 10px;
}
.rated-item .channel-label {
height: 0.75em;
line-height: 0.75em;
padding: 0.35em 0.75em 0.35em 1.25em;
}

.rated-item .channel-label-name {
font-size: 0.75em;
}

.rated-item.punchline-originals h4 {
	background-color: rgba(73,180,215,0.26);
}

.rated-item.showcase h4 {
	background-color: rgba(0,112,180,0.26);
}

.rated-item.mis-infographics h4 {
	background-color: rgba(101,117,133,0.26);
}

.rated-item.miscellany h4 {
	background-color: rgba(232,100,26,0.26);
}

.rated-item.quizzes h4 {
	background-color: rgba(179,124,197,0.26);
}

.rated-item.word-chuckers h4 {
	background-color: rgba(220,210,160,0.26);
}

.rated-item.caption-this h4 {
	background-color: rgba(255,167,97,0.26);
}

.rated-item.punchline-studio h4 {
	background-color: rgba(245,93,107,0.26);
}

.rated-item.lists h4 {
	background-color: rgba(176,224,71,0.26);
}

.rated-item.jokes h4 {
	background-color: rgba(179,124,197,0.26);
}

.rated-item.spotlight h4 {
	background-color: rgba(183,206,201,0.26);
}

.rated-item.pics h4 {
	background-color: rgba(124,126,197,0.26);
}

.rated-item.from-the-web h4 {
	background-color: rgba(215,136,101,0.26);
}

.rated-item.wha-or-huh h4 {
	background-color: rgba(85,207,188,0.26);
}

.rated-item.clips h4 {
	background-color: rgba(115,171,205,0.26);
}

.rated-item.wtf h4 {
	background-color: rgba(233,211,89,0.26);
}

.rated-item.not-the-news h4 {
	background-color: rgba(79,151,100,0.26);
}

.watch-link {
	width: 100%;
	text-align: left;
	margin-top: 0px;
}
.watch-link a {
	font-size: 1.25em;
	color: #FD8B10;
}
.watch-link a:hover {
	color: #000;
}

::selection {
        background: #FFDB3B;
        }
::-moz-selection {
        background: #FFDB3B;
}


input[type="text"] {
width: 80%;
margin: 10px auto;
height: auto;
font-size: 1.5em;
padding: 10px 5%;
text-align: center;
background-color: #eaeaea;
border-radius: 10px;
border: none;
display: block;
}
.input-label {
	width: 80%;
	display: block;
	text-align: center;
	margin: 5px auto;
	font-size: 1.125em;
	line-height: 100%;
}
select.input-select {
	display: block;
	font-size: 1.75em;
	line-height: 200%;
	background-color: #eaeaea;
	border: 0px;
	overflow: hidden;
	margin: 10px auto;
}


#punchline_contribute {

}

#punchline_contribute .hidden {
	display: none;
}

#punchline_contribute fieldset {
	padding: 0;
	border: none;
	margin: 0;
	width: 100%;
}

#punchline_contribute .screenreader {
	visibility: hidden;
}

#punchline_contribute h4 {
	font-size: 2em;
	margin-bottom: 20px;
}

#punchline_contribute ul {
	list-style: none;
	display: block;
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

#punchline_contribute li {
	margin-bottom: 10px;
}

#punchline_contribute #b-comment {
	display: block;
	position: relative;
	margin: 0px auto;
	width: 80%;
	height: 100px;	
}

#punchline_contribute li label {
	width: 640px;
	display: block;
	text-align: center;
	margin: 5px auto;
	font-size: 1.125em;
}

#punchline_contribute .button_group {
	text-align: center;
}

#punchline_contribute .button_group input {
	margin: 5px 10px;
	padding: 5px 10px;
	text-transform: uppercase;
}

#punchline_contribute input[type="text"] {
width: 640px;
margin: 10px auto;
height: auto;
font-size: 1.5em;
padding: 10px 20px;
}

#type-of-contribution {
	font-size: 1.75em;
	line-height: 200%;
	background-color: #eaeaea;
	border: 0px;
	overflow: hidden;
}

#punchline_contribute #err_fields {
	list-style-type: disc !important;
	list-style: initial !important;
	padding: 0 0 0 40px !important;
}

#punchline_contribute .red_text {
	color: #cc0000 !important;
	font-weight: bold !important;
}

.submission-numbers {
list-style: none;
display: block;
padding: 0;
margin: 0 auto;
position: relative;
width: 480px;
height: 50px;
overflow: hidden;
}

.hidden-numbers {
	display: none;
}

.submission-numbers li {
display: inline-block;
position: relative;
width: 40px;
height: 50px;
float: left;
}

img.list-image-small {
	width: 110px !important;
	margin-right: 10px;
	float: left;
	height: auto;
}

.bingo-pics {
  display: block;
  position: relative;
  overflow: hidden;
}
.bingo-pics img {
  display: block;
  position: relative;
  width: 168px !important;
  height: auto;
  float: left;
}

.ordered-list .list-body {
  font-size: .875rem;
}