/* 	Styles for Learning on Screen 2009
	Themes: green, purple
	British Universities Film and Video Council
	Author: Gabriel Hernandez Castellanos
	26 November 2008

*/  /*  Reset browser settings */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}a img{border:none}sup{vertical-align:top;}
body, html {  
/*	uncoment to have a shade around box  */
	background-color:#808080;
	color:#333333; 
	font-family: Arial, 'Arial', Helvetica, sans-serif; }
	
body { font-size:75%; line-height:1.5em; }

strong {font-weight:bold;}
body {margin-bottom:10px;}

h1 { font-size:2.33em; }
h2 { font-size:1.66em; }
h3 { font-size:1.33em; }
h4 { font-size:1.0em; }
h5 { font-size:0.83em; }
h6 { font-size:0.66em; }
h2, h3, h4, h5, h6 { font-weight:bold; }
h1 { line-height: 1.25em; margin-top: 0; margin-bottom: 1em; }
h2 { line-height: 1.25em;
	margin-top: 0.5em;
	margin-bottom: 0.25em; }


small {font-size:0.83em;}


.page {
	width:950px;}

.page {
	margin:10px auto;
	text-align:left;
	overflow:hidden; 
	background:#FFF url(../components/bg_page.png) repeat-x left top; 
	}
	
.header {
	height:100px;
	background:#353354 url('../components/bg_header.png') no-repeat top left;
	padding:0 20px;
	overflow:hidden;
}


.header h1 a.bufvc_logo {
	display:block;
	text-indent:-9999px;
	background: url('../components/logo_bufvcwhite.gif') no-repeat top left;
	width:66px; height:69px;
	float:left;
	margin-top:15px;
	margin-left:20px;
}

.header h1.los09_logo {
	display:block;
	text-indent:-9999px;
	background: url('../components/logo_learningOnScreen09.gif') no-repeat top left;
	width:328px; height:58px;
	float:right;
	}

.los09_logo, .bufvc_logo { margin-top:0; }

.footer {
	background: #98B90E url('../components/bg_footer.png') no-repeat bottom left;
	padding:14px 0 14px 240px;
	line-height:1.15em;
	position:relative;
	margin-top:20px;
}

.sponsors {
	position:absolute;
	left:20px; top:14px;
	_left:-220px;
	}

.sponsors li {
		float:left;
		display:inline;
		}
		
.sponsors li a.hefce{
	width:85px;
	height:29px;
	display:block; overflow:hidden;
	background:url('../components/logo_hefce.png') no-repeat left top; 
	text-indent:-9999px;
	margin-right:20px;
	}

.sponsors li a.jisc{
	width:43px;
	height:29px;
	display:block; overflow:hidden;
	background:url('../components/logo_jisc.png') no-repeat left top; 
	text-indent:-9999px;}
}

.content {}

ul.winners {width:450px;}
ul.winners li {float:left;}
ul.winners li img {float:left;margin-right:20px;margin-bottom:15px;}

.award_winner {color:tomato;}

.gill {	font-family:Gill, Gill Sans; }

.conferenceandawards {
	text-align:right; 
	font-size:1.20em;
	color:#444263;
	padding-right:20px;	
	display:block;
	margin-top:10px;
	}
