/*
Theme Name: LHC Theme
Theme URI: http://vikiworks.com
Version: 1.0.1
Author: yichi
*/

@import 'css-lib/reset.css';
@import 'css-lib/typography.scr.css';
@import 'css-lib/layout.scr.css';
@import 'css-lib/dropdown-menus.scr.css';

/* Overal setup */

a   { color:#EE0000;text-decoration:underline;outline:0; }
a:hover { color:#EE0000; text-decoration: none;}
div.container div.centre { width: 80em }

body { background: #EEEEEE url(images/grey_bg.gif) repeat-x top left; }

#headerContainer, #mainContainer, #menuContainer, #footerContainer  {
	background: none;
}

div.container div.contents {
	border-left: 1em solid #FFF;
	border-right: 1em solid #FFF;
}


#headerContainer div.contents {
	background: #000 url(images/header_bg.gif) repeat-x left bottom;
	height: 9em;
}

#headerContainer h1 {
	background: transparent url(images/lhc_logo.gif) no-repeat left top;
	display: inline-block;
	width: 248px;
	height: 42px;
	position: absolute;
	left: 0.7em;
	top: 0.9em;
}

#headerContainer h1 a {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

div.LeagueTable {
	background: #CECECE;
	padding: 0;
}

div.LeagueTable p.small{
	margin: 0;
	padding: 0.2em 0.5em;
	text-align: right;
	color: #333;
}
div.LeagueTable p.small a {
	color: #333;
}	

div.LeagueTable h3 {
	font-size: 1.1em;
	color: #444;
	padding: 0.3em 0.5em 0 0.3em ;
	margin: 0;
	font-weight: bold;
}

div.LeagueTable table{
	font-size: 0.9em;
	margin: 1em 0 0 0;
	border: 0;
	padding: 0;
	background: #F4F4F4;
}

div.LeagueTable table th { background: #CECECE; }

div.LeagueTable table td, div.LeagueTable table th{
	padding: 0.15em 0.3em;
	margin:0;
	border: none;
	color: #444;
	border-bottom: 1px solid #BBB;
	white-space: nowrap;
}

div.LeagueTable table td img {
	margin: 0;
	margin-bottom: -0.1em;
}

div.LeagueTable table tr.HomeTeam td, div.LeagueTable table tr td strong{
	font-weight: bold;
	color: #E50000;
	text-align: left;
}

div.LeagueTable table tr.Promotion td, div.LeagueTable table tr.Relegation td { background: #E7E7E7;}

#menuContainer ul {	background: #EE0000 url(images/menu_bg.gif) repeat-x bottom left; clear: both; }

#menuContainer ul li{ margin: 0; padding: 0;}

#menuContainer ul li a { color: #FFF; font-size: 1.1em; padding-left: 1em; padding-right: 1em; font-weight: bold; height: 100%; text-decoration: none;}
#menuContainer ul li a:hover { background: #CC0000;}

#menuContainer ul li.current_page_item a { color: #FFF; background: #000 url(images/selected_link.gif) no-repeat bottom center; }

#mainContainer div.contents { background: #FFF; padding-top: 1em;}

ul.tabbed_header {
	display: block;
	background: #333;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
	height: 2.3em;
}

ul.tabbed_header li {
	display: block;
	float: left;
	list-style: none;
	padding: 0.4em 0.6em;
	color: #FFF;
	font-weight: bold;
	margin: 0 !important;
}

ul.tabbed_header li form {
	padding: 0;
	margin: -0.1em 0 0 0 ;
}

ul.tabbed_header li form fieldset {
	padding: 0;
	margin: 0;
}

ul.tabbed_header li form fieldset select, ul.tabbed_header li form fieldset input {
	font-size: 0.9em;
	margin: 0;
}

ul.tabbed_header li.JavaScript { font-weight: normal; color: #999999; }
ul.tabbed_header li:hover.Selectable {	background: #000; 	cursor: pointer; }
ul.tabbed_header li.Selected, ul.tabbed_header li:hover.Selected {
	background: #E40000 url(images/selected_link_grey.gif) no-repeat bottom center;
}

div.googleMap {
	border: 1px solid #666;
	margin-bottom: 1.2em;

}

#footerContainer div.contents {
	background: #FFF;
	text-align: center;
}
#footerContainer div.contents div.block{
	background: #333 url(images/header_bg.gif) repeat-x left -23px;
	border-top: 1em solid #FFF;
	margin-bottom: 1em;
	color: #FFF;
	text-align: left;
	padding-top: 1.8em;
	padding-bottom: 0.7em;
	float: left;
	width: 75.9em;
}

#footerContainer div.contents div.block h2{
	color: #EE0000;
	font-weight: bold;
	font-size: 1.3em;
}

#footerContainer div.contents div.block p, #footerContainer div.contents div.block ul{
	font-size: 1em;
	list-style: none;
	padding: 0;
	margin-left: 0;
}

