/*********** COLOURS ************/
/*								*/
/*								*/
/********************************/

/** HTML Elements **/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #0D2600 url(/content/img/grass-tile.jpg) 30% top repeat-x;
	font-family: Arial,Sans Serif;
	font-size: small;
}
a img {border: 0;}
h1, h2, h3 {text-transform: uppercase;}

a,a:visited{text-decoration: underline;}
a:hover,a:focus{text-decoration: none;}

a.cta,
a.cta:visited
{
	background: url(/content/img/structure/cta-arrow.gif) no-repeat;
	color: #271970;
	font-size: 13px;
}
a.cta-down{background-image: url(/content/img/structure/cta-arrow-down.gif) !important;}

/** Classes **/

.float-right {float: right;}
.float-left {float: left;}
.float-holder {height: 100%; overflow: hidden;}
.alt-clear-fix {clear: both;}
.rounded {-moz-border-radius: 1.3em; -webkit-border-radius: 1.3em; border-radius: 1.3em; padding: 25px;}
/** Structure **/

div#white-lines {
	background: url(/content/img/white-lines2.png) top center no-repeat;
}	

div#site-holder {
	/*background: url(/content/img/white-lines.png) top no-repeat;*/
	width: 931px;
	margin: 0 auto;
	padding: 10px 0;
}

div#top {
	padding: 0 20px;
}
	
	div#logo-1 {
		background: url(/content/img/footyfeed-logo.png) top left no-repeat;
		width: 350px;
		height: 100px;
		float: left;
	}
	
		div#logo-1 a {
			height: 100px;
			width: 350px;
			display: block;
		}
		
	div#logo-2 {
		background: url(/content/img/jacamo-logo.png) top left no-repeat;
		width: 224px;
		height: 100px;
		float: right;
	}
	
		div#logo-2 a {
			height: 95px;
			width: 220px;
			display: block;
		}
	
	div#logo-1 span, div#logo-2 span {position: absolute; top: -100px; z-index: 5000;}
	
