/*
Theme Name: teamfourstar.com
Theme URI: http://teamfourstar.com
Author: Screenwave Media
Author URI: http://screenwavemedia.com
Description: The theme for teamfourstar.
Version: 1.0
License: Proprietary
License URI: http://screenwavemedia.com
Tags: teamfourstar, screenwavemedia
Text Domain: teamfourstar
*/


* {padding:0; margin:0; text-decoration:none; transition:0.3s; -moz-transition:0.3s; -webkit-transition:0.3s;}

body {background: #000 url(img/bg-fire.jpg) center top no-repeat;}



#wrapper {max-width: 1100px; margin: 0 auto; background:#262626; overflow:hidden; border-left:1px solid rgba(255,100,0,0.4); border-right:1px solid rgba(255,100,0,0.4); border-bottom:1px solid rgba(255,100,0,0.4); 
    box-shadow:0 0 100px rgba(255,100,0,0.5); -moz-box-shadow:0 0 100px rgba(255,100,0,0.5); -webkit-box-shadow:0 0 100px rgba(255,100,0,0.5); }


/* @header */

header {height: 195px;background: #300 url(img/tfs-banner-naked.png) center top repeat-x; clear:both; text-align:center; margin-bottom: 15px;
    box-shadow:0 2px 19px #000;}
   
    #loginelements {float:left; height: 43px; padding:0; background:#000; 
		box-shadow:0 0 20px #000; -webkit-box-shadow:0 0 20px #000; -moz-box-shadow:0 0 20px #000;}
	#loginelements:after {content:"";  width:0; height: 0; border-top: 0 solid transparent; border-bottom: 41px solid transparent; border-left: 22px solid #000; display:block; float:right;position:relative;top:-29px; left:22px; }
        #loginelements ul {margin:15px 0 21px 17px;}
            #loginelements ul li {list-style: none inside; float:left; margin-right:14px; padding-right:14px; border-right:1px solid rgba(255,255,255,0.2); height:13px; display:table;}
                #loginelements ul li:last-child {border-right:none;}
           
            #loginelements a, #loginelements a:visited {font:12px Iceland, Arial; color:#fff; text-transform:uppercase; display:table-cell; vertical-align:middle;}
            #loginelements a:hover {color:#f90;}
            
    #searchelements {float: right; width:auto; height:26px; padding:6px 0 10px 6px; margin-right:-16px; background:#000; display:block; 
			box-shadow:0 0 20px #000; -webkit-box-shadow:0 0 20px #000; -moz-box-shadow:0 0 20px #000;}
	#searchelements:before {content:"";  width:0; height: 0; border-top: 0 solid transparent; border-bottom: 41px solid transparent; border-right: 22px solid #000; display:block; float:right;position:relative;top:-7px; right: 297px; }
        #searchelements form {float:left; border-right:1px solid rgba(255,255,255,0.2); margin-top:3px; }
        #searchelements form input {width:140px; background: url(img/ico-search.png) 8px 6px no-repeat; display:block; background-color:#222; border:none; padding: 6px 6px 6px 18px; height:24px !important; line-height: 12px; margin-right:10px; color:#999; 
        -moz-box-sizing: border-box; box-sizing: border-box;
            border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
        #searchelements form input:focus {background-color:#f40; outline:0; color:#fff;}
		
        #searchelements ul#headsocialitems {float:left; margin-left:4px; }
            #searchelements ul#headsocialitems li {list-style: none inside; float:left; }

            ul#headsocialitems li {background:#f00; display:block; padding:0; width:32px; height:32px; margin-left:6px; 
				}

    #logolink {display:block; width:400px; height:140px; margin:0 auto; }
 
 
