﻿/*
	template: Polegate Town
*/

* { margin: 0; padding: 0; }
body { font: .74em Tahoma, Verdana, Sans-Serif, Arial; background: url("http://www.polegatetownfc.co.uk/images/body.gif") repeat; color: #7f7f7f; text-align:center; /* for IE */ margin:0 auto; /* for the rest */}
 }
h1 { font: normal 3.4em "Trebuchet MS", Helvetica, Arial; }
h2 { font: normal 1.8em "Trebuchet MS", Helvetica, Arial; color: #fff; margin: 0 0 15px; }
h2 a {color:#fff;}
h2 a:hover {color:#EE7022;}
h3 { font: normal 1.6em "Trebuchet MS", Helvetica, Arial; margin: 0 0 10px; color:#EE7022; }
h4 { font: normal 1.4em "Trebuchet MS", Helvetica, Arial; margin: 0 0 4px; }
p { margin: 0 0 15px; line-height: 1.6em; }
a { outline: 0; color: #EE7022; text-decoration: none; }
a:hover { outline: 0; color: #fff; text-decoration: none; }

li { list-style: none; }
img { outline: 0; border: 0; }
#wrapper {    
	height: 100%;
    margin: 0 auto;
    text-align: center;
    width: 960px;
	}
.clr { clear: both; }
#logobanner {
    position: relative;
    width:940px;
}
#sponsorfa {
    position: absolute;
    top:45px;
    right:20px;
}
#logo { float: left; padding: 30px 15px; }
#logo h1 a { color: #fff; }
#logo h1 a span { color: #808080; }
#menu { height: 44px; padding: 5px 0 0 4px; }
#menu li { float: left; font-size: 1.3em; text-transform: uppercase; }
#menu li a { color: #888; margin: 0 50px 0 0; }
#menu li a.current, #menu li a:hover { color: #fff; }			
#logobanner { clear: both; height: 180px; margin: 0 0 0px; text-align:left;}
#logobanner h1 { font-size: 2.4em; color: #304D6F; margin: 0 0 20px; }
#logobanner em { font-size: 1.3em; font-weight: bold; line-height: 1.6em; }
.content { 
    background: url("http://www.polegatetownfc.co.uk/images/content.gif") repeat scroll 0 0 transparent;
    float: left;
    height: auto;
    margin: 0 auto;
    padding: 20px 0 20px 20px;
    width: 960px;
}
.link { color: #ee7022; padding: 0px; font-size: .9em; }
#main { padding: 20px 20px 20px 20px; width:940px; margin: 0 auto; display:block; clear:both;}
#main .col { float: left; width: 292px; margin: 20px 30px 15px 0; text-align:left;height:235px;}
#main .col.last {width:265px;}
.col { float: left; width: 292px; height:388px; margin: 20px 30px 15px 0; text-align:left;}
.col.last { margin-right: 0; }
.col.team h3 {
    color: #ee7022;
    font: 1.4em "Trebuchet MS",Helvetica,Arial;
    margin: 0px 0;
    padding: 0px 0 4px 0px;
}
.col.team img {
	border-bottom: 1px solid #ee7022;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.col.links {
	/*margin-top: 43px;*/
}
.col.links h4 {
	font-size: 14px;
}
.col.links .article {
	border-bottom: 1px solid #ee7022;
    height: 138px;
    margin-top: 12px;
}
#fantasyfootball {
	margin-top: 15px;
}
.col.links .article.two {
	margin-top: 3px;
}
.col.links .article.three {
	margin-top: 5px;
}
.col.links.last h4.last {
	background: none !important;
}

.case img { float: left; clear: left; margin: 0 20px 20px 0; background: #121212; padding: 3px; }
.short { padding: 0 0 0px 0; margin:0px; font-size:1em; line-height:1.4em;}
.case a, .article a { color: #ddd; font-weight: bold; }
.date { font-size: .84em; margin: 0 0 5px 0px; padding-bottom:5px; text-align:right; background: url("http://www.polegatetownfc.co.uk/images/line.gif") repeat-x left bottom;}
#footer { clear: both; padding: 20px 20px 10px; font-size: .9em; margin:0 auto;text-align:left;/*background:transparent url("http://www.polegatetownfc.co.uk/images/content.gif") repeat scroll 0 0;*/ width:940px;}
#footer a { color: #ccc; margin: 0 10px 0 0; padding: 0 0 1px; }
#footer a:hover {color:#EE7022;}
#links { float: right; }
#links a { margin: 0 0 0 10px; }
#footer p { margin: 0 0 8px; }
#sponsors { padding: 20px 20px 0px 20px; background: url("http://www.polegatetownfc.co.uk/images/content.gif") repeat;}
#sponsors h2 {text-align:center;}
.shortcuts { clear:left; margin-top:20px; }
.short a {color:#fff;}
.short a:hover {color:#EE7022;}
.sponsors img {	display:inline; margin-right:20px; margin-bottom:0px; text-align:center;}
#sponsors .sponsors img { 
	margin-bottom: 30px; 
}
.sponsors {margin-top:20px; text-align:center; /*background: url("http://www.polegatetownfc.co.uk/images/line.gif") repeat-x left top;*/}

.article h4 {padding:6px 0px 6px 0px; background:transparent url("http://www.polegatetownfc.co.uk/images/line.gif") repeat-x scroll left bottom;}
.article h4 a, .col.last h4 a {color:#fff;}
.article h4 a:hover, .col.last h4 a:hover {color:#EE7022;}

.news h4 {padding:5px 0px 0px 0px;}
.news h4 a, .news h4 {color:#fff;}
.news h4 a:hover, .col.last h4 a:hover {color:#EE7022;}

#committee .newsblock img {
    float:left;
    margin-left:20px;
}

#news .col, #committee .col { float: none; width: 940px; margin: 20px 30px 15px 0; text-align:left;}
#news .col h2, #committee .col h2  {
	margin-left:20px;
	color:#ff6600;
}
#news .newsblock, #committee .newsblock {
	float:left; 
	clear:both;
	display:block;
	margin-bottom: 20px;
}

#news .col span, #committee .col span {width:120px;height:100px; float:left;display:block;}
#news .col span.ff {
	background:transparent url("http://www.polegatetownfc.co.uk/images/fantasy-football-2.jpg") no-repeat scroll 20px 0px;
}
#news .col span.fixture {
	background:transparent url("http://www.polegatetownfc.co.uk/images/fixture-change.jpg") no-repeat scroll 20px 0px;
}
#news .col span.event {
	background:transparent url("http://www.polegatetownfc.co.uk/images/orange-calendar.jpg") no-repeat scroll 20px 0px;
}
#news .col span.pub {
	background:transparent url("http://www.polegatetownfc.co.uk/images/pints-2.jpg") no-repeat scroll 20px 0px;
}
#news .col span.racenight {
	background:transparent url("http://www.polegatetownfc.co.uk/images/race-nite-2.jpg") no-repeat scroll 20px 0px;
}
#news .col span.sussexfa {
	background:transparent url("http://www.polegatetownfc.co.uk/images/sussexfa.png") no-repeat scroll 20px 0px;
}
#news .col span.training {
	background:transparent url("http://www.polegatetownfc.co.uk/images/training.jpg") no-repeat scroll 20px 0px;
}
#news .col span.sponsors {
	background:transparent url("http://www.polegatetownfc.co.uk/images/sponsors.jpg") no-repeat scroll 20px 0px;
}
#news .col span.updates {
	background:transparent url("http://www.polegatetownfc.co.uk/images/web-updates.jpg") no-repeat scroll 20px 0px;
}
#news .col span.donations {
	background:transparent url("http://www.polegatetownfc.co.uk/images/donations.jpg") no-repeat scroll 20px 0px;
}
#news .col span.injury {
	background:transparent url("http://www.polegatetownfc.co.uk/images/xray.jpg") no-repeat scroll 20px 0px;
}
#news .col span.christmas {
	background:transparent url("http://www.polegatetownfc.co.uk/images/xmas-football.jpg") no-repeat scroll 20px 0px;
}
#news .news, #committee .news  {
	float: left;
    margin-left: 20px;
    width: 777px;
}
#news h4 {
	font-size:1.5em;
}
#news .short {
	font-size:1.1em;
}
#twitter-widget-0 {
	max-height: 350px !important;
}

