/*
Theme Name: ICG Ui Gnsy Ltd (IM)
Theme URI: www.icg.gg
Description: Custom Wordpress theme for ICG.gg
Author: IM uidigital.com
Author URI: http://www.uidigital.com
Version: 1.0
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt,var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
/*line-height: 1em;	yes, em, not unitless*/
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	}
a img, :link img, :visited img {
	border: 0;
	}
	a{
		outline: none;
		color:black;
	}
:link, :visited {
	text-decoration: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
caption, th { 
	text-align: left; 
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0;
	}
h1, h2, h3, h4, h5, h6, p {
	position: relative;
	}
p {
	margin: 0 0 1em;
	}
legend, hr {
	display: none;
	visibility: hidden;
	}
button {
	cursor: pointer;
	}
abbr, acronym {
	cursor: help;
	border: none;
	}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
/*left margin for elements that need it IF THEY NEED IT
----------------------------------------
li, blockquote {
  margin-left: 1.5em;
	}
ol li {
  margin-left:2em;
	}
*/ 











/*misc useful classes
---------------------*/
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	}
.hide {
	display: none;
	visibility: hidden;
	}
.center {
	text-align: center;
	}








/*clearfix
----------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*END clearfix



/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html
----------------------------------------------------*/
.replace { 
	position:relative; 
	margin:0px; 
	padding:0px; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ overflow: hidden; /* */ 
	} 
.replace span {
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
	}
/*Example HTML - all elements that require replacement use the .replace class then set the rule for the specific image and dimensions and associate with the elements ID.

<h1 id="myh1" class="replace" >Headline<span></span></h1> 

the add the CSS:
#myh1, #myh1 span { 
	height:100px; 
	width:300px; 
	background-image: url(head.png); 
} 
----------------------------------------------------*/



body{
	margin:0;
	padding: 0;
	font-family: Arial;
	background-image: url(images/back.jpg);
	background-repeat: repeat-x;
	font-size:12px;
}

#wrap{
	width: 960px;
	margin: 0 auto;
}

#header{
	width:960px;
	height:170px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#header a#logo{
float:left;
height:140px;
margin-left:17px;
margin-top:0;
width:178px;
}

#header ul{

height:64px;
position:absolute;
right:0px;
top:72px;
width:715px;
}
#header ul li{
	display: inline;
}
#header ul li a{
border-left:1px solid #FFFFFF;
border-right:1px solid #446315;
color:#FFFFFF;
float:left;
font-size:12px;
padding:24px 17px;
text-shadow:-1px -1px #006838;
text-transform:uppercase;
}

#header ul li:first-child a{
border-left:none;
	
}
#header ul li:last-child a{
border-right:none;
}
#header ul li a:hover,
#header ul li.current-page-item a{
	background-color: #56A001;
}

.phone{
	position:absolute;
right:6px;
top:26px;
}

.phone p{
	font-size:29px;
	color:white;
	text-shadow:-1px -1px #006838;
}
#content{
	width: 959px;
	border-left:1px solid #c9c9c9;
	border-right:1px solid #c9c9c9;
	min-height: 600px;
	background-color:#fff;
	display:inline-block;
	margin: 0;
	padding: 0;
}

#promo{
	height: 290px;
	width: 960px;
	_width:959px;
	position:relative;
	
}

#promo a#join-in{
background-image:url(images/join-in.gif);
bottom:6px;
height:189px;
position:absolute;
right:-7px;
width:194px;
text-indent: -9999px;
}

/*..tabs..*/


#tabbed_box_1 {
height:285px;
margin-left:10px;
margin-right:10px;
width:940px;
}
.tabbed_box h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	color:#ffffff;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {
	overflow:auto;
	padding:1px;
	width:935px;
	margin-left:5px;
}

