/* World Blind Football Championship 2010 CSS by run2 */ 
/* main colours: dark blue #001c4a; red #f00000 */

@font-face {
	font-family: 'HSPbold';
	src: url('/assets/HSP-Bold.eot');
	src: local('Hypatia Sans Pro Bold'), local('HypatiaSansPro-Bold'), url('/assets/HSP-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'HSPlight';
	src: url('/assets/HSP-Light.eot');
	src: local('Hypatia Sans Pro Light'), local('HypatiaSansPro-Light'), url('/assets/HSP-Light.ttf') format('truetype');
}


body {
font: 100% Tahoma, Verdana, Arial, sans-serif;
color: #000; 
background: #001c4a;
margin: 10px auto;
padding: 0;
text-align: center; 
}

/*html 5 defaults */
header, nav, article, article, figure, section, footer { display: block; }

/* Fix IE. Hide from IE Mac \*/
* html body { padding-left: 1px; }
/* End */


/* General Typography */
h1 { margin: 0; padding: 0; font-size: 2em; }
h2, h3 { margin: 0; padding: 0; font-size: 1.2em; font-weight: normal; } 
h3 { margin: 0; padding: 0; font-size: 1.5em; font-weight: normal; } 
h4 { margin: 0; padding: 0; font-size: 0.9em; font-weight: normal; } 
h5, p { margin: 0; padding: 0; font-size: 0.8em; }
table, ul, ol { font-size: 0.8em; }
a { color: #f00000; text-decoration: none; }
a:hover { color: #001c4a; text-decoration: underline; }


/* Span Classes */
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.italic { font-style: italic; }
.white { color: #fff; }
.blue { color: #001c4a; }
.red { color:#f00000; }
.boldblue { font-weight: bold; color: #001c4a; }
.boldred { font-weight: bold; color: #f00000; }
.indent { margin-top: 10px; margin-bottom: 0px; margin-left: 155px; }
.right { float: right; }
.clear { clear: both; }
.offleft { position: absolute; left: -999px; width: 990px; visibility: hidden; }
.noborder { border: none; margin: 0; }
.textright { text-align: right; }
.inlinepic { float: right; margin: 0 10px 5px 10px; border: 0; }
.inlinepic2 { float: right; margin: 10px 10px 5px 10px; border: 0; }
.hdn { display: none; }
.std { font-size: 0.8em; }

/* Control */
#wrapper { 
margin: 25px auto; 
padding: 0; 
width: 960px; 
background: #fff url(/assets/wrapper_bg.gif) repeat-y; 
text-align: left; 
}


/* header */
header {
margin: 0;
padding: 10px 10px 0 10px;
height: 200px;
background: #fff;
}
	header object, header img { 
	float: left;
	margin:0;
	padding: 0; 
	border: 0; 
	}
	.blind2010com { float: left; margin: 68px 0 0 8px; }
	.tnfp { float: left; margin: 62px 0 0 20px; }
	.tnfp2 { float: left; margin: 87px 0 0 80px; }


/* main nav */ 
nav {
float: left;
margin: 15px 0 0 10px; 
width: 740px; 
color: #001c4a;
background: #fff; 
}
	nav ul {
	margin: 0;
	padding: 0;
	}
		nav ul li {
		display: inline;
		list-style: none;
		}
			nav ul li a {
			display: block;
			float: left;
			margin-right: 13px; 
			padding: 0;
			font: 100% HSPbold, Tahoma, Verdana, Arial, sans-serif; 
			font-size: 1.3em;
			color: #001c4a;
			}
				nav ul li a:hover {
				color: #f00000;
				}
				nav ul li a.current {
				color: #f00000;
				text-decoration: underline;
				}

/*			
			nav ul li a {
			text-indent: -5000px;
			background: url(/assets/sprites.gif) no-repeat;
			}
				nav ul li a:hover {
				color: #f00000;
				}
				nav ul li a.current {
				color: #f00000;
				text-decoration: underline;
				}
				nav li a.home { background-position: -0px 0px; width: 55px; height: 21px; }
				nav li a:hover.home, nav li a.home_current { background-position: -0px -24px; width: 55px; height: 21px; }
				nav li a.news { background-position: -55px 0px; width: 50px; height: 21px; }
				nav li a:hover.news, nav li a.news_current { background-position: -55px -24px; width: 50px; height: 21px; }
				nav li a.teams { background-position: -106px 0px; width: 57px; height: 21px; }
				nav li a:hover.teams, nav li a.teams_current { background-position: -106px -24px; width: 57px; height: 21px; }
				nav li a.about { background-position: -163px 0px; width: 132px; height: 21px; }
				nav li a:hover.about, nav li a.about_current { background-position: -163px -24px; width: 132px; height: 21px; }
				nav li a.spectators { background-position: -295px 0px; width: 175px; height: 21px; }
				nav li a:hover.spectators, nav li a.spectators_current { background-position: -295px -24px; width: 175px; height: 21px; }
				nav li a.legacy { background-position: -470px 0px; width: 62px; height: 21px; }
				nav li a:hover.legacy, nav li a.legacy_current { background-position: -470px -24px; width: 62px; height: 21px; }
				nav li a.blog { background-position: -532px 0px; width: 43px; height: 21px; }
				nav li a:hover.blog, nav li a.blog_current { background-position: -532px -24px; width: 43px; height: 21px; }
				nav li a.fixtures { background-position: -575px 0px; width: 125px; height: 21px; }
				nav li a:hover.fixtures, nav li a.fixtures_current { background-position: -575px -24px; width: 125px; height: 21px; }
*/


/* main content */
article {
clear: both; 
float: left; 
margin: 0 10px; 
width: 620px;
background: #eee; 
text-align: left;
}
	article h1, #page-wrap h1 {
	margin: 10px 10px 0 10px;
	padding: 0;
	font: 100% HSPbold, Tahoma, Verdana, Arial, sans-serif;
	font-size: 2.5em;
	color: #001c4a;
	}
		article h1.bold {
		font: 100% HSPbold, Tahoma, Verdana, Arial, sans-serif;
		}
	article h2, #page-wrap h2 {
	margin: 10px 10px 30px 10px;
	padding: 0;
	color: #f00000;
	}
	article h3, #page-wrap h3 {
	margin: 0px 10px 0px 155px;
	padding: 0;
	color: #001c4a;
	}
	article p { 
	margin: 10px 10px 10px 155px;
	padding: 0;
	}
		article p.tiny { font-size: 0.1px; clear: both; }
		article .tab { padding-left: 25px; }
		article .tabred { padding-left: 25px; color:#f00000; }
		article .tabblue { padding-left: 25px; color:#001c4a; }
		#page-wrap p.errorhead { margin-left: 10px; color:#f00000; font-weight: bold; }
		#page-wrap p.error { margin-left: 10px; }
	article a.fp {
	display: block; 
	width: 600px; 
	height: 338px; 
	margin: 10px 0px 25px 10px;
	}
	article ul li { 
	list-style: square; 
	margin-left: 135px; 
	margin-right: 10px; 
	}
		article ul ul { 
		margin-left: -25px;
		font-size: 1em; 
		}
	article ol li { 
	margin-left: 135px; 
	margin-right: 10px; 
	}
	article img { margin: 10px; }
		article img.home {  margin: 0;  }
		article img.icon { margin: 0 10px 0 0; float: left; }
	
	article table.group { margin: 0 0 10px 155px; }
		article table.group tr.head { font-weight: bold; }
		article table.group td.team { width: 90px; }
		article table.group td.col { width: 40px; text-align: right; }

	#main_group_a, #main_group_b, #main_group_c { clear: both; }

aside {
display: block; 
float: left; 
margin: 0 10px 10px 10px; 
padding-right: 10px;
width: 125px;
border-right: 1px solid #001c4a; 
font-weight: bold; 
color: #001c4a;
}
	aside p { margin: 0; }
	aside img { margin: 10px 0 0 0; }
	aside ul { margin-left: -120px; padding-left: 0; list-style: none; font-weight: normal; }
	
#buynow { display: block; margin: 10px 0; text-align: center; background: #f00000; }
#buynow_inset { display: block; margin: 10px 10px 10px 155px; background: #f00000; text-align: center; }
#buynow a, #buynow_inset a { display: block; padding: 5px; font: 100% HSPbold, Tahoma, Verdana, Arial, sans-serif; color: #fff; }
#buynow a:hover, #buynow_inset a:hover { background: #001c4a; }

	
/* right panels */
#panels { 
float: left; 
width: 310px; 
background: #fff;
}
	#panels img { float: left; border: none; }
	#panels h3 { font: 100% HSPlight, Tahoma, Verdana, Arial, sans-serif; margin: 0; padding: 0; color: #001c4a; font-size: 1.6em; }
	#panels h4 { color: #f00000; font-size: 0.7em;}
	#panels p { font-size: 0.7em; }
	#panels p.tiny { font-size: 0.1px; clear: both; }
	.space_above { margin-top: 10px; }

	#ibsa {  margin-bottom: 10px; padding: 10px; background: #313d8f; color: #fff; height: 100px; }
		#ibsa h3 { font: 100% HSPbold, Tahoma, Verdana, Arial, sans-serif; color: #fff; font-size: 1em; }
		#ibsa a img { margin-right: 20px; border: 0; }
	
	#asda { height: 133px; margin-bottom: 10px; padding: 0; background: #fff; }
	
	#news { margin-bottom: 10px; padding: 10px; background: #eee; }
		.headline { clear: both; display: block; margin-bottom: 10px; }
		.headline h4 { float: left; margin: 0 0 0 10px; padding: 0; }
		.headline p { float: left; margin: 0 0 0 10px; padding: 0; }
		.headline img { margin:  2px 0 0 0; }
		.nextpic { width: 170px; }
		.spacer { clear: both; display: block; width: 290px; height: 10px; }

	#matches { margin-bottom: 10px; padding: 10px; background: #eee; }

	#results { margin-bottom: 10px; padding: 10px; background: #eee; }
		table.fixtures { clear: both;  font-size: 0.7em; }
			td.t1 { width: 95px; text-align: right; }
			td.score { width: 40px; text-align: center; }
			td.t2 { width: 95px; }
			td.date { width: 60px; text-align: right;}
		table.league { margin-top: 10px; font-size: 0.7em; }
			tr.head { font-weight: bold; }
			td.team { width: 90px; }
			td.col { width: 40px; text-align: right; }
		#results h4 { color: #001c4a; }
		#results h4 a { color: #001c4a; }
		#results h4 a:hover { color: #f00000; text-decoration: underline; }

	#blog { margin-bottom: 10px; padding: 10px; background: #eee; }
		.byline { text-align: right; color: #001c4a; }
	
	#supporters { padding: 10px; background: #eee; }
		#supporters img.logo { margin: 10px 10px 0 0; border: 0; }
		#supporters img.logo_end { margin: 10px 0 0 0; border: 0; }


/* footer */
footer { 
clear: both; 
text-align: left; 
margin: 0 auto;
padding: 0; 
width: 960px; 
border-top: 10px solid #fff;  
border-bottom: 10px solid #fff;  
color: #001c4a; 
background: #fff; 
}
	footer p { color: #001c4a; }
		footer p.footerright { 
		float: right; 
		width: 320px; 
		padding-top: 0px; 
		text-align: right; 
		}
		footer p.footercentre { 
		padding-top: 0px; 
		text-align: center; 
		}
	footer a { color: #001c4a; }
	footer a:hover { color: #f00000; }
	footer a.link { margin-right: 20px; }
	footer .copy { margin-right: 20px; color: #001c4a; }
	footer a.current { font-weight: bold; margin-right: 20px; }
	footer img { border: none; }
	footer ul { 
	margin: 0 10px 10px 10px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #001c4a;
	}
		footer ul li {
		display: inline;
		list-style: none;
		margin: 0 20px 0 0;
		}
		footer ul li.partners {
		float: left; 
		padding: 0 ;
		font: 100% HSPlight, Tahoma, Verdana, Arial, sans-serif;
		font-size: 1.5em;
		color: #001c4a;
		}
			footer ul li a {
			display: inline;
			padding: 0;
			font-weight: normal;
			font-size: 1.2em;
			color: #001c4a;
			border: none;
			}