/* Links page */

#links-page .newsblock img {
    float:left;
    margin-left:20px;
}

#links-page .col { float: none; width: 940px; margin: 20px 30px 15px 0; text-align:left;}
#links-page .col h2  {
	margin-left:20px;
	color:#ff6600;
}
#links-page .newsblock {
	float:left; 
	clear:both;
	display:block;
	margin-bottom: 20px;
}
#links-page .news  {
	float: left;
    margin-left: 20px;
    width: 777px;
}
#links-page h4 {
	font-size:1.5em;
}
#links-page .short {
	font-size:1.1em;
}


body.ff .col { text-align:center; float:none; width:944px; height:auto;}

body.ff .col img {border:5px solid #EE7022; }
body.ff .col h2, body.ff .col p {width:744px;text-align:center;margin:0 auto 15px auto;}

.fantasyfootball{ text-align:right; display:block; width:936px; padding-bottom:20px;}

.white {font-weight:bold; color:#fff;}
.orange { color:#EE7022;}
.col.last h4 {padding:6px 0px; background:transparent url("http://www.polegatetownfc.co.uk/images/line.gif") repeat-x scroll left bottom;}
#marquee { text-align:left; clear:both; width:940px; height:20px; margin-top:8px; background:transparent url("http://www.polegatetownfc.co.uk/images/line.gif") repeat-x scroll left bottom; padding:0px 0px; }
#marquee span{ float:left; width:100px; font-size:1em; }

#marquee marquee { float:right; width:840px; }

#marquee a{ color:#fff; }
.left{text-align:left; }

body.under-v-over .col {
    float: none;
    height: auto;
    padding: 20px;
    text-align: left;
    width: 904px;
}
body.under-v-over table {
    margin:20px auto 20px auto;
}

.backlink {
	padding:10px 20px;
	background-color:#000;
	color:#EE7022;
	float:left;
	display:block;
	clear:both;
}
.backlink:hover {
	color:#fff;	
	text-decoration:underline;
}

.gallery.first {
	clear:both;
}