div#content-holder {
	font-size: 0.9em;
	margin: 55px 0 0 0;
}

	div#content-holder h1 {
		font-size: 3em;
		margin: 0 0 10px 0;
	}
	
	div#content-holder h2 {
		font-size: 2.2em;
	}

	div#content-holder p {
		margin: 8px 0;
		line-height: 1.7em;
	}
	
	div#content-holder .jScrollPaneTrack {background: #76b308;}
	div#content-holder .jScrollPaneDrag {background: #92dd0a;}
	
	div#content {
		width: 603px;
		float: left;
		padding: 0 10px 40px 0;
	}
	
		div#welcome-box {
			position: relative;
			background: #1d3d00 url(/content/img/welcome-box-top.jpg) top repeat-x;
			color: #fff;
			padding: 25px;
			-moz-border-radius: 1.3em;
			-webkit-border-radius: 1.3em;
			border-radius: 1.3em;
			margin: 0 0 22px 0;
		}	
		
			div#welcome-box h2 {
				color: #76b308;
				margin: 0;
			}
		
			div#welcome-box a,
			div#welcome-box a:visited
			{
				color: #fff;
			}
			
			div#welcome-box p.sub {
				color: #76b308;
				font-size: 1.75em;
				text-transform: uppercase;
				margin: 0; line-height: 1em;
			}
			
		div#get-excuse {
			background: #000 url(/content/img/get-excuse.top.jpg) top repeat-x;
			-moz-border-radius: 1.3em;
			-webkit-border-radius: 1.3em;
			border-radius: 1.3em;
			position: relative;
		}
		
			div#get-excuse span {
				color: #fff;
				font-size: 1.8em;
				margin: 0;
				padding: 18px 10px 18px 25px;
				float: left;
				text-transform: uppercase;
			}
			
			div#get-excuse img {
				position: absolute;
				top: -8px;
				right: 100px;
			}
			
			div#get-excuse a,
			div#get-excuse a:visited
			{
				float: right;
				color: #76b308;
				text-transform: uppercase;
				font-size: 2em;
				font-weight: bold;
				text-decoration: none;
				padding: 18px 25px;
				background: url(/content/img/raquo.png) 17% 30px no-repeat;
			}
			
			div#get-excuse a:hover,
			div#get-excuse a:focus
			{
				color: #fff;
				background-position: 17% -61px;
			}
			
		div#twitter-box {
			margin: 22px 0 0 0;
		}
		
			div.feed-box {
				width: 259px;
				float: left;
				margin: 0 23px 0 0;
				-moz-border-radius: 1.3em;
				-webkit-border-radius: 1.3em;
				border-radius: 1.3em;
				position: relative;
				padding: 26px 10px 15px 20px;
				min-height: 300px;
				font-weight: bold;
				word-wrap: break-word;
			}
			
			div#twitter-box div.feed-box p {
				margin: 0;
				padding: 0;
				line-height: 1.3em;
			}
			
			div.feed-box h3 {
				font-size: 2em;
			}
			
			div.feed-box ul {
				list-style-type: none;
				/*border-right: 3px solid red;*/
				padding: 0 11px 0 0;
				/*height: 289px;*/
				
			}
				div.feed-box ul li {
					padding: 10px 0;
				}
				
				div.feed-box a,
				div.feed-box a:visited
				{
					text-decoration: underline;
				}
				
				div.feed-box a:hover,
				div.feed-box a:focus
				{
					text-decoration: none;
				}
				
			div#excuses {
				background: #fff;
			}
				div#excuses h2 {color: #76b308;}
				div#excuses ul {border-color: #76b308;}
				div#excuses ul li {border-bottom: 1px solid #dad9d9;}
				div#excuses .jScrollPaneTrack {background: #76b308;}
				div#excuses .jScrollPaneDrag {background: #92dd0a;}
				div#excuses a {color: #99cc33;}
				div#excuses a.cta {
					margin: 10px 0 0 0;
					display: block;
					background: url(/content/img/excuse-gen-button.jpg) top no-repeat;
					padding: 10px 5px;
					text-align: center;
					color: #fff;
					text-decoration: none;
				}
				div#excuses a.cta:hover,
				div#excuses a.cta:focus
				{
					background-position: bottom;
				}
				
			
			div#banter {
				background: #76b308 url(/content/img/banter-top.png) top repeat-x;
			}
				div#banter h2 {color: #fff;}
				div#banter ul {border-color: #fff;}
				div#banter li {border-bottom: 1px solid #416c03;}
				div#banter .jScrollPaneTrack {background: #fff;}
				div#banter .jScrollPaneDrag {background: #ccc;}
				div#banter a {color: #fff;}
			
			div#twitter-box div.last {margin: 0;}

			div.white-content {
				background: #fff;
			}
			
				div.white-content a {
					color: #99cc33;
					font-weight: bold;
				}
			
				div.white-content ul {
					list-style-type: none;
				}
				
				div.white-content ul ul {
					list-style-type: circle;
					padding: 3px 0 0 20px;
				}
					div.white-content ul li{
						margin: 0 0 3px 0;
					}
				
	
	div#sidebar {
		width: 304px;
		float: left;
		padding: 0 0 0 10px;
	}
	
		div#matches {
			overflow: hidden;
			background: #fff;
			-moz-border-radius: 1.3em;
			-webkit-border-radius: 1.3em;
			border-radius: 1.3em;
			padding: 26px;
		}
		
			div#matches h2 {
				color: #76b308;
			}
			
			div#matches h3 span {
				background: url(/content/img/v-bg.gif) top left no-repeat;
				padding: 2px 4px 0 4px;
			}
			
			div#matches span.date {
				color: #76b308;
				display: block;
				margin: 5px 0;
			}
		
			div#matches ul{
				list-style-type: none;
				margin: 15px 0 0 0;
			}
			div#matches ul li{
				padding: 0 0 0 46px;
				margin: 0 0 15px 0;
				background-position: top left;
				background-repeat: no-repeat;
			}
			div#matches ul li.itv{background-image: url(/content/img/itv.png);}
			div#matches ul li.bbc{background-image: url(/content/img/bbc.png);}
			div#matches ul li.bbcanditv{background-image: url(/content/img/bbcanditv.png);}
			
			div#matches a {
				color: #76b308;
			}
			
			a.button {
				background: #76b308;
				color: #fff !important;
				padding: 8px;
				display: block;
				-moz-border-radius: 0.4em;
				-webkit-border-radius: 0.4em;
				border-radius: 0.4em;
				text-align: center;
				font-weight: bold;
				text-decoration: none;
			}	
			
			a.button:hover,
			a.button:focus
			{
				background: #669a09;
			}
			
			ul.scroll-pane {
				padding-bottom: 20px;
			}
			
			div#matches ul.scroll-pane li {
				padding: 0;
			}
			
			ul.static-excuses li {
				border-bottom: 1px solid #dad9d9;
				padding: 10px 0 !important;
				margin: 0 !important;
			}
			
			ul.static-excuses a {
				font-weight: bold;
			}
			
		div#widget {
			padding: 26px 20px 26px 26px;
		}
		
			div#widget h2 {
				color: #fff;
				margin: 0 0 10px 0;
			}
			
			div#widget h3 {
				color: #fff;
				padding: 8px 0;
			}
			
			div#widget a.button
			{	
				padding: 5px;
				margin: 10px 0;
				font-size: 1.1em;
			}
			
			div#widget p.sub {
				color: #fff;
				font-size: 1.5em;
				padding: 0;
				line-height: 1em;
				margin: 5px 0;
			}
	