ul.tabs {
	margin:0px; padding:0px;
	margin-top:0px;
	margin-bottom:6px;
	float:left;
	clear:both;
	width:300px;
	
}
ul.tabs li {
clear:both;
display:inline;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:4px;
width:300px;
}
ul.tabs li a {
	padding-bottom:2px;
	text-decoration:none;
	text-indent:-9999px;
	height:88px;
	width:300px;
	float:left;

}


ul.tabs li a.cricket{
	background-image: url(images/tab-cricket.jpg);
	background-repeat: no-repeat;
}

ul.tabs li a.footsal{
	background-image: url(images/tab-footsal-2.jpg);
	background-repeat: no-repeat;
}
ul.tabs li a.netball{
	background-image: url(images/tab-netball.jpg);
	background-repeat: no-repeat;
	margin-top:-1px;
}
.content {
	float:right;
	width:635px;
	background-position: left center;
	position:relative;
}

a.tab-contact-us{
left:43px;
padding:16px 112px;
position:absolute;
text-indent:-99999px;
top:162px;
width:78px;
}

#content_1{
	background-image: url(images/tab-cricket-content.jpg);
	background-repeat: no-repeat;
	height:275px;
}
#content_2{
	background-image: url(images/tab-footsal-content.jpg);
	background-repeat: no-repeat;
	height:275px;
	_display:inline-block;
	_width: 635px;
	_float: left;
	_margin-right:-3px;
	}

#content_3{
	background-image: url(images/tab-netball-content.jpg);
	background-repeat: no-repeat;
	height:275px;
	_display:inline-block;
	_width: 635px;
	_float: left;
	_margin-right:-3px;
}
#content_2, #content_3 { display:none; }


#latest-news{
	background-image: url(images/latest-news.jpg);
	background-repeat: repeat-x;
	width: 959px;
	height: 61px;
}

#latest-news img{
	float: left;
	margin-left: 12px;
	margin-right: 10px;
	margin-top:10px;
	}

#latest-news h2{
	font-size: 22px;
	float: left;
	display: inline;
	margin-top:16px;
}
	#latest-news p{
	float:right;
font-size:12px;
margin-right:7px;
	}
	

#maincontent-left{
	float: left;
	display: inline;
	width: 314px;
	
	}	

.home-boxes-left{
	background-image: url(images/home-boxes-left.jpg);
	background-repeat: no-repeat;
	width: 313px;
	height: 603px;
	margin-top:5px;
	
	
}	
	
#maincontent-right{
border-left:1px solid #D8D8D8;
display:inline;
float:right;
margin-top:9px;
min-height:610px;
width:644px;
	
}		
	
	
.scores{
background-image:url(images/scores-back.jpg);
background-position:center bottom;
background-repeat:repeat-x;
/*background-image: url(images/banner-GT.jpg);
background-repeat:no-repeat;
background-position:15px 0;*/
border-right:1px solid #D8D8D8;
display:inline;
float:left;
min-height:611px;
width:330px;
position:relative;
}

.scores a.banner{
display:block;
height:600px;
left:15px;
position:absolute;
text-indent:-9999px;
top:0;
width:300px;
		
}

.scores a.banner-contact{
/*background-image:url("images/contact-us.png");
background-repeat:no-repeat;*/
display:block;
height:55px;
left:55px;
position:absolute;
text-indent:-9999px;
top:472px;
width:222px;
		
}
.scores h2{
	background-image: url(images/latest-scores.jpg);
	background-repeat: no-repeat;
	text-indent: -99999px;
	width: 330px;
	height: 52px;
}

.scores img{
border:1px solid gray;
margin-bottom:10px;
margin-left:15px;
margin-top:5px;
padding:1px;
}

.scores p{
background-image:url("images/calendar.gif");
background-position:0 -1px;
background-repeat:no-repeat;
font-size:11px;
font-weight:bold;
margin-left:10px;
margin-right:15px;
margin-top:10px;
text-indent:18px;
}

.scores h3{
border-bottom:1px dotted gray;
font-size:15px;
font-weight:bold;
letter-spacing:0.001em;
margin-left:10px;
padding-bottom:3px;
width:305px;
}


