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


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

body {background: #dedede url(img/bg.png) center 500px no-repeat;  }

.push {clear:both;]}

#wrapper {max-width: 1100px; margin:  0 auto;   
	}

#halo {display:block; background:none; width: 100%;height:60px;  position:absolute;}
 
	 #loginelements {display:inline-block; float:left; padding: 7px;  height: 10px; background: #fff url(img/key.png) 4px 4px no-repeat; background-size: 16px;border-radius:4px;  margin:10px; overflow:hidden;}
		#loginelements ul {margin: 0;padding: 0;}
		#loginelements li {display:block; float:left; list-style:none; padding-left:7px; margin-right:6px; border-left:1px solid #ddd}
		#loginelements li:hover {}
		#loginelements li:first-child {margin-left:15px; border-left:1px solid #fff;}
			#loginelements li a {display:block;  padding:0; font: 9px 'Montserrat', Ruda, Arial; text-transform:uppercase; color:#644;}
			#loginelements li a:hover {color:#000;}

 #socialelements {margin-top:86px; margin-right:15px; display:inline-block; float:right; position:relative; padding:7px 8px 1px 8px; background:#fff; border-top-left-radius:5px; border-top-right-radius:5px; }
 #socialelements img {height:40px; width: 40px;}
   #socialelements img:hover {          animation:bounceUp .6s ease-out;
          -moz-animation:bounceUp .6s ease-out;
          -webkit-animation:bounceUp .6s ease-out;	}
		 

/* @header */

header {height: 134px; clear:both; background: #006f76; background-size: auto;text-align:center; margin-bottom: 35px; } /* background: #006f76 url(img/smcg-logo-bg.png) center -2px repeat-x; */
   
   

    #logolink {
	    background: url(img/smcg-logo.png) center no-repeat;
	    background-size: 500px 134px;
	    display: block;
	    width: 500px;
	    height: 134px;
	    margin: 0 auto;
    }
 
 
