/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : John Davies / john@designeratwork.co.uk / Designer At Work

Type: Screen, Projection

Description : Screen and projection stylesheet for Kennington Football Club site

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#000000 url(../images/layup/bodyBg.gif) top left repeat-x; color:#000000; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */

/* ----- IDS ----- */
#container { width:876px; margin:0 auto; text-align:left; font-size:120%; }   
#header { width: 876px; position: relative; height: 119px; }
#header #logo { position: absolute; top: 0px; left: 0px; }
#header #founded { position: absolute; top: 11px; right: 7px; }
#header #ashford { position: absolute; bottom: 0px; right: 0px; color: #fff; font-weight: bold; font-size: 1.4em; }
#printHeader { display:none;}

#inner { width: 876px; }
#leftCol { float: left; width: 207px;}
#leftCol .box { margin-bottom: 10px; }
#leftCol .season { background:url(../images/layup/leftSeason.jpg) top left no-repeat; width: 207px; height: 71px; }
#leftCol .season form { padding-top: 38px; padding-left:15px; }
#leftCol .season select { width: 175px; }
#leftCol .sponsors { background: #fff; padding-bottom: 10px; }
#leftCol .sponsors .companyLogo { margin: 0px 0px 10px 0px; padding: 0px 10px; }
#leftCol .sponsors .companyLogo a { border: 1px solid #fff; display: block; width: 182px; }
#leftCol .sponsors .companyLogo a:hover { border: 1px solid #d5d5d5; }
#leftCol #oneHundredClub { background:url(../images/layup/100ClubBg.jpg) top left no-repeat; border: 1px solid #fff; color: #fff; }
#leftCol #oneHundredClub .padding { padding: 196px 8px 0px 8px; }
#leftCol #oneHundredClub #results { width: 100%; font-weight: bold; }
#leftCol #oneHundredClub #results a { text-decoration: none; }
#leftCol #oneHundredClub #results a:hover { color: #14598f; }
#leftCol #oneHundredClub #results td { padding: 4px 0px 4px 0px; font-size: 1.3em; font-weight: bold; vertical-align: top; }

#rightCol { float: right; width: 659px; }
#rightCol #mainImage {  }
#rightCol #mainContent { background: #f1f1f1; border: 1px solid #fff; }
#rightCol #mainContent .padding { padding: 10px; }
#rightCol #mainContent #title { width: 647px; padding: 6px 0px 6px 10px; margin-bottom: 1px; text-transform: uppercase; background: #e2a428; }
#rightCol #mainContent #mainImage { margin-bottom: 1px; }
#rightCol #mainContent #homeNews { width: 100%; font-weight: bold; }
#rightCol #mainContent #homeNews a { text-decoration: none; }
#rightCol #mainContent #homeNews a:hover { color: #14598f; }
#rightCol #mainContent #homeNews td { padding: 10px; font-size: 1.2em; border-bottom: 1px solid #fff; background: #e8e8e8; font-weight: bold; vertical-align: top; }

/* ----- OFFICIALS ----- */
#rightCol #officials { position: relative; }
#rightCol #officials .thumb { position: absolute; top: 18px; right: 14px; }
#rightCol #officials .thumb .frame { position: absolute; top: -7px; left: -7px; }
#rightCol #officials table {  }
#rightCol #officials table td { font-size: 1.0em; padding: 9px 7px 9px 7px; }

/* ----- GALLERY ----- */
#rightCol #gallery { position: relative; }
#rightCol #gallery img { float: left; margin-right: 10px; margin-bottom: 10px; }
#rightCol #gallery img.last { margin-right: 0px !important }

/* ----- FIXTURES ----- */
#rightCol #fixturesResults {  }
#rightCol #fixturesResults table { width: 100%; font-size: 0.9em; background: #d9e4ed;  }
#rightCol #fixturesResults th { background: #e2a428; color: #fff; padding: 8px 0px; }
#rightCol #fixturesResults td { padding: 4px 0px 4px 0px; border-bottom: 1px solid #c8c8c8; background: #dedede; }
#rightCol #fixturesResults tr { vertical-align: top; }

