/*
The Gap Year - Main Stylesheet
Updated: 22 December 2009 
Author: Barry McGee - http://www.barrymcgee.co.uk
================================
* /


/*
Body and Layout
================================
*/

	body {
	font-size:0.8em;
	line-height:1.4em;
	background:url('../img/bg.gif') #77bbce repeat-x;
	font-family:'Lucida Grande', verdana, sans-serif;
	}
	
	#main-container {
	width:1024px;
	margin:-10px auto 0;
	text-align:center;
	background-image:url('../img/top_gradient.png');
	background-repeat:repeat-x;
	position:relative;
	color:#fff;
	}
	
	#wrapper {
	width:710px;
	position:relative;
	float:left;
	}
	
	#main-content {
	width:690px;
	text-align:left;
	background-image:url("../img/blackbg.png");
	background-repeat:repeat;
	float:left;
	color:#fff;
	padding:5px 10px 0;
	position:relative;
	z-index:1;
	}
	
	#containertop {
	background:url("../img/main_container_top.png");
	background-repeat:no-repeat;
	height: 28px;
	width:710px;
	clear:both;
	
	}

	#containerbtn {
	background:url("../img/main_container_btn.png");
	background-repeat:no-repeat;
	height: 28px;
	width:710px;
	}
	
	.content-inner {
	background:#fff;
	padding:5px;
	color:#000;
	}
	
	#home-container {
	background:none;
	color:#fff;
	padding:0;
	}
	
	#episodes-container {
	background:#fff;
	color:#000;
	margin-top:10px;
	padding-top:20px;
	width:680px;
	float:left;
	}
	
	#right-column {
	width:300px;
	float:left;
	margin-left:14px;
	display:inline;
	}
	
	#masthead {position:relative; height:300px; margin-bottom:-180px;}
	
	#logo {position:absolute; top:0; left:0;}
	
	#logo img {border:none;}

	#p1header {
	background-image:url("../img/gapyear08_header.png");
	background-repeat:no-repeat;
	height:90px;
	}
	
	#p1bottom {
	background-image:url("../img/right_promo_bottom.png");
	background-repeat:no-repeat;
	height:19px;
	margin-bottom:14px;
	}

	.p1 {
	text-align:left;
	padding:5px 10px 10px;
	background-image:url("../img/blackbg.png");
	background-repeat:repeat;
	}
	
	#vid-list {
	width:170px;
	height:400px;
	overflow:auto;
	margin:28px 10px 5px 5px;
	float:left;
	background:#efefef;
	} 
	
	#vid-list ul {
	list-style:none;
	padding:0 2px 2px;
	margin:0;
	}
	
	#vid-list ul li {
	margin:5px 2px 15px 5px;
	}
	

	#vid-info {
	padding:5px 0;
	width:460px;
	float:left;
	}
	
	#flash-video {
	width:480px;
	float:left;
	border:1px solid #000000;
	} 
	
	#footer {
	width:100px;
	height:20px;
	clear:both;
	}
	
	ul#tabs  {
	list-style-type:none;
	position:relative;
	z-index:10;
	}
	ul#tabs li {
	float:left;
	height:48px;
	}
	
	li#home {
	width:240px;
	margin-left:220px;
	margin-right:5px;
	outline:none;
	}
	
	li#episodes {
	width:180px;
	outline:none;
	}
	
	ul#tabs img{
		border:none;
	}


	
/*
Headers
================================
*/

h1 {
	font-size:1.5em;
	}
h2 {
	font-size:1.2em;
	margin:5px;
	}
h3 {
	font-size:0.9em;
	display:none;
	}
h4 {
	font-size:0.9em;
	}



/*
Adverts
================================
*/
	
#mast-ad {
	position:absolute;
	top:15px ;
	right:0;
	}

#rhs-ad {
	border:#000 1px solid;
	}
	
/*
Links
================================
*/

a:link {color:#169fe9;}
a:visited {color:#169fe9;}
a:hover {color:#169fe9;}
a:active {color:#169fe9;}


/*
Miscellaneous
================================
*/

.clear {clear:both;}

.clearfix {width:680px; }

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	width:10px;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#no-js {
	width:1012px;
	text-align:center;
	font-size:1.2em;
	color:#000;
	background-color:#fff;
	padding:5px;
	border-bottom:1px solid #000;
	position:absolute;
	top:0;
	left:0;
	}