/* Film4 Homepage CSS */

#f4nav {
	margin-bottom: 5px !important; /* <- Bad! */
}

/* Main Banner-age */
div#banner {
	position: relative;
	background-color: transparent;
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-bottom: 2em;
}

#banner-inner {
	width:925px;
	min-height: 354px;
}

#banner-noFlash {
	margin-bottom: 2em;	
}

#banner-noFlash li {
	background: #111;
	width: 925px;
	/*height: 5em;*/
	border-bottom: solid 1px #666;
	padding-bottom: 1em;
}

#banner-noFlash li.first {
	height: 321px;
	padding-bottom: 0;
}

#banner-noFlash li img {
	display: none;
}

#banner-noFlash li.first img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;	
}

div#banner-noFlash h2,
div#banner-noFlash a {
	position: relative;
	z-index: 1000;
}

div#banner-noFlash li.first h2 {
	/*padding-top: 1em;*/
	font-size: 3.5em;
	color: #fff;	
}

div#banner-noFlash ul li.invert h2 {
	color: #000;
}

div#banner-noFlash h2 {
	font-size: 1.25em;
	line-height: 1em;
	padding-left: 23px;
	padding-top: 0.5em;
	letter-spacing: -0.05em;
	/*width: 11em;*/
}

div#banner-noFlash li.first h2 span.tab-label {
	font-size: 0.5em;
	background: #000;
	color: #fff;
	padding: 2px 5px;
	float:left;	
	display:inline;
}
div#banner-noFlash li.first h2 span.tab-text {
	font-size: 0.5em;
	background: #000;
	color: #fff;
	padding: 2px 5px;
	display:inline;
	float:left;	
}
div#banner-noFlash ul li.invert h2 span.tab-label {
	background: #fff;
	color: #000;
}

div#banner-noFlash li h2 span.tab-label {
	display: inline;
	float:left;
	letter-spacing: normal;
	text-transform: none;
}
div#banner-noFlash li h2 span.tab-text {
	display: inline;
	float:left;
	letter-spacing: normal;
	text-transform: none;
}

div#banner-noFlash li h2 span.titleOne {
	display: block;
	clear:both;
}


div#banner-noFlash li.first h2 span.titleTwo {
	display: block;
}

div#banner-noFlash a.arrowLink,
div#banner-noFlash a.arrowLink:hover {
	background-position: -141px 0;
	left: 23px;
}

div#banner-noFlash li.invert a.arrowLink,
div#banner-noFlash li.invert a.arrowLink:hover {
	background-position: -141px -40px;
	left: 23px;
}

div#banner-noFlash a.arrowLink,
div#banner-noFlash a.arrowLink span {
	background-color: transparent;
	color: #fff;
}

div#banner-noFlash li.invert a.arrowLink,
div#banner-noFlash li.invert a.arrowLink span {
	color: #000;
}

div#banner-noFlash li.first a.arrowLink span.subTitleTwo {
	clear: left;
}

div#banner-noFlash a.arrowLink span.rollOver {
	padding: 0;
}

div#banner-noFlash a.arrowLink:hover span.rollOver {
	background: #fff;
}

div#banner-noFlash a.arrowLink:hover span {
	color: #000;
}

div#banner-noFlash li.invert a.arrowLink:hover span.rollOver {
	background: #000;
}

div#banner-noFlash li.invert a.arrowLink:hover span {
	color: #fff;
}

div#banner-noFlash a.fourodurl {
	padding: 5px 0 5px 32px;
	width: 12em;
	display: block;
	clear: left;
	background-color: #e4000c;
	background-image:url(/static/film4/images/global/sprites/arrows-sprite.png);
	background-position: 23px 5px;
	background-repeat: no-repeat;
	cursor:pointer;
	float:left;
	overflow:visible;
}

div#banner-noFlash a.fourodurl span {
	padding: 0 10px 0 4px;
	color: #fff;
	background-color: #e4000c;
	display:inline-block;
	float:left;
}

div#banner-noFlash a.fourodurl:hover span { 
	background: #fff;
	color: #000;
}
/* On TV */

#ontv {
	margin-bottom: 1em;	
}

#ontv-inner {
	margin-top: 0.5em;
	min-height: 190px;
}

#ontv-moreLink {
	position: absolute;
	top: 4px;
	right: 0;
}

#ontv-noFlash h3.ontv-date {
	font-weight: bold;
	margin-bottom: 0.5em;
}

/* New On Film4.com */

#newon {
	position: relative;
	margin-bottom: 1em;	
}

#newon-inner {
	margin-top: 0.5em;
	min-height: 213px;
}

div.seeAllLink a {float:right}

/* Secondary Promo */
div#homepage-secondary-promo img, div#homepage-secondary-promo p {
	margin-bottom: 15px;
}

/* Tweet Tweet Tweet */

.twitter-feed p {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
}

#twitter_update_list li {
	font-size: 0.8em;
	background-color: transparent;
	background-image: url(/static/film4/images/global/icons/arrow-white.png);
	background-position: 3px 6px;
	background-repeat: no-repeat;
	padding-bottom: 1.5em;
}

#twitter_update_list li a {
	display: none;
}

#twitter_update_list li span a {
	display: inline;
	font-weight: bold;
	color: #e5000c;
}

#twitter_update_list li span a:hover {
	background: #e5000c;
	color: #fff;
}

#twitter_update_list span {
	margin-left: 1em;
}