/* ----- TEAM ----- */
#rightCol #teamPhoto { margin-bottom: 10px; border: 3px solid #E2A428; }
#rightCol #teamCol1 { float: left; width: 207px; margin-right: 10px; }
#rightCol #teamCol2 { float: left; width: 420px; }
#rightCol .teamBox { background: #eaeaea; border: 1px solid #E2A428; }
#rightCol .teamBox .title { background: #E2A428; color: #fff; font-weight: bold; padding: 4px 0px 4px 10px; }
#rightCol .teamBox .detail { padding: 4px 10px 4px 10px; }
#rightCol .teamBox .detail span { padding: 6px 0px 6px 0px; display: block; }
#rightCol .teamManager { margin-bottom: 10px;  }
#rightCol .teamLinks { }
#rightCol .teamInfo { margin-bottom: 10px;  }
#rightCol .teamSquad {}
#rightCol .teamSquad table { width: 100% !important; }
#rightCol .teamSquad td { padding: 4px 0px 4px 10px !important; }
#rightCol .teamSquad .trAlt { background: #eaeaea; }

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer !important;}
.trAlt { background: #e9e9e9; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 12px 0; font-size:100%; font-weight:bold; }
h1 { font-size: 1.2em; color: #fff; padding-bottom: 0px; }
h2 { font-size: 1.2em; color: #000; }

/* ----- TOP NAVIGATION ----- */ 
#primaryNav { height: 34px; width: 876px; font-size: 0.9em; position:relative; z-index: 9999; margin-bottom: 10px; }
#primaryNav ul { margin: 0; padding: 0; list-style: none; }
#primaryNav ul li { background:url(../images/layup/navDivider.gif) top right no-repeat; padding:0; position:relative; float:left; }
#primaryNav ul li a { display: block; text-decoration: none; padding: 8px 13px 9px 13px; margin-right: 2px; }
#primaryNav ul li a:hover { background:#d58e00; color: #fff; }
#primaryNav ul li a.active { background:#d58e00; color: #fff; }
#primaryNav ul li.last a { margin-right: 0px; padding-left: 16px; padding-right: 16px; }
#primaryNav ul li.last { background: none; }

/* ----- DROPDOWN NAV ----- */
#primaryNav ul li ul { width:208px; background:#000; border: 1px solid #c18307; margin:0; padding:0; position: absolute; top:34px; left: -999em; clear:both;  }
#primaryNav ul li:hover ul,
#primaryNav ul li.sfhover ul { left: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; width: 208px; }
#primaryNav ul li ul li.top { background:none; }
#primaryNav ul li:hover ul li,
#primaryNav ul li.sfhover ul li { background: none !important; border-bottom: 1px solid #757575; display: block; padding:0 !important; margin: 0px; width:208px; }
#primaryNav ul li:hover ul li a,
#primaryNav ul li.sfhover ul li a { width:196px; padding: 6px 0 6px 12px; margin: 0px; display:block; color: #fff; }
#primaryNav ul li:hover ul li a:hover,
#primaryNav ul li.sfhover ul li a:hover { background:#d58e00; color: #fff; }

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}

/* ----- FOOTER ----- */
#footer { color: #fff; height: 85px; background: url(../images/layup/footerBg.gif) top left repeat-x; font-size: 0.9em; margin-top: 12px; }
#footerContainer { width:876px; margin:0 auto; text-align:left; font-size:120%; }   
#footerContainer a { font-weight:normal; text-decoration:none; color: #fff; }
#footerContainer a:hover { text-decoration:underline;}
#footerContainer p { padding-top: 30px; padding-bottom: 0px; }

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.requiredLabel { color:#e0a022; font-weight: bold; }
.checkRadio { width:20px; position:relative; left:-7px;}
.frmContact { margin-bottom:15px;}
.frmContact label { display:block; width:260px; float:left; font-size:1.0em; }
.frmContact input, .frmContact textarea { width:200px; font-size:1.0em;}
.frmContact select { width:204px; font-size:1.1em;}
.frmContact div { margin-bottom:10px;}
#btnSubmit { width:82px; height:31px; border:none;}
.error { font-size: 1.2em; color: #e0a022; padding: 5px 0px 5px 0px; font-weight: bold; display:none; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }