@import url('/index.php/styles/index');

/* ----------------------------------------------------------
    Tony Blair Sports Foundation CSS
    Managed by: Blue State Digital

    TABLE OF CONTENT

    01 - COMMON STYLE
    02 - LAYOUT
    03 - HOMEPAGE 
    04 - SUBPAGES
    05 - FRAMEWORK

    COLOR GUIDE (Main Site Colors and their Hex Codes)
	
	Yellow		#fbe502
	Green		#418066
	Light Green	#87b42e

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

/* 01 =COMMON STYLE 
---------------------------------------------------------- */

.base { }

.base h1 { color: #418066; }
.base h2 { }
.base h3 { }
.base h4 { }

.base p { }

.base a { color: #418066; }

blockquote { }

.base ul, ol { }
.base ul li { }
.base ol li { }
.base li ol, .base li ul { }


/* 02 =LAYOUT
---------------------------------------------------------- */

html { background: #fff; }
body { background: #fff;}
#container { background: url(/page/-/images/sports/wrapper/background-sports.jpg) no-repeat 1px -30px; }

ul#navigation li { border-right: 1px solid #326a38; }

#sidebar #quick-signup input.submit { background: url(/page/-/images/sports/wrapper/btn-sidebar-quicksignup-go-sports.png); }

#sidebar #by-the-numbers h3 { color: #333; }
#sidebar #by-the-numbers h4 { color: #87b42e; }
#sidebar #by-the-numbers p.serifa-bold { color: #302217; }
#sidebar #by-the-numbers p.more-actions a { color: #418066; }

#footer { background: url(/page/-/images/sports/wrapper/bg-footer-sports.png) no-repeat; }
#footer h3 { color: #5b791f; }
#footer #family-links li a.agi { background: url(/page/-/images/sports/wrapper/img-footer-agi-sports.png) no-repeat 50% 50%; }
#footer #family-links li a.tbff { background: url(/page/-/images/sports/wrapper/img-footer-tbff-sports.png) no-repeat 50% 50%; }
#footer #family-links li a.tbsf { background: url(/page/-/images/sports/wrapper/img-footer-tbsf-sports.png) no-repeat 50% 50%; }
#footer #family-links li a.quartetrepresentative { background: url(/page/-/images/sports/wrapper/img-footer-quartet-sports.png) no-repeat 50% 50%; }
#footer #family-links li a.climatechange { background: url(/page/-/images/sports/wrapper/img-footer-climate-sports.png) no-repeat 50% 50%; }
#footer #family-links li a.office { background: url(/page/-/images/sports/wrapper/img-footer-office-sports.png) no-repeat 50% 50%; }

/* 03 =HOMEPAGE
---------------------------------------------------------- */

body#home #feature h2 { color: #fbe502; }
body#home #feature h2 a { color: #fbe502; }
body#home #feature #pager a { background: url(/page/-/images/sports/wrapper/img-feature-pager-inactive-sports.png) no-repeat; }
body#home #feature #pager a.activeSlide { background: url(/page/-/images/sports/wrapper/img-feature-pager-active-sports.png) no-repeat; }

body#home #map-holder { padding: 10px 20px; }
body#home #map-holder h2 { font-size: 18px; line-height: 20px; color: #797e7a; border-bottom: 1px solid #dfe3e2; padding-bottom: 10px;}
/* 04 =SUBPAGES
---------------------------------------------------------- */

#news.list div.entry img { border: 2px solid #418066; }
#news.list div.entry h3 { color: #418066; }
#news.list div.entry h3 a { color: #418066; }
#news.list div.entry p.more-actions a { color: #418066; }
#news.list div.entry p.more-actions a.addthis_button { background: url(/page/-/images/sports/wrapper/btn-sharethis-sports.png) no-repeat; padding-left: 15px;}
#news.list div.entry h4 { color: #418066; }
#news.list div.entry h4 a { color: #418066; }

body#news img.news-image { border: 3px solid #418066; }
body#news div.large-thumb { border: 3px solid #418066; border-left: 0; border-right: 0;}
body#news div.large-thumb img.news-image { border-left: 3px solid #418066; border-right: 3px solid #418066;}

/*** MAP ***/
#map { width: 640px; height: 350px; }

#home #map-key li { height: 45px; }
#home #map-key li a { height: 36px}
#home #map-key li#map-coaches a { line-height: 32px;}
#home #map-key li#map-events a { line-height: 32px;}

#map-key { margin: 0 5px 10px 0px; overflow: hidden;}
#map-key li { display: block; float: left; height: 50px; width: 147px; margin-left: 15px; }
#map-key li a { display: block; padding-left: 28px; padding-top: 7px; height: 43px; text-decoration: none; border: 1px solid #fff;} 
#map-key li a:hover { border: 1px solid #ddd }
#map-key li#map-ambassadors { padding: 0; margin: 0; }
#map-key li#map-ambassadors a { background: url(http://chart.apis.google.com/chart?cht=mm&chs=24x24&chco=FFFFFF,04562E,000000&ext=.png) no-repeat 1px 48%; }
#map-key li#map-coaches a { background: url(http://chart.apis.google.com/chart?cht=mm&chs=24x24&chco=FFFFFF,F0E706,000000&ext=.png) no-repeat 1px 48%; line-height: 36px;}
#map-key li#map-events a { background: url(http://chart.apis.google.com/chart?cht=mm&chs=24x24&chco=FFFFFF,84B325,000000&ext=.png) no-repeat 1px 48%; line-height: 36px;}
#map-key li#map-volunteers a { background: url(http://chart.apis.google.com/chart?cht=mm&chs=24x24&chco=FFFFFF,04A7E0,000000&ext=.png) no-repeat 1px 48%; }
#map-key li a.map-on { border: 1px solid #ddd; background-color: #f3f3f3 !important;}

div.gmnoprint img { padding: 0 10px 10px 0; }
div.gmnoprint #iw_kml { padding: 10px 0; clear: both;}
div.gmnoprint h4 { font-weight: normal; margin-bottom: 10px;}

/* 05 =FRAMEWORK
---------------------------------------------------------- */
body#framework #SKIN #control_set { background: #dfe3e2; padding: 10px; }
body#framework #SKIN #control_set h1 { color: #333; padding: 0; margin-bottom: 5px; font-size: 24px;}
body#framework #SKIN #control_set #account_actions a { font-size: 12px; }
body#framework #SKIN h2.header { color: #5b791f; border-color: #5b791f; font-weight: bold;}
body#framework #SKIN h2#sectionheader { color: #333; border-color: #333;}
body#framework #SKIN p, body#framework #SKIN td, body#framework #SKIN th { font-size: 12px; }
body#framework #SKIN td, body#framework #SKIN th { padding: 5px; }
body#framework #SKIN th.form_label { vertical-align: top; line-height: 24px; padding-right: 0; width: 100px;}
body#framework #SKIN span#event_radius_unit { font-style: italic; }
body#framework #SKIN #event_simple_search_form input.text { padding: 2px 3px; font-size: 11px; color: #555;  width: 50px;}
body#framework #SKIN #eventsearch #results p a { font-size: 12px; }
body#framework #SKIN #event_results { padding: 0 15px; }
body#framework #SKIN div.calheader { font-size: 12px; }
body#framework #SKIN #filters #date { padding: 10px; font-size: 11px; padding-right: 0;}
body#framework #SKIN #filters #date input.text { margin-right: 5px; width: 58px; }
body#framework #SKIN #filters #date input#date-end { margin-left: 5px; }
body#framework #SKIN #filters #date button { padding: 3px 5px; }