/*
===================================================================================
All style modification should be made in this file.  DO NOT MODIFY style.css!
This makes it possible to update the core system and theme without destroying
style changes.

See the comment at the top of the style.css file for additional information.

If you need any clarification, help, or suggestions, please check out the support 
forums: http://support.8bit.io.
===================================================================================
*/

body {
	
	color: #333333;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0 auto 0;
	line-height: 24px;
	}



/* ********************************************** */
/* Header, Logo, Search, Top Level */
/* ********************************************** */

#header {padding: 45px 0 0 0; clear: both; position: relative;}



/* Follower Count */


/*.follower_count_rollover {
	display: block;
	width: 300px;
	height: 66px;
	background: url('images/followers_count_rollover-ready.png') bottom;
	text-indent: -99999px;
}
.follower_count_rollover:hover {
	background-position: 0 0;
}*/


.follower_count { background: url(images/followers_count_bg-light.png) top left no-repeat; padding: 13px 0 0 30px; height: 50px; width: 270px; font-family: Helvetica, Arial, sans-serif; 


}
.follower_count .count_label { font-size: 14px; padding: 10px 0 0; display: block; height: 40px; float: left; width: 130px; }
.follower_count .count { color: #404040; display: block; float: right; font-size: 28px; text-align: center;width: 125px; padding: 0 0 0 10px;

}

.follower_count .followers {
 }
 
 /*HEADER SPACING FIX*/
 #header { height: 155px; padding: 0; }
 
 a.iframeFancybox1  {
	color: #940000 !important;
	font-size: 30px;
}




/*CSS for Hello page -- our front page*/

#heads-and-text-container {
	height: 500px;
	width: 940px;
	position: relative;
	float: left;
	margin: 0 0 0 0px;
	padding: 0 0 50px 0px;
	
	/*border: orange; border-style: dashed;*/
}

#hello-text-container {
	height: 500px;
	width: 940px;
	position: relative;
	float: left;
	margin: 0 0 0 0px;
	padding-bottom: 50px;
	text-indent:-9999px;
	background: url(images/hello-we-are-joke-and-biagio-want-to-team-up-with-you.gif) top left no-repeat;
	/*border: black; border-style: dashed;*/
		
}

#get-the-newsletter
{
height: 234px;
width: 350px;
float: right;
margin: 0 50px 0 0px;
padding: 0px 0 0 px;
text-indent:0px;
/*border: green; border-style: dashed;*/
	
}

.rollbutton {
	display:block;
	width:350px;
	height:234px;
	text-indent:-9999px;
}
.rollbutton a {
	display:block;
	width:100%;
	height:100%;
	background:transparent url(images/pitch-us-your-tv-show-big.png) no-repeat top left;
	outline:none;
}
.rollbutton a:hover {
	background-position:0 -234px;
}

#hello-banner-text 
{
position: relative;
float: left;
height: 200px;
width: 500px;
padding: 350px 0 0 0px;  
font-family: Helvetica, Arial, sans-serif;
/*border: purple; border-style: dashed;*/

}	


/*controls how far upper box is from nav bar--is this across all pages though*/
.home div#header.col-full {
	height: 20px;
	padding: 0px;
}

.home h1 {font-size: 50px; line-height: 0px;} h2 {font-size: 24px;} .home h3 {font-size: 30px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;}

/*get rid of logo on home page*/
.home #logo { display: none; }

/*loses padding and puts heads on footer on front page*/
.home #footer { margin: 0; padding: 0; }

.home #content.col-full {
	background: url(images/joke-and-biagio-filmmakers-producers-hollywood-2.jpg) bottom right no-repeat;
}

body.home { background-color: #FFFFFF; }

/*
==========================================
Breadcrumbs
==========================================
*/


#breadcrumb a:link, #breadcrumb a:visited { color: #3990C8; } 
#breadcrumb a:hover {text-decoration: none;
	color: #D69F65;
 }
 #breadcrumb {
	font-size: 80%;

	}
	
	
	/*
==================================================================================
POSTS
==================================================================================
*/

/*
==========================================
Post Titles
==========================================
*/