div#footer {
	font-size: 0.9em;
	color: #76b308;
}

	div#footer ul {
		float: right;
	}

	div#footer ul li {
		float: left;
		list-style-type: none;
		margin: 0 0 0 10px;
	}
	
		div#footer ul li a,
		div#footer ul li a:visited
		{
			color: #76b308;
			text-decoration: none;
		}
		
		div#footer ul li a:hover,
		div#footer ul li a:focus
		{
			text-decoration: underline;
		}
		
/** SUBMIT AN EXCUSE **/

form#submit-excuse {

}

	form#submit-excuse fieldset {
		border: 0;
	}
	
	form#submit-excuse textarea {
		background: #fff;/*Opera fix*/
		display: block;
		width: 547px;
		border:1px solid #AAAAAA;
		padding:4px 2px;
		height: 3em;
		margin: 0 0 10px 0;
		-moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;
	}
	
	form#submit-excuse label {
		font-size: 2em;
		float: left;
	}
	
	form#submit-excuse input#submit {
		float: right;
		background: #76b308;
		padding: 5px;
		border: 0;
		color: #fff;
		-moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;
		cursor: pointer;
		height: 30px;
	}
	form#submit-excuse input:hover#submit {
		background: #6ea708;
	}
	
	p#response {
		margin-top: 0 !important;
		font-size: 1.2em;
		float: left;
		font-weight: bold;
	}
	
	div#char-limit {
		float: right;
		font-size: 1.9em;
		font-weight: bold;
	}
	
	div.breach {
		color: #f00;
	}
	
div#submit-list {
	overflow: hidden;
}
	
	div#submit-list ul{

	}
	div#submit-list ul li {padding:10px 0; border-bottom: 1px solid #dad9d9;}
	div#submit-list a {color: #99cc33;}
	div#content-holder div#submit-list p {
		margin: 0;
		padding: 0;
		line-height: 1.3em;
	}
	
	
	div#submit-list h2 {
		color: #76b308;
	}
	
/** MISC **/
div#embed-code {
}

	div#embed-inner {
		width: 450px;
		padding: 20px;
	}
	
		div#embed-inner input {
			width: 430px;
			padding: 10px;
		}
		
		div#embed-inner h2 {
			margin: 0 0 10px 0;
		}	
		
		div#embed-inner p {
			margin: 0 0 10px 0;
		}
#the-matches, #the-matches ul{
  list-style-type: none; margin: 20px 0; 

}
#the-matches ul.lineup, #the-matches ul.info{
  float: left;
  width: 272px;
}



#the-matches li {
  margin: 2px 0;
}

#the-matches li ul{
  margin-top: 0px;
}
#the-matches table{
clear: both;
}

#the-matches table th{
  background: red;
}

#the-matches table tr{
  background: #579a00;

}
#the-matches table tr.alter{
  background: #276200;
}
#the-matches table td{
  padding: 4px;

}
#the-matches span{
  color: rgb(102, 154, 9); margin-right: 5px; font-weight: bold;
}



thead{font-weight: bold;}