/* @menu */ 
    
    #headermenu {background: #fff; postition: relative; z-index:998; display:block; width:100%; height: 31px; margin-top:0px; padding-top:1px;}
        #headermenulist {display:block; height:100%; overflow: hidden; }
        #headermenulist li {display:block;list-style: none inside; float:left; margin:0 12px;  height:inherit;}
        #headermenulist li a {display:block;  color: #000; text-transform:uppercase; font: 11px Montserrat, Arial; }
            #headermenulist li a:hover {color:#fff;}
 		/* dropdown menu */
		#headermenulist li ul li {float:none !important; margin:1px !important; text-align:left; }
		#headermenulist li ul li a {font-size:11px; padding:9px 11px 8px 11px; font-weight:normal; } 
		
		nav li a {}
		nav li:hover > a {color:#006f76 !important;}
		nav li ul li > a {color:#644 !important;}
		nav li ul li:hover a {color:#fff !important;}
		
 		nav li > a:after { content: ' >'; color:#006f76;} /* Change this in order to change the Dropdown symbol */
		nav li > a:only-child:after { content: ''; }  

		nav ul li ul {	z-index:9998; width:200px; display:list-item !important; position:absolute; 	margin-top: 10px;
			margin-left:-7px; opacity:0.1; list-style:none; background:#333; 	height: 0; overflow:hidden ;padding: 0;
			box-shadow:  0 3px 4px rgba(0,0,0,0.3); -moz-box-shadow:  0 3px 4px rgba(0,0,0,0.3); -webkit-box-shadow:  0 3px 4px rgba(0,0,0,0.3)
			} /* Makes the Dropdown menu Hidden by default */

		nav ul li {padding: 8px;}
		nav ul li ul li {padding: 0px;}
		nav ul li:hover {background:#fff;}
		nav ul li:hover  ul  { margin-top:8px; opacity:1; height:auto; background:#fff;}
			nav ul li:hover ul li a { display:block !important; color:#ccc;}
			nav ul li:hover ul li a:hover  { background:#006f76;   }
		
		#menuwrapper input {float:right; margin-top:-26px; margin-right:15px; background:#fff; border:0; border-radius:10px; padding:4px 4px 3px 4px; width:240px; box-shadow:inset 0 1px 6px rgba(0,0,0,0.3); font:10px 'Open Sans'}
		
			
			#menuwrapper {background:#fff;
}
			.closemenu  {}
			.openmenu {}
  			.openmenu {
    max-width: 1100px;
    margin: 0 auto;
}
				.openmenu #headermenu {}
				.openmenu:hover {}
				.openmenu:hover #headermenu {}
					.openbtn {}




@keyframes bounceUp {
        0%{ margin-top:-2px; margin-bottom:2px;}
        10%{ margin-top:-7px; margin-bottom:7px;}
        25%{ margin-top:-8px; margin-bottom:8px;}
        30%{ margin-top:-3px; margin-bottom:3px;}
        40%{ margin-top:0px; margin-bottom:0px;}
        50%{ margin-top:-2px; margin-bottom:2px;}
        60%{ margin-top:0px; margin-bottom:0;}
        80%{ margin-top:-1px; margin-bottom:1px;}
        100%{ margin-top:0; margin-bottom:0;}
}

@-moz-keyframes bounceUp {
        0%{ margin-top:-2px; margin-bottom:2px;}
        10%{ margin-top:-7px; margin-bottom:7px;}
        25%{ margin-top:-8px; margin-bottom:8px;}
        30%{ margin-top:-3px; margin-bottom:3px;}
        40%{ margin-top:0px; margin-bottom:0px;}
        50%{ margin-top:-2px; margin-bottom:2px;}
        60%{ margin-top:0px; margin-bottom:0;}
        80%{ margin-top:-1px; margin-bottom:1px;}
        100%{ margin-top:0; margin-bottom:0;}
}

@-webkit-keyframes bounceUp {
        0%{ margin-top:-2px; margin-bottom:2px;}
        10%{ margin-top:-7px; margin-bottom:7px;}
        25%{ margin-top:-8px; margin-bottom:8px;}
        30%{ margin-top:-3px; margin-bottom:3px;}
        40%{ margin-top:0px; margin-bottom:0px;}
        50%{ margin-top:-2px; margin-bottom:2px;}
        60%{ margin-top:0px; margin-bottom:0;}
        80%{ margin-top:-1px; margin-bottom:1px;}
        100%{ margin-top:0; margin-bottom:0;}
}


	#merchad {
		height: 120px;
		background: url(img/patreon.png) 0px -15px no-repeat;
		margin-bottom: 15px;
		border-radius: 5px;
		box-shadow: 0 2px 4px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
		-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
		float: right;
		width: 300px;
		overflow: hidden;
	}
	.merchtitle {
		color: #006f76;
		font: bold 11px Ruda, Arial;
		height: 23px;
		background: rgba(0,0,0,0.4);
		text-transform: uppercase;
		position: relative;
		float: left;
		width: 100%;
	}
	.merchpop {
		background: #111;
		padding: 6px 9px 6px 8px;
		display: block;
		float: left;
		margin-right: 5px;
	}
	.merchname {
		display: block;
		float: left;
		color: #fff;
		padding: 5px 8px 6px 2px;
		text-shadow: none;
		font: 10px Montserrat;
	}



 /* @content */
	
.leaderboardwrap {text-align:center; width:100%; }
.leaderboardad {display:inline-block; margin:16px auto; 
	box-shadow:0 3px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.3); -moz-box-shadow:0 3px 5px rgba(0,0,0,0.3); width:728px; overflow:hidden;}
	
.leaderboardwrapmiddle {text-align:center; margin-bottom:16px; margin-top: 16px;}	
.leaderboardadmiddle {display:inline-block; margin:0 auto; 
	box-shadow:0 3px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.3); -moz-box-shadow:0 3px 5px rgba(0,0,0,0.3); width:100%; overflow:hidden;}



/* @hero */

#hometop {padding: 2%; background:#efefef;
	box-shadow:0 3px 5px rgba(0,0,0,0.4); -moz-box-shadow:0 3px 5px rgba(0,0,0,0.4); -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.4);
	margin-bottom: 20px;}
#homeleft {width:calc(100% - 315px); float: left;}

#heroarea:before {	content: ""; display: block; padding-top: 42.25%; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;} /*padding-top: 56.25%; */
 /* #homeleft:hover #heroarea:before {padding-top: 56.25% !important; }  */
 
#heroinner {position:absolute; top:0; bottom: 0; left:0; right:0; overflow:hidden; background:#000 url(img/heroplay.png) center no-repeat; background-size:auto 100%;}

	#heroinner:hover > .heroarea {opacity:0.3;}


#heroarea {background: #555; width: 100%; margin-bottom: 0; height: 0; padding-top: 56.25%; position:relative; float: left;
    box-shadow:  0 2px 5px rgba(0,0,0,0.4); -webkit-box-shadow:  0 2px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.4);}
    
    	.heroheadingcomments {display:none; }
    		.heroheadingcomments img {margin-right:6px; float:left;margin-top:2px }
			
    .heroarea { width:100%; height: 100%; display:block; background-repeat:no-repeat; background-position:center; background-size:100%;}
        .heroinfo {margin-top:20px; width: 100%; float:left; box-shadow:0 2px 4px rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1); -moz-box-shadow:0 2px 4px rgba(0,0,0,0.1);}
		.heroinfo:before {content:""; display:block; background:#006f76; padding:4px 8px;  }
		
            .heroinfoinside {background: #fff;padding: 3%; }
			
			.heroinfo h2:before {content:"Featured Content"; color:#006f76; display:block; font:400 11px 'Open Sans', Arial; text-transform:uppercase; padding-left:1px;}
            .heroinfo h2 {font:bold 24px Montserrat, Arial;  text-transform:uppercase;  margin-bottom: 12px; margin-left:-1px}  
            .heroinfo h2 a {color: #000;}
            .heroblurb {font: 12px 'Open Sans', Arial; color: #333; line-height:14px;clear: both;display: block; border-bottom:1px solid #eee; padding-bottom:18px; margin-bottom:2px;}
				.heroblurbdate {font:12px Ruda, Arial; color:#999; margin-right:6px;}
			.heroblurbmore, .heroblurbcomment {font:11px Ruda, Arial; }
			.heroblurbmore a, .heroblurbcomment a {color:#006f76; padding:4px 5px;}
			.heroblurbmore a:hover, .heroblurbcomment a:hover {color:#fff; background:#006f76;}
				.heroblurbmore em {font-style:normal; color:rgba(0,0,0,0.3);}
				.heroblurbcomment em {font-style:normal; color:rgba(0,0,0,0.3);}
			.heroblurbcomment {}
/* @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(0,111,118,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)}


/* @sidebar */
		.rectanglead { margin-bottom: 10px;}
	.sidebarsection .seriescontainer, .rectanglead, .merchad {box-shadow:0 3px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.3); -moz-box-shadow:0 3px 5px rgba(0,0,0,0.3); 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}


/* @merch */

.patreon {height: auto; background: url(img/patreon-ad.png) 0px -15px no-repeat; margin-bottom:15px; border-radius:5px;}		
 			
			
 



#sidebar {}
#sidebar, .sidebarsection {width: 300px; float:right;}

	.sidebaritem {
		display:block;
		margin-top:20px;
		font-size: 10px;
		width: 100%;
		float:left;
		background: #eee;
		box-shadow: 0 1px 3px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
	}
	.sidebaritem a {
		color: #006f76 !important;
	}
	
 
	.previouslistitem:before {content:"Previous Episode"; }
		.nextlistitem:before {content:"Next Episode"; 	}
	.previouslistitem:before , .nextlistitem:before { display:block; height:11px;   font: 10px Ruda, arial; border-bottom:1px solid rgba(100,100,100,0.1);
					text-transform:uppercase; color:#006f76; padding:0 0 5px 0px; margin-bottom:5px; text-shadow:none; clear:both;}
	
	.previouslistitem, .nextlistitem {background:#fff !important;  
					box-shadow:0 1px 3px rgba(0,0,0,0.3) !important;
					-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3) !important;
					-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3) !important;
					}
					
 	.previouslistitem span, .nextlistitem span {font-size:14px !important;}

 	.previouslistitem:hover, .nextlistitem:hover {background:#fff !important;}
  	
	.currentlistitem, .currentlistitem:hover {background:#fff !important; border-left:4px solid #006f76 !important; border-right:none !important;
				box-shadow:none !important; }
 	

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


/* @featured posts */

#featuredhead {padding:15px; display:block; font: 400 12px 'Open Sans', Arial; background: #006f76 url(img/featured-bg-cat.png) right bottom no-repeat;  color: rgba(255,255,255,0.7);background-size: auto 100%;}
	#featuredhead strong {color:#fff; font:bold 12px Montserrat, Arial; text-transform:uppercase;}
	
#featuredposts {
    display: inline-block; background:#000; padding:1%;
	box-shadow:0 3px 5px rgba(0,0,0,0.4); -moz-box-shadow:0 3px 5px rgba(0,0,0,0.4); -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.4);
	margin-bottom: 20px;}
}

#featuredpostslist {}
	.featuredpostitem {list-style: none; display:block; float:left; width: 23.92%; 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%; height: 145px;}
 	.featuredpostiteminfo {}
		.featuredpostitemtitle {color: #368a91; font: bold 14px  Montserrat; width: 100%; line-height: 15px;margin-bottom:8px; margin-top:8px; }
		.featuredpostitemblurb {}
		.featuredpostitemdate { display:block; border-top:1px solid rgba(100,100,100,0.2); border-bottom:1px solid rgba(100,100,100,0.2); font:bold 9px Montserrat, Arial; color:#eee; text-transform:uppercase; padding:3px 0;margin-bottom:5px;}
			.featuredpostitemdate em {font-style:normal; color:#666;}
			
			
	.featuredpostitem:hover img.featuredpostitemthumb {opacity:1;}
 	.featuredpostitem:hover .featuredpostitemblurb {color:#bbb; }
	.featuredpostitem:hover .featuredpostitemtitle {color:#fff;}
	
	.featuredpostitem .featuredpostitemtitle:before {content:""; display:block;height:2px; width:0px;background:#000; margin-bottom:8px; margin-top:-4px;}
	.featuredpostitem:hover .featuredpostitemtitle:before {width:100%; background:#006f76; transition:.6s; -moz-transition:.6s; -webkit-transition:.6s;}
 	




/* @column @widget @homelower */

.homelower { display: inline-block; font: 12px 'Open Sans', Arial; width: 100%;}

.footeritem {margin-bottom:20px; padding-bottom:1px;}
	.footeritem:hover, .sidebaritem:hover { }
	.footeritem:hover h2, .sidebaritem:hover h2 {border-bottom:4px solid #368a91; color:#000; background:#fff;}

.blogheading h2 {background:#006f76; padding:12px 16px; font:bold 16px Montserrat, Arial; text-transform:uppercase; color:#fff; border-bottom:4px solid #368a91; margin-bottom:12px;
				box-shadow:0 2px 5px rgba(0,0,0,0.3); }
.blogheading h2 span {font: 400 11px 'Open Sans', Arial ; text-transform:none; display:block; color: rgba(255,255,255,0.7); margin-top:-2px;}
.blogitems {}
.blogitem {list-style:none; color:#333; padding: 10px;  border-left:1px solid rgba(54,138,145,0); margin-bottom:8px; background-color:rgba(255,255,255,0.5) !important;}


.blogitem:first-child {background: url(img/blog-corner.png) 12px 12px  no-repeat; min-height:100px; background-size:87px}
.blogitem:first-child h2 {font:normal 16px Montserrat, Arial; line-height:17px; padding-bottom:10px; margin-bottom:10px; margin-left:102px; border-bottom:1px solid rgba(100,100,100,0.1);}
.blogitem:first-child .excerpt {display:block; margin-left:102px; padding-right:10px;}
.blogitem:first-child .meta {margin-left:102px; padding-top:4px; color:#000;}

	.blogitem:hover {background-color:#fff !important; border-left:4px solid rgba(54,138,145,1); 
		box-shadow:0 1px 4px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 4px rgba(0,0,0,0.2);}
	.blogitem:hover h2 a { color:#000;}
	
	.blogitem h2 {font:normal 14px Montserrat, Arial; line-height:16px; margin-bottom:2px;  }

	.blogitem h2 a {color: #006f76; -webkit-font-smoothing: antialiased;}
	.blogitem .meta {display:block; font:10px Ruda ,Arial; color:#333; margin:0 0 3px 0px;  text-shadow:none;  } 
	.blogitem .excerpt {line-height:15px; display:none; color:#555; font-size:11px; line-height:13px;}
		.blogmore:before {content:"...";}
		.blogmore {color: #777;  padding-left: 0;font: 8px Montserrat, arial;text-transform: uppercase; margin-left: 6px;}
	.blogitem:hover .blogmore{color:#006f76;}
	
.moreposts {background:#222; display:block; color:#006f76; margin:7px 0 0 0; padding:6px 10px; font:bold 10px Montserrat, Arial; text-transform:uppercase;}
		.moreposts:after {content:' >'}
		
.moreposts:hover {color:#fff; background:#006f76;}		

.footercontainer {float:left; width:32%; margin-right:2%; display:block; }
.footercontainer:last-child {margin:0;}
.sectionheading,  #respond h3 {color: #000; font: 13px Montserrat, Arial; height: 16px; padding: 9px 11px 8px 9px; margin-bottom:8px; background:#eee ;text-transform: uppercase;
		box-shadow:0 3px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.3); -moz-box-shadow:0 3px 5px rgba(0,0,0,0.3);  border-bottom: 4px solid #006f76;}
  
   
.listitem {clear:both; margin:0 0 4px 0; display:inline-block; width: calc(100% - 20px); padding:8px; background:rgba(255,255,255,0.5); border-left:0px solid rgba(255,255,255,0); border-right:4px solid rgba(255,255,255,0); }    
	.listitem:hover {background:rgba(255,255,255,1); border-left:4px solid rgba(54,138,145,1); border-right:0px solid rgba(255,255,255,0); box-shadow:0 1px 4px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 4px rgba(0,0,0,0.2);}
	.listitem:hover img {border:1px solid #ddd;}
.listitem a, .listitem:visited {color:#ccc;}
	.footeritem:hover .listitem a, .footeritem:hover .listitem a:visited {}

.listitem img {float: left; margin:0 10px 0 0; border:1px solid #fff; height: 84px;
	box-shadow:0 2px 5px rgba(0,0,0,0.4); -moz-box-shadow:0 2px 5px rgba(0,0,0,0.4); -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.4);}    
.listitem span {color:#333; display:block; -webkit-font-smoothing: antialiased; line-height:16px; font: 12px 'Montserrat', Arial; line-height:15px; padding-right:20px; padding-top:5px; }

.listvidtitle {color:#999; overflow:hidden; display:block; height:42px;padding: 1px 15px 6px 0px; }
.listitem:hover span {color:#000;}
.listborder {display:block; height:1px; border-bottom:1px solid rgba(100,100,100,0.2); margin:6px 0 6px 140px;}
.listdate {
    font: 8px Aldrich !important;
	letter-spacing:.2px !important;
	text-transform:uppercase;
	text-shadow:none;
    padding: 0 !important;
	float:left;
	color:#ccc;
}

.videomorebox {display:block; text-align:center;  background:#eee; margin:3px 0 12px; box-shadow:inset 0 1px 4px rgba(0,0,0,0.2); -webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,0.2); -moz-box-shadow:inset 0 1px 4px rgba(0,0,0,0.2); }
.videomorewrapper {display:inline-block; width:100%; margin:0 auto 0 auto;  height:auto; font:bold 10px Montserrat, Arial; text-transform:uppercase;}
	.videomorewrapper a {color:#006f76; }
 		.videomore_next, .videomore_prev  {display:block; background:#111; 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 6px 5px 6px ; float:none; display:block;}
	.videomore_next:after {content:' >'}
.videomore_prev  {margin:6px 0 5px 6px; float:left; width: 47.5%; border-right:3px solid #191919; }
		.videomore_previous:before {content:' ‹'}

.videomore_next:hover, .videomore_prev:hover {color:#fff; background:#006f76;}



/* @page @post */

main.nothome {width: calc(94% - 315px); height:auto; position:relative; float: left; padding: 2%; background:#efefef;
	box-shadow:0 2px 5px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.3);
	margin-bottom: 20px;}
main.nothome .heroareaheading {background:none; padding:0.5%;}
	main.nothome .heroheadingtitle {font:26px Montserrat, Arial; letter-spacing:-1px; text-transform:uppercase; width:100%; padding:0 0 3px 0; margin:0 0 5px 0; border-bottom:1px solid #ddd; }
	main.nothome .heroheadingdate {border:none; color:#006f76; padding:0; font: 11px Ruda, Arial; padding-right:20px;margin-right:17px;}
		main.nothome .heroheadingdate em {font-style:normal; color:#ddd;}
		main.nothome .heroheadingdate strong {font-weight:normal; color:#777;}
	main.nothome .heroheadingcomments {float:none; display:inherit; }
 	
	.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 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);}
	.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 {  display:block; color:#555;  font:300 13px 'Open Sans', Arial; margin-bottom:20px; background:#fff; border-top:4px solid #006f76; padding:2.4% 3% 3% 3%;
    	box-shadow:0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.3);}
	
 	
	.postcontent p {margin:0 0 10px 0; clear:both;}
		.postcontent p:first-child {font-weight:400; color:#222;}
		.postcontent p:last-child {margin:0;}
		
		.postcontent h3 {font:300 18px 'Open Sans', Arial;  color:#006f76; clear:both; margin-bottom:12px; text-transform:lowercase; padding-bottom:3px; border-bottom:1px solid rgba(100,0,30,0.1); padding-top:36px;}
			.postcontent h3:first-letter {text-transform:uppercase;}
			.postcontent h3:first-child {padding-top:0;}
		.postcontent a {color:#006f76;}
		
		.related_post li {
			list-style: none;
		}
		
		div.wp_rp_footer a.wp_rp_edit {
			background: #006f76 !important;
			    color: #fff;
			    margin-top: 5px !important;
			    padding: 5px !important;
			    width: 120px;
			    display: block;
			    text-align: center;
		}

		.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:0 2% 2% 0;}
 


/* @comment */

#respond h3 {background:#fff; padding:8px 10px; font:bold 13px Montserrat, Arial; text-transform:uppercase; color:#000; border-bottom:4px solid #006f76; margin-bottom:12px;
				box-shadow:0 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 5px rgba(0,0,0,0.3); }

#carea {color:#333; font: 12px 'Open Sans', Arial;}
	#carea p {margin-bottom:7px;}
	#carea a {color:#006f76;}
		#carea a:hover {color:#000 !important;}
	
	#respond textarea {width: 96%;padding: 2%; font: 13px 'Open Sans', Arial;}
	#respond input#submit {display:block; background:#006f76; padding:7px 10px 6px 10px; border:none; font:10px Montserrat, Ruda; text-transform:uppercase; color:#fff; border-top:1px solid rgba(255,255,255,0.3);
		box-shadow:0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);}
		
		#respond input#submit:hover {background:#222;}


#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; padding: 20px !important; background:#eee;
		box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2) !important;}

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

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


#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(255,255,255,0.8);
	
	box-shadow:0 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 1px 3px 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 Montserrat, Arial; color:#333; }

p.meta {
	font: normal 10px Ruda, Arial !important;
	color: #888;
	padding: 0 0 5px 0;
	margin:0 0 8px 46px;
	display:block;
}
.comment-body  {
font:300 13px 'Open Sans', Arial;
margin-left:44px;
margin-right:15px;
line-height: 17px;
color:#000;
margin-bottom:10px
}
 


.yjl-pager{height:27px; margin-top:50px; width:100%; margin-bottom:0;}
.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: #006f76;
	font:10px Montserrat, Ruda; text-transform:uppercase; color:#fff;

	box-shadow:0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);  -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2); 
}
.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:#c03; border:none;border-top:1px solid rgba(255,255,255,0.3); 
		box-shadow:0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);  -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2); }
.yjl-pager .gray {opacity:0.5; background:#999;}
.yjl-pager .currentPager { background:#333; color:#fff;}



/* 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:10px Montserrat,Arial; text-transform:uppercase; border-top: 1px solid rgba(100,100,100,0.1); display:block; padding-top:7px; 
	 margin-left:44px; margin-right:15px; color:#069; }

#cancel-comment-reply-link {font:300 10px Montserrat, Arial; border-left: 1px solid #eee; margin-left:6px; padding-left:10px;  }
	 a#cancel-comment-reply-link {}
	 a#cancel-comment-reply-link:hover {}

.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: #000; padding: 0 0 0 15px; 
	line-height: 40px !important; /* create fake padding */ 
	display:block; font:bold 12px Montserrat, Arial; background:#fff; border-left:4px solid #006f76;margin-top: 18px; 
	box-shadow:0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);  -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2); }









/* 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 */

	.archivedetail { width: 73%; float: right; }

	.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; list-style:none; color:#555; padding:10px 12px; border:1px solid rgba(0,0,0,0); background:rgba(255,255,255,0.5); margin-bottom:4px; width:calc(100% - 24px);}
	.archiveitem:hover {color:#222; background:#fff; border-left:4px solid #006f76;
		box-shadow: 0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
	.archiveitem:hover h2 a { color:#fff;}

	.archiveimagebox {float:left; width:24%; 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 Montserrat; line-height:21px; margin-bottom:6px; margin-top:10px;}
	.archiveitem .archivetitle a {color: #006f76; -webkit-font-smoothing: antialiased;}
	.archiveitem:hover .archivetitle a {color: #000 !important; }
		.archiveitem:hover .archivetitle a {color: #006f76;  -webkit-font-smoothing: antialiased;}
	.archiveitem .meta {font:11px Iceland,Arial; text-transform:uppercase; color:#666; margin-bottom:4px;}
	.archiveitem .archiveexcerpt {font:12px 'Open Sans', Arial; line-height:16px;}
		.archiveitem .blogmore {color: #777;  padding-left: 0;font: 10px Montserrat, arial;text-transform: uppercase; margin-left: 6px;}
		.archiveitem:hover .blogmore {color:#006f76}

	
	
.moreposts {display:block; background:#111; 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);}
		.moreposts:after {content:' >'}
	
	
	
 

ul.page-numbers {list-style:none; margin-top:20px;}
li .page-numbers {	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: #006f76;
	font:10px Montserrat, Ruda; text-transform:uppercase; color:#fff;

	box-shadow:0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);  -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2); 
 }
 
 
 

.page-numbers li:hover a {background:#c03; }

.page-numbers .prev:after {content:"Prev"; margin-left:5px;}
.page-numbers .current {background:#333; color:#fff;}
.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;
	}
 
	
	
/* @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;}
  			
 		#homeleft {width:100%;}
		
		.assetlisting { float: right; width: 300px;}

		#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:100%; margin-bottom:10px;}
		
		.leaderboardadmiddle { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
	
	img.featuredpostitemthumb {width:100%; height: 180px;}
 		
		
	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;}
	
	.listitem span {font-size:16px; padding: 10px;}
	
	.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){
	
		.archivedetail { width: 100%; float: none; }
		.leaderboardwrapmiddle { display: none; } 
		img.featuredpostitemthumb {width:100%; height: 212px;}
	
		main {padding-top:0px;}
		header {margin-bottom:0; margin-top:36px; height: 90px;}
		#logolink {
			width: 100%;
			height: 100%;
			background-size: 100%;
			background-position: center;
		}
		body {background:#eee;}
		
		#merchad {
			float: none;
			margin-left: auto;
			margin-right: auto;
		}
  
			#hometop, .leaderboardadmiddle { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
 
			#loginelements {display:none;}

/* @mobile @menu */
			#menuwrapper {position:absolute; top:0; }

			.closemenu  {display:block; width:36px; height:36px; background:#006f76 url(img/mobmenu_close.png) top left no-repeat; float:left;  position:relative; z-index:9998;}
			.openmenu {display:block; width:80px; height:36px; background:#eee 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%; box-shadow:0 30px 100px #000;}
					.openbtn {display:block; width:36px; height:36px;}
					
				
				#headermenu { height:auto; overflow:hidden; z-index:9999;position:relative; background:#eee; }
				
 				#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:none !important;
					-webkit-box-shadow:none !important;
					-moz-box-shadow:none !important;
					opacity:1;
					width:100%;
					}
					
		#headermenulist {}			
 	    #headermenulist li {display:block;list-style: none inside; float:left; margin: 0 ;  height:inherit;}
        #headermenulist li a {  }
            #headermenulist li a:hover {}
			
						#headermenulist li > a {padding:6px 0 0 6px; font-size:16px;}
						#headermenulist > li {border-bottom:1px solid #bbb;}
		
		/* dropdown menu */
		#headermenulist li ul li {float:none !important; margin:0px !important; text-align:left; }
		#headermenulist li ul li a {font-size:11px; color:#ccc; } 
		
 


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

			nav ul li:hover ul li a { display:block !important;}
			nav ul li:hover ul li a:hover  {}
						
				#socialelements {display:none;}	
			  
			 #searchform , #searchelements ul#headsocialitems {display:none;}
			 #searchelements form {border:0; float: right; padding-right:0;}
			 #searchelements form input {padding-right:0; margin-right:0;}
	
			.patreon {text-align:center; }
			.patreon img {padding-top:16px;}
		#hometop {}
		#homeleft {width:100%; float:none;}		
		#sidebar {width:100%; float:none;}
		
		#heroarea {float:none; width:100%; margin-bottom:20px;}
		.heroinfo {margin-bottom:20px; margin-top:0;}
		#newsarea {float:none; width: 100%; margin-top:20px; margin-bottom:14px;}
		.leaderboardad {display:none;}
		
		.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;}
		
		
		.listitem span {font-size:14px; padding-top:10px;}
		
	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;}
	
	.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 { }
	.archiveexcerpt {display:none;}
	.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%; }

		
	
}