/*
   style.css
   Sporting Spectrum
   
   Created by Callum Wilson on 2008-10-15.
   Copyright 2008 Oxygen Kiosk. All rights reserved.
*/
/* ============== */
/* = Typography = */
/* ============== */
* {margin:0; padding:0;}
html {}
body {font-family:"Helvetica Neue", arial,helvetica,sans-serif;font-size:76%;color:#000000; background: #666666; font-size: 76%; line-height: 1.4em;}
img, fieldset {border:0px;}
p, li, td, th {font-size: 1em;}
h2, h3, h4, legend {color: #c0d72f ;}
h2 {font-size: 1.2em; font-weight: bold; text-transform: uppercase;}
h3 {font-size: 1em;}
legend {font-weight: bold; font-size: 1.4em; margin-bottom: 1em; margin-left: 0; padding-left: 0;}
h4 {font-size: 1em;}
	h3 a {color: #B0C52B; text-decoration: none;}
p, ul, ol, table, blockquote, dl, h2, h3, h4 {margin-bottom: 1em;}
ul {margin-left: 40px;}
dl.staff, body.upcoming-events dl {overflow: hidden;display: inline-block;} dl.staff, body.upcoming-events dl{display: block;}
dl.staff dt, dl.staff dd, body.upcoming-events dt, body.upcoming-events dd {float: left; line-height: 1.6em; height: 1.6em;}
dl.staff dt, body.upcoming-events dt {font-weight: bold; clear: left; width: 12em; float: left;}
dl.staff dd, body.upcoming-events dd {float: none; margin-left: 12em;}



/* =================== */
/* = Upcoming Events = */
/* =================== */
/*body.upcoming-events dl {overflow: hidden; display: inline-block;}body.upcoming-events dl {display: block;}
	body.upcoming-events dt {font-weight: bold; color: #B0C52B; float: left; clear: left; margin-right: 1em; text-transform: uppercase; margin-bottom: 1px; width: 100px;}
	body.upcoming-events dd {margin-right: 100px;}*/

a {color: #c0d72f; text-decoration: none;}
a.non-active {color: #000;}
a img {border: none;}
blockquote.pullquote {float: right; width: 225px; margin-left: 1em; }
	#words blockquote.pullquote p {color: #B0C52B; font-size: 1.2em; font-style: oblique; margin-right: 0;}
p.staff-categories a {font-weight: bold;}
/* ========== */
/* = Layout = */
/* ========== */
#wrapper {margin:0 auto; width:1024px; border: 3px solid #fff; border-top: none; }
#header {background:#231f20; color:#fff; border-bottom:3px solid #fff; height:  110px;}
	#header h1#logo {float: left;}
		#header h1#logo a {display: block; height: 110px; width: 682px; background: url(../images/logo.jpg) center left no-repeat; text-indent: -9999em;}

#banner {width: 1024px; height: 226px; overflow: hidden; background: url(../../../images/banners/jpmorgan-04-1.jpg) top left no-repeat;}
	#banner img, #banner object {display: block;}
#content {background: #c0d72f url(../images/background.png) top left repeat-y;border-top:3px solid #fff; display: inline-block; overflow: hidden; min-height: 380px;} #content {display: block;}
	body.home #content {background: #c0d72f url(../images/background-home.png) top left repeat-y;}
	#menu-column {width:236px;float:left; }
	
	/* Front Page */
	#middleColumn {border-left:3px solid #fff; width:548px;float:left;}
	#rightColumn { width:215px; float:left;padding: 10px; }
	
/*Menu*/
ul#menu {list-style:none;font-weight:700; font-size:1em; margin-left: 0;}
ul#menu li {border-bottom:1px solid #f9f9f9; line-height: 1em; position: relative; text-transform: uppercase;}
/*	ul#menu li.last {border-bottom: none;}*/
	ul#menu li a {color:#000; display: block; line-height: 36px; height: 36px; padding-left: 20px; text-decoration: none;}
	ul#menu li a:hover, ul#menu li.active a, ul#menu li ul li.active a {color:#fff;}
	ul#menu li:hover {border-bottom:1px solid #fff;}
	
	ul#menu li ul {list-style: none; margin-bottom: 1em; font-size: 1em; position: absolute; left: -9999em;}
		ul#menu li.active ul {left: 0; position: relative; margin-left: 20px; margin-bottom: 1em;}
		ul#menu li ul li {border-bottom: none}
			ul#menu li.active ul li a {color: #000; line-height: 2.2; height: auto;}
			ul#menu li.active ul li.active a {color: #fff;}
			ul#menu li ul li:hover {border-bottom: none;}

/* Normal Content */
#words {background: #fff;margin-left: 236px; margin-left: 250px; padding: 20px; height: 100%;}
	#words p {margin-right: 240px;}

/* Front Page Layout */
#middleColumn ul {list-style:none; display: inline-block;overflow: hidden; margin: 0;} 
#middleColumn ul {display: block;}
	#middleColumn li {border-right:3px solid #fff; border-bottom:3px solid #fff; float:left;}
	#middleColumn li.right {border-right: none;}
	#middleColumn li.bottom {border-bottom: none;}
		#middleColumn img {/*width:271px;height:187px; */display: block;}

		#rightColumn h2 {font-size:14px;font-weight:900;margin-bottom: 1em; color: #000;}
		#rightColumn dl {}
		#rightColumn a {color:#fff; text-decoration: none;}
		#rightColumn dt {color:#fff;text-transform: uppercase; font-size: 0.9em;}
		#rightColumn dd {margin-bottom: 1em; font-size: 0.9em;}
		
/* Footer */
#footer {padding-bottom:14px; padding-top:7px; color:#fff; font-size:1.2em; font-weight:normal; text-align:center; font-variant:small-caps; background-color:#666; width: 1024px; margin: 0 auto;}
	#footer a {color:#fff; text-decoration: none;}
		#footer p.footer-content {padding-left: 37px;}
		#footer p.credit {float: right; font-size: 0.75em; text-align: right; margin-left: -200px; line-height: 1.1em; font-variant: normal; margin-top: -6px; color: #ccc;}
			#footer p.credit a {color: #ccc;}
			#footer p.credit a:hover {color:#B0C52B;}

/* Portfolio Page */
ul#portfolio {list-style: none; overflow: hidden;display: inline-block;  margin: 0; margin-right: -60px;}ul#portfolio {display: block;}
	ul#portfolio li.portfolio-item {width: 200px; height: 152px;float: left; border-bottom: 10px solid #b2b2b2; margin-right: 60px; color: #d5d6d4; margin-bottom: 0; padding-top: 10px;text-transform: uppercase;}
		ul#portfolio li.portfolio-item a {text-decoration: none;}
		ul#portfolio li.last-portfolio-item {margin-right: 0;}
		ul#portfolio li.portfolio-item:hover {border-bottom: 10px solid #B0C52B;}
		ul#portfolio li.portfolio-item ul li a {color: #b2b2b2;}
		ul#portfolio li.portfolio-item ul {background: #fff; height: 140px; list-style: none; margin: 0;}
			ul#portfolio li.portfolio-item ul li {width: 100%; height: auto; float: none; border-bottom: none; font-weight: bold;}
				ul#portfolio li.portfolio-item ul li.logo {height: 85px; line-height: 85px;overflow: hidden;}
					ul#portfolio li.portfolio-item ul li.logo img {vertical-align: middle;}
					ul#portfolio li.portfolio-item ul li.logo a img {border: none;}
				
				ul#portfolio li.portfolio-item ul li:hover {border-bottom: none;}
ul#portfolio li.portfolio-item ul li a span.client, ul#portfolio li ul li a span.event {color: #000;}
	ul#portfolio li.portfolio-item:hover ul li a {color: #B0C52B;}

/* News Page */
div.news-item {}
	div.news-item h3 {margin-bottom: 0;}
	p.news-item-meta {color: #AFAFAF; font-size: 0.8em;}
	
/* Search Form */

#search {float:right; padding:28px 0; text-transform: uppercase;font-weight:900; padding-left: 0; width: 240px; display: inline;}
	#search fieldset {border: none; padding: 0; margin: 0;}
	#search legend {color: #fff; padding-left: 3px; margin: 0; font-size: 1em;}
	#search label {display: inline;}
	#search input {font-weight:500;background-color:#c0d72f;color:#333; padding:3px;border:0px;margin-top:4px; height: 14px;}
	#search input#ajaxSearch_input {width: 180px; height: 14px;}
	#search #submit, #search input#ajaxSearch_submit {background-color:#999999; font-weight:900;color:#fff; text-transform: uppercase; height: 20px; width: 24px; line-height: 14px;}
	#search button#ajaxSearch_submit {background: url(../images/go.gif) top left no-repeat #999999; font-weight:900;color:#fff; text-transform: uppercase; height: 21px; width: 30px; text-indent: -9999em; border:  none;overflow: hidden; cursor: pointer;}
	
a.ajaxSearch_resultLink {color: #B0C52B; font-weight: bold; text-decoration: none;}
	a.ajaxSearch_resultLink:hover {text-decoration: underline;}

#words p.news-images-holder {margin-right: 0;}
img.news-image {float: right; margin: 0 0 1em 1em; max-width: 240px;}

/* ==================== */
/* = Portfolio Popups = */
/* ==================== */
div.portfolio-popup-container {width: 984px; height: 373px;background: #fff; margin: 0 auto; overflow: hidden;display: inline-block; padding: 25px 0 10px 40px ; padding-right: 0;} div.portfolio-popup-container {display: block;}
div.portfolio-wrapper {overflow: hidden;display: inline-block; margin-bottom: 0.5em; }div.portfolio-wrapper {display: block;}


div.partner-meta {margin-top: 1em; float: left; width: 265px; overflow: hidden;}
	div.partner-meta dl {overflow: hidden;display: inline-block;} div.partner-meta dl {display: block;}
		div.partner-meta dl dt {font-weight: bold; color: #B0C52B; float: left; clear: left; margin-right: 2px; text-transform: uppercase; margin-bottom: 0;}
		div.partner-meta dl dd {font-weight: bold; text-transform: uppercase; margin-bottom: 0;}
	
	div.partner-meta p.visit {color: #000; font-weight: bold;}
	div.partner-meta p.visit a {color: #000; font-weight: bold;}
	div.portfolio-popup-container h1 {margin-bottom: 1em;}
ul#partner-menu {list-style: none; margin: 0;}
div.info-container {width: 690px; float: right; position: relative; }
	div.info-container h3 {text-transform: uppercase;}
p.sponsors {clear: both;}
	p.sponsors * {margin-right: 30px;}
div.partner-photos {width: 690px;}
/*div.partner-photos {float: right; width: 690px; height: 250px;background: #D0D0D0; overflow: hidden;}*/
/*div.partner-photos ul {margin: 0; list-style: none; width: 1000px;}*/
div.partner-photos li {margin-right: 5px;}
/*		div.partner-photos li img {display: block; height: 250px;}*/

ul#partner-photos-controller {list-style: none; margin: 0; width: 50px;float: right; padding-top: 1em;}
	ul#partner-photos-controller li {display: inline; float: left;}
		ul#partner-photos-controller li a {display: block; width: 14px; height: 23px; text-indent: -9999em; float: left;}
		
	ul#partner-photos-controller li a#next {background: url(../images/fwd.png) top left no-repeat;}
	ul#partner-photos-controller li a#prev {background: url(../images/back.png) top left no-repeat; margin-left: 5px;}

/* ================ */
/* = Contact Page = */
/* ================ */
div.addresses {display: inline-block; overflow: hidden; margin-bottom: 2em;} div.addresses {display: block;}
#words div.address {width: 300px; float: left;}
#words div.address p {margin-right: 0;}

/* ================ */
/* = Contact Form = */
/* ================ */
div.errors {clear: left; color: #FF0300; margin-bottom: 1em;}
/*form {clear: left;}*/
label {display: block; font-weight: bold; font-size: 1em;}
form ol {list-style: none;}
form ol li {margin-bottom: 1em;}

form#volunteer-form {margin-top: 2em;}
li.name, li.phone {width: 250px;}
	li.name input, li.phone input {width: 240px;}
li.postcode, li.hear, li.address, li.email {clear: left;}
li.state, li.country, li.gender, li.age-group {width: 200px; float: left;}
li.address input {width: 400px;}
li.email input {width: 250px;}
input#hear {width: 500px;}

/* ============= */
/* = News Page = */
/* ============= */
div.news-container {overflow: hidden;display: inline-block; margin-top: 1em;}div.news-container {display: block;}
div.news-container-item {width: 40%; margin-right: 5%;float: left;}
#words div.news-container-item p {margin-right: 0;}

div#ditto_pages * {padding-right: 5px;}