.post .title:hover, .post .title a:hover { color: #3990C8; }

/*
==========================================
Post Category Links
==========================================
*/

.the_category a:link, .the_category a:visited { color: #3990C8; }

/*
==========================================
Post Links
==========================================
*/

.content a:link, .content a:visited { color: #3990C8; }
.content a:hover { color: #0000FF; }



	


/*previous-next posts on single*/
.post-nav { margin-bottom: 10px; margin-top: 20px;}


/*.post {
    -moz-box-shadow: 5px 5px 10px #777777; 
    -webkit-box-shadow: 5px 5px 10px #777777; 
    box-shadow: 5px 5px 10px #777777; 
    filter: progid:DXImageTransform.Microsoft.Shadow(strength=5, direction=135, color='#777777'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=5, Direction=135, Color='#777777')";
}*/


/* ********************************************** */
/* Widgets */
/* ********************************************** */

.widget {margin: 13px 0 30px 0;}




/*controls lines in widget*/

.widget ul li { border-top: 1px dashed #b0b0b0; display: block; line-height: 34px; color: #666; }

/*sets up three column footer*/

#alltopbox {
	float:  left; width: 250px; height: 380px; margin-top: 10px;padding-top: 80px; border-style: solid; border-color: white; border-width: 1px;
}

#alltop {
	float: left; padding: 0px 0 0 60px; }

#aweber {
	float:  left; 
	text-transform: none; 
	padding: 10px 0px 0 10px; margin-top: 10px; margin-bottom:  20px; height: 450px; width: 460px; border-style: solid; border-color: white; border-width: 0px;
}

/*Original video containers from the theme*/


/*Slogan containing box*/
#hm-slogan-box {
	float:  left;
	clear: left;
	margin: 20px 0 0px 60px;
}

/*Video Slogan*/
#hm-slogan {
	color: #fff;
	font-size: 290%;
	font-weight: bold;
	margin: 0px 0 10px 0px;
	float: left;
	line-height: 0px;
	text-shadow: 1px 2px 3px #111111;
}

/*Video sub-slogan*/
#hm-slogan-sub  {
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 30px;
	font-size: 180%;
	font-weight: normal;
	float: left;
	clear: left;
	padding: 10px 0 20px 0;
	text-shadow: 1px 2px 3px #111111;
}


#form {
	float: left;
	margin: -20px 0px 0px -60px;
	line-height: 20px;
	width: 100%;
	height: 100%;
	padding-left: 0px;
}

#af-body-1789762116 div.af-element div.bodyText {
	margin: 0 0 20px 0px;
	
}

div#af-header-1789762116.af-header {
	padding: 0 0 0 0;

}


/*Gravity Form, created in WP-Admin, id 7*/
body #gform_wrapper_7.gform_wrapper {
	margin: 0px 0 0 30px;
	width: 300px;
	}

body #gform_wrapper_7 .gform_body 
{
color: white;
}






a.poplight p {
	margin-top: 85px;
	}







#footer { line-height: 14px; }

#footer .navigation { clear: left; }

.footer_widgets { float: left; margin-right: 20px; padding-bottom: 10px; width: 300px; }

.footer_widgets ul li a {
	line-height: 20px;
	
}

.footer_widgets ul li {
	padding: 10px 0 10px 0
}

.footer_widgets .textwidget
{
	padding: 0;
	line-height: 0;
}

.footer_widgets div { padding-top: 20px; }

.footer_widgets div:first-child { padding-top: 0; }

.footer_widgets div h3 { color: #FFFFFF; }

.footer_widgets_left { clear: left; }

.footer_widgets_right { margin-right: 0; }

.footer_widgets .widget div { text-transform: none; }

#awf_field-24655714 {
	width: 360px;
	
}

#af-body-1789762116 div.af-element div.af-textWrap {

background: url(images/fields4.png) top left no-repeat;
font-size: 9px;
width: 455px;
height: 39px;
padding: 12px 0px 0px 10px;
}

div#af-footer-1789762116.af-footer {
	height: 0px;
	width: 0px;
	padding: 0 0 0 0
	margin: 0 0 0 0
}

