/* MAIN CSS - contains height, width, padding, margin and positioning of elements
Name: Cash4Clubs
URI: http://
Version: 1.0
Author: Studio Lift
Author URI: http://studiolift.com/
*/

@import "reset.css";
@import "color.css";
@import "type.css";

/* =clearfix */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden}

body{margin:0 auto;position:relative;width:960px}
	#header,#content,#footer{padding:0 40px}
	#header{height:130px;position:relative}
		#logo{height:59px;left:20px;position:absolute;top:20px;width:283px}
			#logo a,#logo span{height:59px;left:0;position:absolute;top:0;width:283px}
		#tagline{height:33px;position:absolute;right:20px;top:56px;width:335px}
			#tagline span{height:33px;left:0;position:absolute;top:0;width:335px}
	/* #content */
		#nav,#article,#aside{margin-top:20px}
		#nav{display:inline;float:left;width:230px}
			#nav ul#site{margin-bottom:25px;width:192px}
				#nav ul#site li a{display:block;padding:5px 5px 5px 15px}
				#nav ul#site li ul{padding-left:25px;padding-bottom:2px}
					#nav ul#site li ul li a{padding:2px 0}
						#nav ul#site li ul li ul{padding-left:15px;padding-bottom:2px}
						#nav ul#site li ul li ul li a{padding:2px 0}
			#actions{margin-bottom:20px;padding-top:20px;width:192px}
				#actions li,#actions li a,#actions li a span{display:block;height:40px;width:192px}
				#actions li{margin-bottom:5px}
					#actions li a{position:relative}
						#actions li a span{left:0;position:absolute;top:0}
			#sponsors{margin-bottom:10px;padding-bottom:20px;width:192px}
			#sponsors img{display:block;padding-left:47px; padding-top:10px}
			#sponsors strong{display:block;margin-top:10px}
			#sponsors strong.charity-no{width:195px}
		#article{display:inline;float:left;width:650px}
		.news-entry{margin-bottom:10px;padding-bottom:5px}
		body.entry #article{width:450px}
			#article #welcome h2{height:140px;position:relative;margin-top:0;width:650px;margin-bottom:12px}
				#article #welcome h2 span{height:149px;left:0;position:absolute;top:0;width:650px}
			#article h1,#article #clubs-who-benefit h3{margin-bottom:10px}
			#article #clubs-who-benefit h3{margin-top:50}
			#article h2,#article h3{margin-top:15px;margin-bottom:5px}
			#article h2.divider{padding-top:3px;}
				#page-title{padding:25px 10px 5px}
			#article p{margin-bottom:8px}
		#aside{display:inline;float:left;margin-left:20px;width:180px}
			#aside h2,#aside ul,#aside .see-all{display:block;margin:15px 10px}
				#aside ul li{margin-bottom:10px}
		#clubs-who-benefit{margin-top:15px;padding:3px 10px}
		#latest-news{margin-top:20px}
			#latest-news h3{padding:5px 10px 2px}
			#latest-news ol{padding:10px 0}
				#latest-news h4{margin-bottom:12px}
				#latest-news ol li{display:inline;float:left;margin-left:12px;width:200px}
		#latest-winners li,#winners div.location ul li,#winner-locations li{margin-bottom:7px}
		#winners div.location ul li,#winner-locations li{display:inline;float:left;margin-right:10px;width:310px}
		#winners{margin-top:20px}
		#winners div.location{margin-top:10px;padding-bottom:10px}
	#footer{height:75px;position:relative}
		#footer #supp{left:20px;position:absolute;top:40px}
			#footer p.copyright,#footer ul,#footer ul li{display:inline;float:left}
			#footer ul li{margin-left:5px;padding-left:5px}
		#bf-logo{bottom:25px;height:18px;position:absolute;right:20px;width:110px}
		
		#application form{}
		#application fieldset{width:100%;padding-top:10px;padding-bottom:50px;}
		#application legend span{display:block;padding-top:5px;width:650px}
		#application label{display:block;clear:both;font-weight:bold;padding-top:20px}
		#application input{clear:both;display:block;margin-top:4px;width:45%}
		#application input#submit{width:100px}
		#application input#postcode, #application input#other-specify{width:25%}
		#application textarea{clear:both;display:block;margin-top:4px;width:45%;height:75px;}
		#application .fullwidth textarea{width:100%; height:200px;}
		#application ul.condensed{margin-top:5px}
		#application ul.condensed li input{width:20px;display:inline;margin:0;padding:0}
		#application ul.condensed li{float:left;list-style-type:none;margin-left:3px;margin-right:15px;display:inline;}
		#application ul.condensed li label{font-weight:normal;padding:0;}
		#application label#other{display:block;clear:both;font-weight:normal;padding-top:10px}

	/* badges */
	#web-badges .badge{width:200px;float:left;display:inline;margin-right:10px;height:145px;overflow:hidden}
		#web-badges .badge img,#web-badges .badge a{display:block;width:100px}