.green_dot {color:#98B90E;}

ul.tabs {
	background: #FFF url('../components/bg_graybar.png') no-repeat bottom left;
	float:left;
	padding:0 0 20px 20px;
	margin-bottom:20px;
	width:100%;
	}
	
.tabs li {
	display:inline; 
	}
.tabs li a {
	width:150px; 
	padding:2px 0;
	float:left;
	margin-right:10px;
	color:#E6E6E6;
	background: #353354 url('../components/tabs.png') no-repeat 0px 0px;
	text-decoration:none;
	text-align:center;
}

.tabs li a:hover, .tabs li a:focus, .tabs li a.active {
	color:#444263;
	background: #98B000 url('../components/tabs.png') no-repeat 0px -60px;
}

.tabs li a:active {
	color:#353354;
	background: #8EA600 url('../components/tabs.png') no-repeat 0px -120px;
}
.leftcolumn {
	width:200px;
	margin-right:20px;
	float:left;
	margin-left:20px;
	display:inline;
	}
.rightcolumn {
	margin-left:240px;
	margin-right:200px;
	line-height:1.5em;
/*	width:480px; */ 
}


ul.sub_navigation {margin-left:20px;}

.sub_navigation li {
	background: url('../components/thin_line.png') no-repeat left top;
	padding:5px 0;
	}
	
li.first {background:none;}

.sub_navigation li a {
	font-size:1.25em;
	color:#666; 
	text-decoration:none;
	}
	
.sub_navigation li a:hover, .sub_navigation li a:focus { 
	color:#353354; 
	text-decoration:underline;}

.sub_navigation li a:active {
	color:#98B90E;
	text-decoration:underline;}

div.adverts {
		float:right;
		width:180px;
		margin-right:20px;
		height:auto;
		padding-top:10px;
	}
	
.div.adverts img {height:auto;}
	
/*.adverts p {font-size:0.916em; } */

/*#----- content styles -----#*/
.rightcolumn {width:470px; *width:400px; _width:400px;}

.rightcolumn p, .adverts p, .rightcolumn ul, .lista {margin-bottom:0.5em;}

.rightcolumn h2 {
	color:#98B000;
	margin-bottom:0.25em;}

.rightcolumn h3, .adverts h3 {
	font-weight:bold;
	margin-bottom:0.50em;}

.green {color:#98B000;/*	color:#98B90E; */}
.rightcolumn .gray { color:#333; }

.rightcolumn a, .adverts a {
	color:#98B000;
	text-decoration:underline;
	font-weight:bold; }
.rightcolumn a:hover, .rightcolumn a:focus {
	color:#444263;
}
.rightcolumn a:active {
	color:#353354;
}

.rightcolumn ul {
	list-style-type: none;
	margin-left:20px;
}
.rightcolumn img {float:right; margin:5px 0 5px 5px;}

.title_unable { margin-top:1.5em; }

div.categories ul li, div.howToEnter ul li { 
	margin-left:20px;
	list-style-type: disc; }

.intro {font-size:1.15em;}

.address {
	margin-top:15px;
	}
.address a {
	color:#333; 
	}

.footer .bufvc {
	font-weight:bold;
	font-size:1.05em;
	}

a.download { 
	padding-right:15px;
	background: url('../components/download_arrow.png') no-repeat right bottom;}
.moving, .bufvc { }

/*** ---- Awards ------*****/
.award_category {
	margin-bottom:1em;
	border-bottom:1px dotted #98B90E; }

.lista {list-style-type: none; padding-left:0; margin-left:0; }
.lista li {padding-left:2em; font-weight:bold;}
.lista li.first_in_list {padding-left:0; margin-left:0; font-weight:normal;}

.day dt { font-weight:bold; color:#0A3281; color:#413F60; padding-right:20px;}
.day span.time {
	color:#333333;
	width:15%;
	text-align:right;
	padding-right:3%;
	}
.day span.item_title {width:80%;}
	
.day span {float:left;}
.day dd {
	margin-left:17%;
	font-style:italic;
	margin-bottom:5px;
	padding-right:25px;
	}

.day {line-height:1.40em;}
.day {margin-bottom:2em;}
.day h3 {width:100%;display:block;background-color:#E5EDBC;
	padding:3px; margin-bottom:1em;}
	
.day dd.more_text {font-style:normal;}

.trigger1, .trigger2, .trigger3, .trigger4, .trigger5, .trigger6, .trigger7, .trigger8, .trigger9, .trigger10, .trigger11, .trigger12, .trigger13, .trigger14, .trigger15, .trigger16 {
	background-image: url("../components/arrow.png"); background-repeat: no-repeat; background-position: right 0.2em;
	cursor:pointer;
}

/* --- Useful styles -----*/
	.clearfix:after, .content:after, .day dt:after, .day:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
	.clearfix, .content, .day dt, .day { display:inline-block; }
	* html .clearfix, * html .content, * .day dt, * .day {height:1%; }
	.clearfix, .content, .day dt, .day { display:block; }
	.clear { clear:both; }