.scores h3 a{
	text-decoration: none!Important;
	color: black!Important;
}

.scores h3 a:hover{
	text-decoration: underline!Important;
}
.scores ul,
#post ul{
border-bottom:1px dotted #D8D8D8;
margin-bottom:15px;
margin-left:30px;
margin-top:10px;
width:265px;
padding-bottom:10px;
}
.scores ul li,
#post ul li{
	color: #666;
	line-height: 1.7em;
	list-style: square;
	list-style-position: inside;
	
}

.home-boxes-right{
background-image:url(images/home-boxes-right.jpg);
background-repeat:no-repeat;
display:inline;
float:right;
height:603px;
margin-top:-4px;
width:313px;
	}	
	
.nets-coaching{
float:left;
margin-left:26px;
_margin-left:14px;
margin-top:63px;
width:257px;
}	

.home-boxes-left img{
	border: 1px solid gray;
	padding: 1px;
	margin-bottom: 10px;
}	

.home-boxes-left a,
.scores a,
.home-boxes-right a{
	font-weight: bold;
	text-decoration: underline;
	color: black;
}



.events{
float:left;
margin-left:26px;
_margin-left:14px;
margin-top:110px;
width:257px;
}
	
.kids-parties{
float:left;
margin-left:25px;
margin-top:64px;
width:257px;
_margin-left:13px;
}	
	
.home-boxes-left h3,
.home-boxes-right h3{
	font-size: 16px;
	font-weight: bold;
	margin-left: 0px;
}	
	
.licenced-bar{
float:left;
margin-left:25px;
_margin-left:13px;
margin-top:116px;
width:257px;
}	
	
	.left{
		float:left
	}
	.right{
		float: right;
	}
#footer{
	background-image: url(images/footer.jpg);
	width: 961px;
	height: 53px;
	background-repeat: no-repeat;
}

#footer p{
	font-size:11px;
	padding-top: 9px;
	margin-left:10px;
	margin-right: 10px;
	color: #fff;
}
#footer a{
	color: #fff;
	text-decoration: none;
}

#footer a:hover{
		text-decoration: underline;
}

#maincontent-left.inner-maincointent-left{
	background-image: url(images/maincontent-left-inner-back.jpg);
	background-repeat: repeat-x;
	background-position: top;
	min-height: 400px;
}

#maincontent-right.inner-maincontent-right{
	margin-top:0px;
}

.sidebar-top{
background-image:url(images/sidebar-top.gif);
height:13px;
line-height:1em;
margin-left:7px;
margin-top:20px;
width:300px;
_line-height:0.6em;
}

#sidebar{
background-color:#FFFFFF;
background-image:url(images/sidebar-back.png);
_background-image:url(images/sidebar-back.gif);
background-position:center bottom;
background-repeat:no-repeat;
margin-left:7px;
min-height:300px;
overflow:hidden;
padding-bottom:20px;
width:300px;
_line-height:1.4em;
_margin-top: -3px;
}

*+html #sidebar{
	background-position:0px bottom;

}
*html #sidebar{
	background-position:0px bottom;

}
*+html #sidebar ul{
	margin-left:15px;
}
*html #sidebar ul{
	margin-left:15px;
}
#sidebar h2{
background-image:url(images/sidebar-h2.png);
_background-image:url(images/sidebar-h2.gif);
background-position:center bottom;
background-repeat:no-repeat;
font-size:22px;
font-weight:normal;
padding-bottom:15px;
padding-left:3px;
text-indent:13px;
width:299px;
_line-height:1.4em;
_width:298px;
_padding-left: 1px;
_display:inline-block;

}
*+html #sidebar h2{
	margin-left:-17px;
}
*html #sidebar h2{
	margin-left:-17px;
}
#sidebar ul{
margin-left:20px;
margin-right:20px;
margin-bottom:25px;
width:265px;
}

