body{
  font: 62.5%/1.5em  Arial, Verdana, Helvetica;
  color:#000;
  text-align: center;
	background: #fff url(../img/home/bg_stripe.gif) repeat-x scroll 0 0;
  padding:0;
  margin:0;
}


p{
  font-size:1.2em;
  line-height:1.3em;
}

h2{
  font-size:1.2em;
}

img{
  border:0;
}


a, a:visited{
	color: #38CDFF;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

div.clear {
  clear: both;
  height: 0;
  line-height: 0;
  overflow: hidden;
  background-color: #fff;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}



#header{
 	margin: 0 auto;
	width:980px;
	text-align: left;
	padding-top: 20px;
	position: relative;
	height: 80px;
	margin-bottom: 25px;	
}

#header #logo{
	background: #fff url('../img/home/logo_strapline.gif') no-repeat;
	width: 437px;
	height: 61px;
	display: block;	
	position: absolute;
	top: 24px; 
	left: 0px;
}
#header #logo h1{
	display: none;
}	

#content_wrapper{		
	margin: 0 auto;	
	text-align: center;
	background:#000 url('../img/home/background.jpg') top center no-repeat; 
	height: 626px;	
}

#content{
	margin: 0 auto;
	width:980px;
	text-align: left;
	position: relative;	
}

#band{	
	opacity: 0.7;
	background: #000;
	height: 4px;
	position: absolute;
	width: 100%;
	top: 553px;	
	
}



ul#secondary_menu{
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: absolute;
	top: 515px;
	right: 20px;
}

ul#secondary_menu li{
	padding: 0;
	margin: 0 5px 0 0;
	float: left; 	
}
ul#secondary_menu li a{	
	color: #4C4C4C;
  text-transform: uppercase;  
  background: url('../img/home/footer_nav.gif');
  height: 7px;
  overflow: hidden;
  font-size: 1%;
  text-indent: -9999px;
  display: block;
}

ul#secondary_menu li.copy a{
	background-position: 0 0;
	width: 51px;	
}
ul#secondary_menu li.copy a:hover{
	background-position: 0 7px;	
}


ul#secondary_menu li.credits a{
	background-position: -52px 0;
	width: 53px;	
}
ul#secondary_menu li.credits a:hover{
	background-position: -52px 7px;	
}

ul#secondary_menu li.terms a{
	background-position: -51px 0;
	width: 52px;	
}
ul#secondary_menu li.terms a:hover{
	background-position: -51px 7px;	
}

ul#secondary_menu li.deirdre a{
  background-position: -103px 0;
  width: 97px;  
}
ul#secondary_menu li.deirdre a:hover{
  background-position: -103px 7px; 
}


ul#secondary_menu li.fineprint a{
  position: absolute;
  right: 20px;
  top: 20px;
  background: url('../img/twinge-fineprint.png') left top no-repeat;
  width: 167px;
  height: 49px;
}
ul#secondary_menu li.deirdre a:hover{
  background-position: -103px 7px; 
}


/* follow us on twitter link */


body.holding div#content_wrapper{
  background:#0c0a0a;
}
div#holding-page{
  background: url('../img/edTwinge_landing.jpg');
  width: 980px;
  height: 439px;  
}

div#holding-page div.content{
  display: none;
}



#what-the-twuck{
	background: #1e1e1e;
	border: 1px solid #444444;
	width: 326px;
	color: #fff;
	padding: 10px;
	font-size: 9px;
}


#what-the-twuck h1{
	text-indent: -5000em;
	background: url('../img/home/wtf_is_edtwinge.png') top left no-repeat;
	width: 249px;
	height: 54px;
	display: block;
}


#podcast-panel{
	background: #1e1e1e;
	border: 1px solid #444444;
	width: 326px;
	color: #fff;
	padding: 10px;
	margin-top: 10px;
	font-size: 9px;
}
#podcast-panel img{
	float: left;
	margin: 0 10px 10px 0;
}

#podcast-panel h2{
	text-indent: -5000em;
	background: url('../img/home/GB_Podcast.png') top left no-repeat;
	width: 220px;
	height: 37px;
	display: block;
	float: left;
}

#podcast-panel .download{
	background: url('../img/home/podcast-icon.gif') top left no-repeat;
	padding-left: 20px;
	padding-top: 2px;
	font-size: 13px;
	text-transform: uppercase;
}

#podcast-panel p{
	clear: left;
}


.main-menu {
	position: absolute;
	top: 56px;
	left: 450px;
	width: 250px;
}

ul#menu {
	width: 250px;
	height: 31px;
	position: relative;
	margin: 0;
	padding: 0;
}

ul#menu li {
	float: left;
	list-style-type: none;
}

ul#menu li a {		
	margin: 0;
	padding: 0;
	display: block;
	height: 32px;
	background: url('../img/home/nav_sprite.png') no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

ul#menu li.home a {	
	width: 76px;
	background-position: 0px 0px;
}

ul#menu li.home a:hover,
ul#menu li.home a.active {
	background-position: 0px -50px;
}

ul#menu li.blag a {
	width: 62px;
	background-position: -76px 0px;
}

ul#menu li.blag a:hover,
ul#menu li.blag a.active{
	background-position: -76px -50px;
}

ul#menu li.podcast{
	position: relative;
}
ul#menu li.podcast a {	
	width: 103px;
	background-position: -138px 0px;
}

ul#menu li.podcast a:hover,
ul#menu li.podcast a.active {
	background-position: -138px -50px;
}

ul#menu li.podcast .hover{
	display: none;
	background: url('../img/twinge_podcast5.png') top left no-repeat;
	width: 262px;
	height: 29px;
	position: absolute;
	top: -30px;
	left: -50px;
	z-index: 100;
}


#below_content{
	position: absolute;
	top: 415px;
}

#featured{
	background: url('../img/featured-in.png') no-repeat 5px 0px;
	padding: 15px 0 0 0;
	position: absolute;
	top: 100px;
	left: 357px;
	width: 350px;
}

#featured a{
	float: left;
	display:block;
	text-indent: -5000em;	
}	

#featured a.guardian{
	width: 98px;
	height: 30px;
	background: url('../img/featured_guardian.png') left top no-repeat;
}


#featured a.techcrunch{
	width: 90px;
	height: 30px;
	background: url('../img/featured_techcrunch.png') left top no-repeat;
}


#featured a.mashable{
	width: 94px;
	height: 30px;
	background: url('../img/featured_mashable.png') left top no-repeat;
}

#featured a.bbc{
	width: 66px;
	height: 30px;
	background: url('../img/featured_bbc.png') left top no-repeat;
}

#featured a:hover{
	background-position: 0px -30px;
}

#follow-panel{
	position: absolute;
	background: url('../img/facebook-twitter.png') top left no-repeat;
	padding: 20px 0 0 0;
	top: 100px;
	left: 0px; 
	width: 400px;
}
#follow-panel a,
#follow-panel iframe{
	float: left;
	margin-right: 5px;
}

#follow-panel a.lists{
	padding-top: 1px;
}
#follow-panel .twitter-follow-button{
	width: 150px !important;
	overflow: hidden !important;
}


#login-tweet{
	background: #1e1e1e url('../img/seen_show_have_opinion.png') 7px 10px no-repeat;
	border: 1px solid #444444;
	width: 240px;
	color: #fff;
	padding: 13px 10px 0;	
	font-size: 9px;
	position: absolute;
	left: 719px;
	bottom: 0px;	
	z-index: 200;
}

div.ac_results{
	z-index: 300;
}