div#af-form-1789762116.af-form {
	padding: 0 80px 0 0;
	width: 550px;
}

#af-body-1789762116 div.af-element.buttonContainer {
	padding: 0 0 0 385px;
	width: 100px;
}

#af-submit-image-1789762116 {
	padding: 0px 0px 0px 0px;
	
}

#af-body-1789762116 {
	padding: 0 -900px 0 0;
	margin: 0px;
	height: 290px;
}

#af-body-1789762116 div.af-element div.bodyText p {
	padding: -20px 0 10px 0;
	margin: 0px;
}

#af-header-1789762116 div.bodyText p {
	height: 30px;
	margin: 10px 0 -10px 0; 
	}

#af-body-1789762116 div.af-element div.bodyText ul {
	line-height: 30px;
}

#af-body-1789762116 div.af-element div.bodyText p span span strong span.Apple-style-span {
	line-height: 50px;
}

div.af-element {
	margin: 0px;
	padding: 0px;
}

#af-header-1789762116 div.bodyText p strong span {
}

#fpquotes {
	float: left;
	line-height: 30px;
	width: 45%;
	height: 275px;
	padding-top: 25px;
	padding-left: 35px;
	font-size: 140%;
	text-transform: none;
	border-color: white;
	border-style: solid;
	border-width: 1px;
	margin-top: 15px;
	}
	
	/*blog post optin front page*/
	
	#awf_field-25439187 {
		width: 360px;
		
	}
	
	
	#af-body-1845021674 div.af-element div.af-textWrap {
	
	background: url(images/fields4.png) top left no-repeat;
	font-size: 9px;
	width: 455px;
	height: 39px;
	padding: 12px 0px 0px 10px;
	}
	
	div#af-footer-1845021674.af-footer {
		height: 0px;
		width: 0px;
		padding: 0 0 0 0
		margin: 0 0 0 0
	}
	
	div#af-form-1845021674.af-form {
		padding: 0 80px 0 0;
		width: 540px;
		margin-bottom: 20px;
	}
	
	#af-body-1845021674 div.af-element.buttonContainer {
		padding: 0 0 0 385px;
		width: 100px;
	}
	
	#af-submit-image-1845021674 {
		padding: 0px 0px 0px 0px;
		
	}
	
	#af-body-1845021674 {
		padding: 0 -900px 0 0;
		margin: 0px;
		height: 290px;
	}
	
	#af-body-1845021674 div.af-element div.bodyText p {
		padding: -20px 0 10px 0;
		margin: 0px;
	}
	
	#af-header-1845021674 div.bodyText p {
		height: 30px;
		margin: 10px 0 -10px 0; 
		}
	
	#af-body-1845021674 div.af-element div.bodyText ul {
		line-height: 30px;
	}
	
	#af-body-1845021674 div.af-element div.bodyText p span span strong span.Apple-style-span {
		line-height: 50px;
	}
	
	div.af-element {
		margin: 0px;
		padding: 0px;
	}
	
	#af-header-1845021674 div.bodyText p strong span {
	}
	
	
	/*
	===================================================================================
	SOCIAL BAR
	===================================================================================
	*/
	
	/* The post / entry */
	.entry { overflow: hidden; }
	
	/* Twitter */
	.twitter-share-button { width: 96px !important; }
	
	/* Facebook */
	.fb-share { display: block; }
	.fb-like { border: none; height: 21px; overflow: hidden; width: 78px; }
	
	/* Comment */
	.leave-comment { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #888888; border: 1px solid #6F6F6F; color: #FFFFFF !important; display: block; font-size: 10px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-weight: bold; padding: 1px 4px 0 4px; text-decoration: none; }
	
	/* The social bar row */
	.social-bar { border-top: 1px solid #EEEEEE; margin-top: 30px; padding-top: 18px; }
	.social-bar ul { margin-left: 10px; padding: 0 !important; text-align: left; }
	.social-bar ul li { float: left; list-style: none !important; margin-right: 10px; padding: 0; }
	.social-bar ul li:last-child { margin-right: 0; }