#sidebar ul li{
	background:transparent url(images/img-list.gif) no-repeat scroll left center;	
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #d8d8d8;
	list-style-position: inside;
	padding-left:20px;
}
#sidebar ul li.collapsPage {
	background-image:none;
	padding-left:0px;}
	
	#sidebar ul li.collapsPage ul{
		margin-left:18px;
width:240px;
	}
	
	#sidebar ul li.collapsPage span.collapse{
		background:transparent url(images/img-list.gif) no-repeat scroll left center;	
		padding-left:20px;
		font-weight:bold;
	}
		#sidebar ul li.collapsPage span.expand{
		background:transparent url(images/img-list.gif) no-repeat scroll left center;	
		padding-left:20px;
	}
*+html #sidebar ul li{
	padding-left: 8px;
}

*html #sidebar ul li{
	padding-left: 8px;
}
#sidebar ul li a{
	color: #000;
	position:relative;
}
#sidebar li ul li a{
	color: #000;
	position:relative;
}
#latest-news.inner-latest-news{
	margin-top: -2px;
}

#post{
	margin:30px;
	line-height: 1.7em;
	position: relative;
}
#post small{
	position: absolute;
	top: 8px;
	right:0px;
	background: #eee;
	padding: 1px 13px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size:10px;
}
#post.news h2{
	border-bottom:1px dotted #EEEEEE;
font-size:26px;
font-weight:normal;
margin-bottom:10px;
padding-bottom:10px;
}
#post h2{
	font-size: 26px;
	padding-bottom: 10px;
	font-weight: normal;
}
#post ul{
	border: none;
}
#post h3{
	font-size: 18px;
		padding-bottom: 7px;
}
#post h4{
	font-size: 16px;
		padding-bottom: 7px;
}
#post h2 a{
	color:black;
}
img.alignleft{
background:white none repeat scroll 0 0;
border:1px solid gray;
float:left;
margin-bottom:0;
margin-right:10px;
margin-top:6px;
padding:1px;
}


img.alignright{
background:white none repeat scroll 0 0;
border:1px solid gray;
float:right;
margin-bottom:0;
margin-left:10px;
margin-top:6px;
padding:1px;
}
img.aligncenter{
	margin: 0 auto;
	display: block;
}
#sidebar li.widget{
	list-style: none;
	margin:0;
	padding: 0;
}

blockquote{	
	background-image: url(images/blockquote.jpg);
	background-repeat:no-repeat;
	background-position: 5px 5px;
	border: 1px solid #d8d8d8;
	background-color: #eee;
	padding: 20px;
	width: 490px;
	margin: 20px auto;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px; 
}
blockquote strong{
	font-size:18px;
	padding-bottom: 5px;
}
.linklove{
	display: none;
}

a.more-link{
	font-weight: bold;
}

a.more-link:hover{
	text-decoration: underline;
}

#post.news .post{
border-bottom:1px dotted gray;
margin-bottom:15px;
padding-bottom:10px;
position:relative;
}

#maincontent #maincontent-right .scores h3 a{
	color:black;
}

#logos{
	width: 959px;
	border-top:1px solid #C9C9C9;
	border-left:1px solid #C9C9C9;
border-right:1px solid #C9C9C9;
height:130px;
background-color:#eee;
padding-top:10px;
}

#logos .one,
#logos .two,
#logos .three
{
	float:left;
	display:inline;
	margin-left:10px;
	width:225px;
	border-right: 1px dotted #c9c9c9;
	height:110px;
	margin-top: 10px;
}
#logos .four
{
	float:right;
	display:inline;
	margin-left:10px;
	width:225px;
	height:110px;
	margin-top: 10px;
	
}

#logos img.major{
	width:214px;
	height: 49px;
}
#logos img.minor left{
	width:96px;
	height: 50px;
}

#logos img.minor left{
	width:118px;
	height: 50px;
}
#logos img.minor-right{
	margin-left: 15px;
}