/* @menu */ 
    
    #headermenu {background: #111 url(img/menu-bg.png) left top repeat-x; display:block; width:100%; height: 30px; padding-top: 9px;margin-top:20px; }
        #headermenulist {display:inline-block; margin:0 auto; height:100%; }
        #headermenulist li {display:block;list-style: none inside; float:left; margin:0 18px;  height:inherit;}
        #headermenulist li a {display:block;  color:#fff; text-transform:uppercase; font: 14px 'Iceland', Arial; letter-spacing:1px; }
            #headermenulist li a:hover {color:#f90; text-shadow:0 0 12px #ffa;}
 		/* dropdown menu */
		#headermenulist li ul li {float:none !important; margin:10px !important; text-align:left; }
		#headermenulist li ul li a {font-size:12px; padding:4px 9px; } 
		
		nav li > a:after { content: ' ›'; color:#f60;} /* Change this in order to change the Dropdown symbol */
		nav li > a:only-child:after { content: ''; }  


		nav ul li ul {	z-index:99999; width:180px; display:list-item !important; position:absolute; 	margin-top: 0;
			margin-left:-5px; opacity:0.1; list-style:none; background:#111; 	height: 0; overflow:hidden;
			box-shadow:0 4px 7px #000; -webkit-box-shadow:0 4px 7px #000; -moz-box-shadow:0 4px 7px #000;} /* Makes the Dropdown menu Hidden by default */

		nav ul li:hover  ul  { margin-top:8px; opacity:1; height:auto; }
			nav ul li:hover ul li a { display:block !important; border-left:4px solid #f60; }
			nav ul li:hover ul li a:hover  {border-left:8px solid #ff0;}
		
		
		
			
			#menuwrapper {}
			.closemenu  {}
			.openmenu {}
  			.openmenu {}
				.openmenu #headermenu {}
				.openmenu:hover {}
				.openmenu:hover #headermenu {}
					.openbtn {}



/* @content */
	
.leaderboardwrap {text-align:center; }
.leaderboardad {display:inline-block; margin:1.3% auto 0 auto; border-top:1px solid rgba(155,155,155,0.1); padding:4px;
	box-shadow:0 3px 20px #000; width:728px; overflow:hidden;}

.leaderboardwrapmiddle {text-align:center; margin-bottom:16px; }	
.leaderboardadmiddle {display:inline-block; margin:0 auto; border-top:1px solid rgba(155,155,155,0.1); padding:4px;
	box-shadow:0 3px 20px #000; width:calc(100% - 8px); overflow:hidden;}



/* @hero */

#hometop {padding:2%;}
#homeleft {width:calc(100% - 315px); float: left;}
#heroarea:before {	content: ""; display: block; padding-top: 56.25%;}
#heroinner {position:absolute; top:0; bottom: 0; left:0; right:0; overflow:hidden;}
#heroarea {background: #555; width: 100%; margin-bottom: 25px;height:auto; position:relative; float: left; 
    box-shadow: 0 10px 10px #000; -webkit-box-shadow: 0 10px 10px #000; -moz-box-shadow: 0 10px 10px #000;}
    .heroareaheading {color: #f50; text-shadow: -1px -1px 0 #000;font: 14px Iceland;height: 16px; padding: 8px 11px;background: #111 url(img/heroheader-bg.png);text-transform: uppercase;}
    	.heroheadingtitle, .heroheadingdate { float:left; margin-right:14px; letter-spacing:0.5px;}
			.heroheadingdate {letter-spacing: 0;color:#666; font-size: 12px;border-left:1px solid rgba(255,255,255,0.1); padding-left:14px; padding-top: 2px;}
    	.heroheadingcomments {float:right; }
    		.heroheadingcomments img {margin-right:6px; float:left;margin-top:2px }
			
    .heroarea { width:100%; height: 100%; display:block; background-repeat:no-repeat; background-position:left top; background-size:100%;}
        .heroinfo {float:left; width:100%;}
		.herotab {display:none;}
            /* .herotab {background:url(img/herotab.png) left top no-repeat; width:233px; height:30px;display: block;} */
               /*  .herotab span {text-shadow: -1px -1px 0 #000;letter-spacing: 0.5px;font: 11px Iceland; text-transform:uppercase; color: #fff; display: block;padding: 10px 14px;} */
           .heroinfoinside { border-bottom:1px solid rgba(255,255,255,0.1); padding: 20px 20px 26px 26px;line-height: 14px; text-shadow: 0 -1px 1px #000;
                box-shadow: inset 0 0 40px #000; -webkit-box-shadow: inset 0 0 40px #000;  -moz-box-shadow: inset 0 0 40px #000;  }
            .heroinfo h2 {font: 32px 'Pathway Gothic One', Arial;  text-transform:uppercase;  margin-bottom: 6px;}  
            .heroinfo h2 a {color:#f60;}
            .heroblurb {font:normal 12px Ruda, Arial; color:#ddd; line-height:11px;}
	

/* @news */

#newsarea {display:none; width:100%;  float: left; position:relative; background:#ff5200 url(img/news-bg.png) left top repeat-x; margin-bottom:15px;
	box-shadow: 0 10px 10px #000; -webkit-box-shadow: 0 10px 10px #000; -moz-box-shadow: 0 10px 10px #000;}
    
    .newsareaheading {background: #111 url(img/heroheader-bg.png) top left repeat-x; height:16px; padding:8px 10px;font:13px Iceland, Arial; text-transform:uppercase;
		box-shadow:0 2px 5px #000; -moz-box-shadow:0 2px 5px #000; -webkit-box-shadow:0 2px 5px #000;}
    .newsareaheadingdate { float: right; letter-spacing: 0;color:#666; font-size: 12px;border-left:1px solid rgba(255,255,255,0.1); padding-left:14px; padding-top: 2px;}
    .newsareaheadingtitle {float:left; color: #f50; text-shadow: -1px -1px 0 #000;font: 14px Iceland, Arial; letter-spacing:0.5px;}
		.newsitem {clear:both; padding-bottom:1px}
		.newsitem h2 {-webkit-font-smoothing: antialiased; font: bold 22px Ruda, Arial; letter-spacing:-1px; line-height: 25px; word-spacing: 1px; padding: 20px 20px 10px 14px;}
		.newsitem a, .newsitem a:visited  {color:#fff;text-shadow:1px 1px 1px #000;}
			.newsitem a:hover {text-shadow:0 0 20px rgba(255,150,0,0.5);}
		.newsitemdetail { font:10px Iceland; text-transform:uppercase; letter-spacing:0;color:#fff;  padding:4px 6px; margin:5px; background:rgba(0,0,0,0.7)}

	.sidebarsection .seriescontainer, .rectanglead {box-shadow:0 4px 15px #000; float: right;width: 300px;overflow: hidden;}	
		.sidebarsection .seriescontainer {margin-top:26px; width:300px; height:100px;}
		.sidebarsection .seriescontainer img {margin-left:-131px; height:100px; width:auto}

#sidebar, .sidebarsection {width: 300px; float:right;}
	.sidebaritem {display:block; margin-top:20px; float:left;}
	
	.seriesplaylist {box-shadow: 0 3px 7px #000; -webkit-box-shadow: 0 3px 7px #000; -moz-box-shadow: 0 3px 7px #000;}
	
	.previouslistitem {background:#333; height:100px; display:block;}
	.nextlistitem {background:#333; height:96px; display:block;}
	.sidebaritem .nextlistitem a {height:73px; display:block;}
	.previouslistitem:before {content:"Previous Episode"; box-shadow:inset 0 0 1px rgba(255,255,255,0.2); display:block; width:calc(100% + 6px); height:11px; background:#222; font:11px Iceland, arial; text-transform:uppercase; color:#f50; margin-top:-8px; margin-left:-8px; margin-bottom:8px;padding:5px; text-shadow:none; clear:both; }
	.nextlistitem:after {content:"Next Episode"; box-shadow:inset 0 0 1px rgba(255,255,255,0.2); display:block; clear:both; width:calc(100% + 6px);  height:11px; background:#222; font:11px Iceland, arial; text-transform:uppercase; color:#f50;  margin-bottom:-8px; margin-left:-8px; margin-top: 11px; padding:5px; text-shadow:none;}
	.currentlistitem, .currentlistitem:hover {background:#f60 !important; color:#fff; border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.4) !important; }
		.currentlistitem span {text-overflow: ellipsis; width: 260px !important; white-space: nowrap; overflow: hidden; padding-right:20px; }
		.currentlistitem:before {content:""; width:0; height: 0; border-top: 22px solid transparent; border-bottom: 23px solid transparent; border-right: 12px solid #f60; display:block; position:absolute; margin:-9px 0 0 -20px;}
	

.cleared {clear:both; height: 0 !important; padding: 0 !important; margin:0 !important;}


/* @progress */

.homeprogress {width:298px; height: 230px; float: right;  padding:0; margin-top:15px; border:1px solid rgba(255,255,255,0.1);}
	.homeprogress span {display:none;}
	#progressmeter {background-position:-32px 0; background-size:350px 242px;background-repeat:no-repeat; width:100%; height:100%; display:block;
		box-shadow:0 3px 14px #000; -moz-box-shadow:0 3px 14px #000; -webkit-box-shadow:0 3px 14px #000; }
		.progress-1 {background:url(img/meter/progress-bg-1.png); }
		.progress-2 {background:url(img/meter/progress-bg-2.png); }
		.progress-3 {background:url(img/meter/progress-bg-3.png); }
		.progress-4 {background:url(img/meter/progress-bg-4.png); }
		.progress-5 {background:url(img/meter/progress-bg-5.png); }
		.progress-6 {background:url(img/meter/progress-bg-6.png); }
		.progress-7 {background:url(img/meter/progress-bg-7.png); }
		.progress-8 {background:url(img/meter/progress-bg-8.png); }
		.progress-9 {background:url(img/meter/progress-bg-9.png); }
		.progress-10 {background:url(img/meter/progress-bg-10.png); }
		.progress-11 {background:url(img/meter/progress-bg-11.png); }
		.progress-12 {background:url(img/meter/progress-bg-12.png); }

		.progress-0 {background:url(img/meter/progress-bg-0.png); }
		.progress-13 {background:url(img/meter/progress-bg-13.png); }




/* @featured posts */

#featuredposts {background: #111;  width:100%; display:inline-block; padding: 2%;}

#featuredpostslist {}
	.featuredpostitem {list-style: none; display:block; float:left; width: 22.93%; margin-right: 1.4%;}
 	.featuredpostitem:last-child {margin:0;}
 		.featuredpostitem a, .featuredpostitem a:visited {color:#999; font: 12px Ruda, Arial;}
			.featuredpostitem a:hover {}
 	.featuredpostitemthumbwrap	{}
		.featuredpostitemthumb {}		
			img.featuredpostitemthumb {width:100%; border:1px solid #222; opacity:0.9; margin-bottom:8px; 
				box-shadow:0 1px 15px #000; -moz-box-shadow:0 1px 15px #000; -webkit-box-shadow:0 1px 15px #000;}
				.featuredpostitemthumb:hover {opacity:1; border:1px solid #f70; box-shadow:0 0 10px #f60;}
	.featuredpostiteminfo {}
		.featuredpostitemtitle {color: #f60; font: 14px  Ruda; width:90%; line-height: 17px;margin-bottom:8px; }
		.featuredpostitemblurb {}
		.featuredpostitemdate {font:11px Iceland; color:#555; text-transform:uppercase; }


/* @column @widget @homelower */

.homelower {padding: 7px 1%; display: inline-block;font:12px Ruda, Arial; }

.blogitems {text-shadow: 0 -1px 0 #000;}
.blogitem {list-style:none; color:#bbb; padding:10px 12px; border:1px solid rgba(0,0,0,0); background:rgba(0,0,0,0.1); margin-bottom:4px;}
	.blogitem:hover {color:#eee; background:#333; border:1px solid #444;
		box-shadow:0 0px 10px #000; -moz-box-shadow:0 0px 10px #000; -webkit-box-shadow:0 0px 10px #000;}
	.blogitem:hover h2 a { color:#fff;}
	
	.blogitem h2 {font:normal 16px Ruda; line-height:21px; margin-bottom:6px;}
	.blogitem h2 a {color: #f70; -webkit-font-smoothing: antialiased;}
	.blogitem .meta {font:11px Iceland,Arial; text-transform:uppercase; color:#666; margin-bottom:4px;}
	.blogitem .excerpt {}
		.blogmore {color: #555;  padding-left: 6px;font: 12px Iceland, arial;text-transform: uppercase;border-left: 1px solid #555;margin-left: 6px;}

.moreposts {background:#222; display:block; color:#f90; margin:7px 0 0 0; padding:6px 10px; font:12px Iceland, Arial; text-transform:uppercase;}
		.moreposts:after {content:' ›'}

.footercontainer {float:left; width:32%; margin-right:2%; display:block; }
.footercontainer:last-child {margin:0;}
.sectionheading, .blogheading h2 {color: #f50; text-shadow: -1px -1px 0 #000;font: 14px Iceland;height: 16px; padding: 8px 11px; margin-bottom:8px;background: #111 url(img/heroheader-bg.png);text-transform: uppercase;
		box-shadow:0 2px 5px #000; -moz-box-shadow:0 2px 5px #000; -webkit-box-shadow:0 2px 5px #000;}
  
   
.listitem {clear:both; margin:0; display:inline-block; width: calc(100% - 16px); padding:8px; text-shadow:0 -1px 1px #000;}    
	.listitem:hover {background:#333;}
	.listitem:hover img {border:1px solid #ddd;}
.listitem a, .listitem:visited {color:#fff;}	
.listitem img {float: left; margin:0 10px 0 0; border:1px solid #333;
	box-shadow:0 2px 5px #000; -moz-box-shadow:0 2px 5px #000; -webkit-box-shadow:0 2px 5px #000;}    
.listitem span {display:block; font: bold 14px Ruda, Arial; -webkit-font-smoothing: antialiased; line-height:16px; letter-spacing:-0.5px; padding: 6px 15px 6px 6px;}

.videomorebox {display:block; text-align:center;  margin:8px ; box-shadow:inset 0 0 20px rgba(0,0,0,0.4); -webkit-box-shadow:inset 0 0 20px rgba(0,0,0,0.4); -moz-box-shadow:inset 0 0 20px rgba(0,0,0,0.4); }
.videomorewrapper {display:inline-block; width:100%; margin:0 auto 0 auto;  height:auto; font:12px Iceland, Arial; text-transform:uppercase;}
	.videomorewrapper a {color:#f90; }
 		.videomore_next, .videomore_prev  {display:block; background:#333; padding:4px 0; box-shadow: 0 0 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.4); }
.videomore_next {margin:6px; float:none; display:block;}
.videomore_prev  {margin:6px 0 6px 6px; float:left; width: 47.5%; border-right:3px solid #191919; }
.videomore_next:hover, .videomore_prev:hover {color:#ff0; text-shadow:0 0 9px #f60; background:#111;}

/* @page @post */

main.nothome {margin:2%; width: calc(95% - 315px); height:auto; position:relative; float: left;}
main.nothome .heroareaheading {background:none; padding:0.5%;}
	main.nothome .heroheadingtitle {font:32px Ruda, Arial; letter-spacing:-1px; text-shadow:-1px -1px 1px #000; width:100%; border-bottom:1px solid #333; padding:0 0 3px 0; margin:0 0 8px 0 ;}
	main.nothome .heroheadingdate {border:none; padding:0; font-size:14px; border-right:1px solid #333; padding-right:20px;margin-right:17px;}
	main.nothome .heroheadingcomments {float:none;}
		main.nothome .heroheadingcomments:after {content:" comments";}
		main.nothome .heroheadingcomments img {display:none;}
	
	.video-container:before {	content: ""; display: block; padding-top: 56.25%;}
	.video-container {background: #555; width: 100%; height:auto; position:relative; float: left; margin-top:3%;
    	box-shadow: 0 4px 15px #000; -webkit-box-shadow: 0 4px 15px #000; -moz-box-shadow: 0 4px 15px #000;}
	.video-container iframe {width:100%; height:100%; position:absolute; top:0; bottom: 0; left:0; right:0; overflow:hidden;}

.socialarea {clear:both; height:30px; display:block; padding: 20px 0 5px 10px;}
.postcontent {border-top: 1px solid rgba(255,255,255,0.2); border-left: 1px solid rgba(100,100,100,0.2); border-right: 1px solid rgba(100,100,100,0.2); border-bottom: 1px solid rgba(255,255,255,0.1);display:block; color:#ccc;  font: 13px Ruda, Arial; margin-bottom:20px; background:#111; padding:3%;
    	box-shadow: 0 4px 15px #000; -webkit-box-shadow: 0 4px 15px #000; -moz-box-shadow: 0 4px 15px #000;}

	.postcontent p {margin:0 0 10px 0; clear:both;}
		.postcontent p:last-child {margin:0;}
		
		.postcontent h3 {font:16px Iceland, Arial; text-shadow:0 0 5px #f30; text-transform:uppercase; color:#f90; clear:both; margin-bottom:12px; padding-bottom:8px; border-bottom:1px solid rgba(255,100,0,0.2); padding-top:16px;}
			.postcontent h3:first-child {padding-top:0;}
		.postcontent a {color:#f60;}
		.postcontent a:hover {color:#ff0; text-shadow:0 0 9px #f60;}

		.alignleft {float:left; margin-right:20px; margin-bottom:20px; border:1px solid #222;}
		.postcontent hr {border-color:#222; margin: 0 0 30px 0 ;}

.seriesmain {display:none;}

.sidebarsection {margin:2% 2% 2% 0;}
 


/* @comment */

#respond h3 {color: #f50; text-shadow: -1px -1px 0 #000; background: #111 url(img/heroheader-bg.png) top left repeat-x; height:16px; padding:8px 10px;font:13px Iceland, Arial; text-transform:uppercase; margin-bottom:10px;
		box-shadow:0 2px 5px #000; -moz-box-shadow:0 2px 5px #000; -webkit-box-shadow:0 2px 5px #000;}

#carea {color:#ddd; font: 12px Ruda, Arial;}
	#carea p {margin-bottom:7px;}
	#carea a {color:#f60;}
		#carea a:hover {color:#ff0; text-shadow:0 0 9px #f60;}
	
	#respond textarea {width: 96%;padding: 2%; font:13px Ruda, Arial;}
	#respond input#submit {display:block; background:#f40; padding:7px 9px 6px 9px; border:none; font:12px Iceland, Ruda; text-transform:uppercase; color:#fff; text-shadow:0 -1px 1px #000; border-top:1px solid rgba(255,255,255,0.3);
		box-shadow:0 2px 5px #000; -moz-box-shadow:0 2px 5px #000; -webkit-box-shadow:0 2px 5px #000;}
		
		#respond input#submit:hover {background:#f70; box-shadow:0 0 3px #f60; -moz-box-shadow:0 0 3px #f60; -webkit-box-shadow:0 0 3px #f60; }


#comments > #respond {margin-top:0 !important; margin-bottom:20px !important; padding:0 !important;box-shadow:none !important;}
#respond {display: block;margin-bottom: 30px !important;margin-top: 40px !important;box-shadow: 0 2px 4px rgba(0,0,0,0.5) !important;padding: 20px !important;}

	
#comments .logged-in-as {font:10px Arial; color:#999; display:block; float: right; margin-right: 12px;margin-top: -31px;} 	

#comments label {display:none;}
#comments .form-allowed-tags {font-size:12px; margin-bottom:20px;}
#comments code { width:auto; margin:0 0 20px 0; font:13px Iceland; padding:10px; color:#999; }


#comments-title {display:none; font:bold 18px ProximaNovaCond;  padding: 8px 0 6px 0; border-top: 1px solid #eef; color:#136;}

ul.commentlist, ul.children {
	background: none;
}
ul.commentlist {
	padding: 0px;
}
ul.children {
	padding: 0 0 0px 45px;
}
li.comment {
	list-style: none;
	padding: 14px;
	margin: 0px 0px 5px 0px !important;
	font-size: 12px;
	background:rgba(0,0,0,0.1);
}

.children .children {margin-bottom:30px;}

.comment-author img {
	float: left;
	border: 1px solid rgba(255,255,255,0.2);
	margin: -2px 10px 0px 0px;
	height: 32px; width:32px;
}

.comment-author {font: normal 16px Ruda, Arial; color:#888;}

p.meta {
	font: normal 10px 'Iceland', Arial !important;
	text-transform: uppercase;
	color: #666;
	padding: 0 0 5px 0;
	margin: -2px 0 8px 0;
}
.comment-body  {
font: 13px Ruda, Arial;
margin-left:44px;
margin-right:15px;
line-height: 17px;
color:#ccc;
margin-bottom:10px
}
 


.yjl-pager{height:27px; margin-top:50px; width:100%;}
.yjl-pager span {
	padding: 7px 11px 6px 10px;
 	text-align:center;
	display:block;
	width:auto;
	margin-right:2px;
	margin-left:4px;
	float:left;
	border:none;
	border-top:1px solid rgba(255,255,255,0.3);	
	background: #f40;
	font:12px Iceland, Ruda; text-transform:uppercase; color:#fff; text-shadow:0 -1px 1px #000;

	box-shadow:0 2px 5px #000; -moz-box-shadow:0 2px 5px #000; -webkit-box-shadow:0 2px 5px #000;
}
.yjl-pager .page-number {margin-right: 2px; margin-left:4px;}

.yjl-more {background:none !important; padding:0 !important; margin:none !important; float:none !important; display:inline-block !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	}
	
.yjl-pager span:hover{background:#f70; border:none;border-top:1px solid rgba(255,255,255,0.3); box-shadow:0 0 3px #f60; -moz-box-shadow:0 0 3px #f60; -webkit-box-shadow:0 0 3px #f60;}
.yjl-pager .gray {opacity:0.5; background:#999;}
.yjl-pager .currentPager { background:#f90; color:#fff; box-shadow: 0 0 10px #ff0; -webkit-box-shadow: 0 0 10px #ff0; -moz-box-shadow: 0 0 10px #ff0; }

/* HTML styling seemed funky, may need to reset it. Or just get rid of above * style   */


strike {margin:0 !important; line-height: inherit !important; color:inherit !important; font:inherit !important;}

.comment-reply-link, .comment-reply-login  {font:12px Iceland; text-transform:uppercase; border-top:1px solid rgba(255,100,0,0.1); display:block; padding-top:7px; 
	 margin-left:44px; margin-right:15px; color:#069; }

#cancel-comment-reply-link {font:12px Iceland; text-transform:uppercase; border-left:1px solid rgba(255,130,0,0.2);  padding-top:0px; 
	 margin-left:10px;  margin-top:-3px; padding-left: 10px; color:#069;}
	 a#cancel-comment-reply-link {color:#ff0; text-shadow:0 0 10px #f30;}
	 a#cancel-comment-reply-link:hover {color:#fff; text-shadow:none;}

.must-log-in {padding-top:10px;}
.must-log-in a, .must-log-in a:visited {font-weight:bold; color:#297;}
	.must-log-in a:hover {font-weight:bold; color:#279; text-decoration:underline;}

.yjl-mes {color:#297; padding-top:20px; display:block; font:bold 18px ProximaNovaCond, Arial;}









/* End Comment Styles */




/* @footer */

footer {text-align:right; display:block; background:#000; padding: 14px; font: 10px Montserrat, Arial; color:#444;  -webkit-font-smoothing: antialiased; margin-top:36px;}
footer a {color:#777}
footer a:hover {color:#f60;}
	.footlinks {float:left;}
	
	
	
	
	
/* @archive */



	.nothome .seriescontainer {box-shadow:0 4px 15px #000 ;overflow: hidden; text-align:center;}	
		.nothome .seriescontainer a {display: inline-block; position:relative; right: -50%;}
		.nothome .seriescontainer {margin-bottom:16px; height:120px; margin: 0 auto 16px auto;}
		.nothome .seriescontainer img {height:120px; width:800px; position: relative; left:-50%; }

.archiveitem {display:inline-block; clear:both; text-shadow: 0 -1px 0 #000; list-style:none; color:#bbb; padding:10px 12px; border:1px solid rgba(0,0,0,0); background:rgba(0,0,0,0.1); margin-bottom:4px; width:calc(100% - 24px);}
	.archiveitem:hover {color:#eee; background:#333; border:1px solid #444;
		box-shadow:0 0px 10px #000; -moz-box-shadow:0 0px 10px #000; -webkit-box-shadow:0 0px 10px #000;}
	.archiveitem:hover h2 a { color:#fff;}

	.archiveimagebox {float:left; width:30%; margin-right:16px;}	
		.archiveimagebox img {float:left; width:100%; height:auto; border:1px solid rgba(155,155,155,0.1); box-shadow:0 2px 3px rgba(0,0,0,0.4) }	
	.archiveitem:hover img { border:1px solid rgba(255,255,255,0.5); }
	.archiveitem .archivetitle {font:normal 16px Ruda; line-height:21px; margin-bottom:6px; margin-top:10px;}
	.archiveitem .archivetitle a {color: #f70; -webkit-font-smoothing: antialiased;}
		.archiveitem:hover .archivetitle a {color: #fa0; text-shadow:0 0 8px #f40; -webkit-font-smoothing: antialiased;}
	.archiveitem .meta {font:11px Iceland,Arial; text-transform:uppercase; color:#666; margin-bottom:4px;}
	.archiveitem .archiveexcerpt {font:13px Ruda, Arial; }
		.archiveitem .blogmore {color: rgba(255,255,255,0.4);  padding-left: 6px;font: 12px Iceland, arial;text-transform: uppercase;border-left: 1px solid rgba(255,255,255,0.1);margin-left: 6px;}
		.archiveitem:hover .blogmore {color: rgba(255,100,0,1);  padding-left: 6px;font: 12px Iceland, arial;text-transform: uppercase;border-left: 1px solid rgba(255,255,255,0.1);margin-left: 6px;}

.moreposts {background:#222; display:block; color:#f90; margin:7px 0 0 0; padding:6px 10px; font:12px Iceland, Arial; text-transform:uppercase;}
		.moreposts:after {content:' ›'}
	
	
	
 

ul.page-numbers {list-style:none; margin-top:20px;}
li .page-numbers {display:block; 
	padding:10px 15px 10px 14px;
	float:left;	
	margin-right:6px;
	border:none;
	border-top:1px solid rgba(255,255,255,0.3);	
	background: #f40;
	font:14px Iceland, Ruda; text-transform:uppercase; color:#fff; text-shadow:0 -1px 1px #000;
	box-shadow:0 2px 5px #000; -moz-box-shadow:0 2px 5px #000; -webkit-box-shadow:0 2px 5px #000;
 }
.page-numbers li:hover a {background:#f70; border:none;border-top:1px solid rgba(255,255,255,0.3); box-shadow:0 0 3px #f60; -moz-box-shadow:0 0 3px #f60; -webkit-box-shadow:0 0 3px #f60;}

.page-numbers .prev:after {content:"Prev"; margin-left:5px;}
.page-numbers .current {background:#f90; color:#fff; box-shadow: 0 0 10px #ff0; -webkit-box-shadow: 0 0 10px #ff0; -moz-box-shadow: 0 0 10px #ff0;}
.page-numbers .next:before {content:"Next"; margin-right:5px; }


.yjl-pager .page-number {margin-right: 2px; margin-left:4px;}

.yjl-more {background:none !important; padding:0 !important; margin:none !important; float:none !important; display:inline-block !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	}
	
.yjl-pager span:hover{background:#f70; border:none;border-top:1px solid rgba(255,255,255,0.3); box-shadow:0 0 3px #f60; -moz-box-shadow:0 0 3px #f60; -webkit-box-shadow:0 0 3px #f60;}
.yjl-pager .gray {opacity:0.5; background:#999;}
.yjl-pager .currentPager { background:#f90; color:#fff; box-shadow: 0 0 10px #ff0; -webkit-box-shadow: 0 0 10px #ff0; -moz-box-shadow: 0 0 10px #ff0; }
	
	
/* @social */

.social-button embed, .social-button iframe, .social-button object
{
    max-width: 635% !important;
}

.social-button {
    float: left;
    width: 100px;
    height: 20px;
}
	
/* @responsive @media @mobile */	
	
	
	
@media screen and (max-width:929px)  and (min-width:640px) {
		
		#wrapper {min-width:700px;}
		header{ min-width:640px; box-shadow:inset 0 43px 7px #000; height:230px; background: #300 url(img/tfs-banner-naked.png) center 36px repeat-x;}
			#logolink {height:171px}
			
						#loginelements, #searchelements {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
		#homeleft {width:100%;}

		#heroarea {float:none; width:100%;}
		#newsarea {float:none; width: 100%; margin-top:20px}
		
		#sidebar {width:auto; display:table; margin:0 auto 10px auto; float:none; padding-top:25px;}
		.homeprogress {float:left; height: 249px; width:350px; margin:0;}
			#progressmeter {background-position: -39px -12px; background-size:420px 280px}
		.rectanglead {float:left; margin-right:15px; }
		
		.featuredpostitem {width:45%; margin:0 1.5% 20px 1.5%;}
		
		.footercontainer {width:60%; margin-bottom:20px;}
		.footercontainer:first-child {width:36%; margin-bottom:0; }
		
		
		
		
	main.nothome {width:96%;}
	.sidebarsection seriescontainer {display:none;}
	.seriesmain  {display:block; width:100%;}
		.seriesmain .sidebaritem:last-child {}
		.seriesmain .sidebaritem {width:100%}
		
	.sidebarsection {float:none; width:96%; padding:2%;}
	/* .sidebarsection .rectanglead,  */
	.sidebarsection .seriesplaylist {display:none;}
	
	.sidebarsection .seriescontainer {display:none;}
	
	
	.previouslistitem {margin-right:1%;}
	.previouslistitem, .nextlistitem, .currentlistitem {height: auto;background:#333; width: 47.0% !important; float:left !important; display: block; clear:none !important; }
	.previouslistitem img, .nextlistitem img {float:none; width:100%; height:auto; }

	.previouslistitem:before {content:"Previous Episode"; box-shadow:inset 0 0 1px rgba(255,255,255,0.2); display:block; width:calc(100% + 6px); height:11px; background:#222; font:11px Iceland, arial; text-transform:uppercase; color:#f50; margin-top:-8px; margin-left:-8px; margin-bottom:8px;padding:5px; text-shadow:none; clear:both; }
	.nextlistitem:before {content:"Next Episode"; box-shadow:inset 0 0 1px rgba(255,255,255,0.2); display:block; width:calc(100% + 6px); height:11px; background:#222; font:11px Iceland, arial; text-transform:uppercase; color:#f50; margin-top:-8px; margin-left:-8px; margin-bottom:8px;padding:5px; text-shadow:none; clear:both; }
	.nextlistitem:after {content:none;}
	.previouslistitem span, .nextlistitem span {display:none;}
 
	.currentlistitem {display:none;}
	
	
	
	.nothome .seriescontainer {box-shadow:0 4px 15px #000 ;overflow: hidden; text-align:center;}	
		.nothome .seriescontainer a {display: inline-block; position:relative; right: -50%;}
		.nothome .seriescontainer {margin-bottom:16px; height:150px; margin: 0 auto 18px auto;}
		.nothome .seriescontainer img {height:150px; width:940px; position: relative; left:-50%; }

}
	
	
@media screen and (max-width:639px){
	
		main {padding-top:10px;}
	
		header{ width:100%; box-shadow:inset 0 42px 7px #000; margin-bottom:0; height:150px; background: #300 url(img/tfs-banner-naked.png) center 36px repeat-x; background-size: 800px auto  }
			#logolink {height:130px}
			
			#loginelements, #searchelements {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}

			#loginelements {display:none;}

/* @mobile @menu */
			#menuwrapper {position:absolute; top:0;}
			.closemenu  {display:block; width:40px; height:40px; background:#000 url(img/mobmenu_close.png) top left no-repeat; float:left;  position:relative; z-index:9998;}
			.openmenu {display:block; width:80px; height:40px; background:#000 url(img/mobmenu_open.png) top left no-repeat; float:left; position:relative; z-index:9999;}
  			.openmenu {top:0; margin-right:-50px;}
				.openmenu #headermenu {width:0; margin-top:0;}
				.openmenu.menuOpened {width:250px; margin-right:0;}
				.openmenu.menuOpened #headermenu {width:100%;}
					.openbtn {display:block; width:40px; height:40px;}
			
				
				#headermenu {background:#000; height:auto; overflow:hidden; z-index:9999;position:relative;  }
 				#headermenu ul, #headermenu li, #headermenu ul li ul, #headermenu ul li ul li {
					display:block; 
					height:auto; 
					position:relative; 
					float:none !important;
					text-align:left !important;
					box-shadow:0 !important;
					-webkit-box-shadow:0 !important;
					-moz-box-shadow:0 !important;
					opacity:1;
					}
					
		#headermenulist {}			
 	    #headermenulist li {display:block;list-style: none inside; float:left; margin:14px 10px;  height:inherit;}
        #headermenulist li a {display:block;  color:#f90; text-transform:uppercase; font: 14px 'Iceland', Arial; letter-spacing:1px; }
            #headermenulist li a:hover {color:#f90; text-shadow:0 0 12px #ffa;}
		
		/* dropdown menu */
		#headermenulist li ul li {float:none !important; margin:10px !important; text-align:left; }
		#headermenulist li ul li a {font-size:12px; padding:4px 9px; color:#fff; border-left:4px solid #f60; } 
		
		nav li > a:after { content: ' ›'; color:#f60;} /* Change this in order to change the Dropdown symbol */
		nav li > a:only-child:after { content: ''; }  


		nav ul li ul {	 display:list-item !important;	margin-top: 8px; width:100%;
			margin-left:-5px; list-style:none; background:#111; 
			} /* Makes the Dropdown menu Hidden by default */

			nav ul li:hover ul li a { display:block !important; border-left:4px solid #f60; }
			nav ul li:hover ul li a:hover  {border-left:8px solid #ff0;}
	
					
					
			
			 #searchelements ul#headsocialitems {display:none;}
			 #searchelements form {border:0; float: right; padding-right:0;}
			 #searchelements form input {padding-right:0; margin-right:0;}
	
			
		#homeleft {width:100%; float:none;}		
		#sidebar {width:100%; float:none;}
		
		#heroarea {float:none; width:100%; margin-bottom:20px;}
		.heroinfo {margin-bottom:20px;}
		#newsarea {float:none; width: 100%; margin-top:20px; margin-bottom:14px;}
		.rectanglead, .leaderboardad, .leaderboardadmiddle {width:320px;padding:0px;}
		
		.homeprogress {float:none; margin:10px auto; width:100%; height:auto; }
			#progressmeter {padding-top:70%; background-size:120% 115%; background-position:center -12px; width:100%;height:auto;}
		.rectanglead {float:none; margin:30px auto 20px auto;}
		.featuredpostitem {width:96%; margin:0 0 20px;}
		
		.footercontainer {width:100%; margin-bottom:20px;}
		
		
		
		
	main.nothome {width:96%;}
	.sidebarsection .seriescontainer {display:none;}
	.seriesmain  {display:block; width:100%;}
		.seriesmain .sidebaritem:last-child {}
 		.seriesmain .sidebaritem {width:100%; }
		
	.sidebarsection {float:none; width:96%; padding:2%;}
	.sidebarsection .seriesplaylist {display:none;}
	
	.previouslistitem {margin-right:0; margin-bottom:10px;}
	.previouslistitem, .nextlistitem, .currentlistitem {background:#333; height:auto; width:96% !important; float:left !important; display: block; clear:none !important; }
	.previouslistitem img, .nextlistitem img {float:left; width:40%; height:auto; }

	.previouslistitem:before {content:"Previous Episode"; box-shadow:inset 0 0 1px rgba(255,255,255,0.2); display:block; width:calc(100% + 6px); height:11px; background:#222; font:11px Iceland, arial; text-transform:uppercase; color:#f50; margin-top:-8px; margin-left:-8px; margin-bottom:8px;padding:5px; text-shadow:none; clear:both; }
	.nextlistitem:before {content:"Next Episode"; box-shadow:inset 0 0 1px rgba(255,255,255,0.2); display:block; width:calc(100% + 6px); height:11px; background:#222; font:11px Iceland, arial; text-transform:uppercase; color:#f50; margin-top:-8px; margin-left:-8px; margin-bottom:8px;padding:5px; text-shadow:none; clear:both; }
	.nextlistitem:after {content:none;}
	.previouslistitem span, .nextlistitem span {font-size:14px; }
 
	.currentlistitem {display:none;}
	
	
	
	.archiveitem {display:inline-block; clear:both; text-shadow: 0 -1px 0 #000; list-style:none; color:#bbb; padding:10px 12px; border:1px solid rgba(0,0,0,0); background:rgba(0,0,0,0.1); margin-bottom:10px;}
	.archiveimagebox {float:left; width:100%; margin-right:0; margin-bottom:12px;}	

	
	.nothome .seriescontainer {box-shadow:0 4px 15px #000 ;overflow: hidden; text-align:center;}	
		.nothome .seriescontainer a {display: inline-block; position:relative; right: -50%;}
		.nothome .seriescontainer {margin-bottom:16px; height:100px; margin: 0 auto 10px auto;}
		.nothome .seriescontainer img {height:100px; width:700px; position: relative; left:-50%; }

		
	
}