/*
Theme Name: Explore (Channel4 Blogs Homepage)
Description: A theme for the Channel4 blogs homepage.
Version: 1.0
Author: Nigel Elliott

*/

/*** Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;line-height:1.22em;}
html{height:101%;font-size:100.1%;}
ul,ol{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;font-size:100%;}
select,input,textarea{font-size:99%;}
pre,code{font:115% monospace;white-space:pre;font-family:consolas,courier,freemono;}
* html pre,* html code{font-size:100%;}
div{position:relative;}
form label{cursor:pointer;}
fieldset{border:none;}
acronym:hover,abbr:hover{cursor:help;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
.hide,hr,legend{display:none;}
a img{border:none;}
em,cite{font-style:italic;}
strong{font-weight:bold;}


body{background:#fff;font-family:Trebuchet,Trebuchet MS,Arial,Verdana,Sans-Serif;color:#353221;}
/*** Structure */
#c4nav,
#c4footer{width:950px;margin:0 auto;}
#c4navWrapper{position:relative;left:-5px;}
#c4adWrapper{position:absolute;top:0;left:50%;width:950px;margin-left:-480px;}
#c4ad-Top-parent{left:auto;right:0;}
#c4b{font-size:0.75em;}
#c4b #blog{width:940px;margin:0 auto;z-index:1;}
#c4b #l_bar{margin-right:4px;margin-top:-201px;width:160px;}
#c4b #c{width:625px;}
#c4b #r_bar{width:300px;}
#c4b #PrimaryContent {width: 625px; float:left;}
#c4b #SecondaryContent {width: 300px; float:left;margin-left:15px;padding-bottom: 2em;}


/* Explore page (Blogs front page)*/

#c4b div.introIcon{height: 40px; width: 84px;text-indent:-9999px;background:url(images/title-blog.png) no-repeat;}
#c4b .introIcon{background:#3f457a;color:#FFF;float:left;/*font-size:21px;*/margin:0;padding:3px 9px;}

#c4b div.entries {
	clear: both;
}

#c4b #ExploreList ul {
	border-top: 1px solid #CCC;
}

#c4b #ExploreList ul li {
	border-bottom: 1px solid #CCC;
	margin: 15px 0;
	min-height: 94px;
	padding-left: 166px;
}

#c4b #ExploreList ul li h2 {
	font-weight: normal;
	font-size: 1.3em;
	min-height: 1.35em;
	margin-bottom: 0.2em;
}

#c4b #ExploreList ul li h2 a {
	line-height: 1.35em;
	margin-left: -5px;
	padding: 0 5px;
	position: relative;
	text-decoration: none;
}

#c4b #ExploreList ul li h2 a:hover  {
	background-color: #000;
	color: #fff;
}

#c4b #ExploreList ul li h2 a:hover  span.title {
	color: #fff;
}

#c4b #ExploreList ul li h2 a span.title {
	color: #000;
	background: none;
	padding:0;
	font-weight: bold;
	font-size: inherit;
}

#c4b #ExploreList ul li h2 a span.bullet {
	position: absolute;
	background: #000000 url(images/a-bg-right-arrow.png) no-repeat scroll 2px center;
	height: 1.35em;
	left: -9px;
	top: 0;
	width: 10px;
}

#c4b #ExploreList ul li h2 a img {
	background: #efefef;
	position: absolute;
	height: 82px;
	left: -160px;
	top: 0;
	width: 146px;
}

#c4b #ExploreList ul li p {
	font-size: 1em;
	line-height: 1.22em;
	margin-bottom: 15px;
}

#c4b #SecondaryContent h2 {background-color: #000;color: #fff;font-size: .75em;font-weight: bold;padding: 2px 10px;}

	
/*
 * Advertising
 */
#advertising {
	position: relative;
}

#advertising #c4ad-x07 {
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	width: 300px;
	padding: 20px 0;
	z-index: 1;
	background: transparent url(http://www.channel4.com/static/global/css/img/bg-mesh.png) 0 0 repeat;
	border-bottom: 1px solid #000;
	text-align: center;
}

#advertising #c4ad-Middle1 {
	position: absolute;
	z-index: 2;
	border-bottom: 1px solid #000;
	text-align: left;
}