#footerContainer div.contents div.block a {
	color: #FFF;
}

#footerContainer div.contents div.block ul { padding: 0; margin: 0; }

#footerContainer div.contents div.block li.widget {
	float: left;
	width: 18.9em;
	padding: 0;
	padding-right: 2.1em;
	margin: 0;
}
#footerContainer div.contents div.block ul { margin-right: -2em; }

#footerContainer div.contents div.block li.widget.ngg_widget {
	width: 33.6em;
}

#footerContainer div.contents div.block li.widget.ngg_widget  a.thickbox img { 	border-color: #FFF; }
#footerContainer div.contents div.block li.widget.ngg_widget  a:hover.thickbox img { 	border-color: #E00; }

.googleMap input, .googleMap label { width: auto !important; }


.ngg-albumoverview .ngg-album {
	padding-left: 11.5em;
	position: relative;
	min-height: 11em;
	border: none;
}

.ngg-albumoverview .ngg-album img {
	position: absolute;
	left: 0em;
	top: 0.3em;
}

h2 {
	color: #E40000;

}

ul#sidebar h2 {
	color: #FFF;
	background: #333;
	padding: 6px 6px 5px;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px;
}

ul#sidebar, ul#sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#sidebar ul {
	margin-bottom: 2em;
}

li.upcoming-events li{
	margin-top: 0.5em;
	display: block;
	float: left;
	width: 80%;
	padding-left: 20%;
}

li.upcoming-events li ul li{
	padding-left: 0;
	width: 100%;
	
}

li.upcoming-events span.date {
	background: #EE0000 url(images/menu_bg.gif) repeat-x bottom left; clear: both; 
	color: #FFF;
	font-weight: bold;
	display: block;
	float: left;
	padding: 3px 0px;
	font-size: 0.8em;
	text-align: center;
	text-transform: uppercase;
	width: 3.2em;
	margin-top: 0.7em;
	margin-left: -25%;
}

li.upcoming-events span.date b { 
	font-size: 1.9em;
	padding: 0;
	line-height: 1em;
	clear: both;
	display: block;
	float: left;
	width: 100%;
	margin-bottom: -2px;
}

li.upcoming-events span {
	font-size: 0.95em;
}

li.upcoming-events span.event-title {
	padding: 0;
	width: 100%;
	display: block;
	text-align:left;
	line-height: normal;
	color: #E10000;
	font-size: 1.2em;
	margin-top: 0px;
}

#recent-posts li{
	padding: 0px;
	font-weight:bold;
	background: #F4F4F4;
	border-bottom: 1px solid #CCC;
}

#recent-posts li a{ 
	color: #333; 
	padding: 5px 4%;
	width: 92%;
	display: block;
	text-decoration: none;	
}
#recent-posts li a:hover{ color: #E30000; }

img.size-thumbnail { 
	float: left;  
	margin-right: 10px; 
	height: 110px;
	border: 1px solid #000;
	margin-bottom: 10px;
}

hr { 
	width: 100%;
	clear: both;
	margin: 10px 0px;
	border: none;
	height: 0;
	border-top: 1px solid #CCC;
}