/* Colors 
----------*/
@cfc_red: #ed2c1d;
@cfc_blue: #1eb2d2;
@cfc_dark_blue: #0088AB;
@cfc_light_blue: #04abcf;
@cfc_gray: #404040;

/* Fonts 
----------*/
@font-face {
  font-family: 'ChunkFive';
  src: url('fonts/Chunkfive/Chunkfive.eot');
  src: local('☺'), url('fonts/Chunkfive/Chunkfive.otf') format('opentype'), url('fonts/Chunkfive/Chunkfive.svg#ChunkFive') format('svg');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

@font-face {
	font-family: 'AllerRegular';
	src: url('fonts/AllerRg/aller_rg-webfont.eot');
	src: local('☺'), url('fonts/AllerRg/aller_rg-webfont.woff') format('woff'), url('fonts/AllerRg/aller_rg-webfont.ttf') format('truetype'), url('fonts/AllerRg/aller_rg-webfont.svg#webfontNc1drOLN') format('svg');
	font-weight: normal;
	font-style: normal;
	text-rendering: optimizeLegibility;
}

/* Generic HTML Elements
------------------------*/
body {
	font-family: 'AllerRegular';
	color:@cfc_gray;
	line-height:1.2;
	width:1020px;
}

a {
	color: @cfc_blue;
}

h1 {
	background: transparent url('images/cfc_logo.png') no-repeat scroll top left;
	height:119px;
	left:50px;
	position:absolute;
	text-indent:-5000px;
	top:40px;
	width:220px;
}

h3 {
	color:@cfc_gray;
	font-family: 'ChunkFive';
	font-size:20px;
}

h4 {
	color:@cfc_gray;
	font-size:16px;
	font-weight:bold;
	margin:24px 0;
}

p {
	margin:8px 0;
}

li {
	margin:8px 0;
}

strong {
	font-weight:700;
}
/* 
- Header
	- Orientation Info
	- Greeting
----------------*/
header {
	background: url('images/top_banner_bg.png') no-repeat scroll top left;
	display:block;
	position:relative;
	width: 1020px;
	height: 321px;
	
	a {
		color:@cfc_dark_blue;
	}

	.orientation {
		left:568px;
		position:absolute;
		text-align:right;
		top:40px;
	
		h2 {
			color: @cfc_red;
			display:block;
			font-family: 'ChunkFive';
			letter-spacing:0;
			text-transform:uppercase;
		}
	
		#date,
		address,
		p,
		.email {
			font-family:'AllerRegular';
			color: @cfc_gray;
		}
	
		#date {
			font-size:22px;
			line-height:1.6;
		}
	
		address {
			.line_one,
			.line_two {
				font-size:14px;
				display:block;
				line-height:1.4;
			}
		}
	}
	
	.greeting {
		left:40px;
		position:absolute;
		top:245px;

		h2 {
			font-family: 'ChunkFive';
			color: @cfc_gray;
			font-size:20px;
			margin:12px 0;
		}
	}
	
}


/* 
	- Articles
		-- Sections
----------------*/
article {
	border-right:1px solid #d0eaf0;
	float:left;
	width:628px;
	
	section {
		display:block;
		margin:12px 12px 32px 40px;
		width:540px;

		h3.collapsed {
			display:inline-block;
			background: transparent url('../images/toggle_plus.png') no-repeat top right;
		}
		h3:hover {
			text-decoration:underline;
		}

	  h3 {
			background: transparent url('../images/toggle_minus.png') no-repeat top right;
			color: @cfc_light_blue;
			cursor:pointer;
			display:inline-block;
			padding-bottom:10px;
			padding-right:28px;
			
			span {
				font-family: 'Arial, Helvetica, sans-serif';
				color:#04abcf;
				cursor:pointer;
				font-size:20px;
			}
			
/*			&:hover {
				text-decoration:underline;
			}	*/
		}
		
		p, li {
			line-height:1.6;
		}

		ul.suppliers {
			margin:12px 0;
		  
			li {
				padding-left:160px;
				padding-bottom:10px;
			}
			
			.unfi {
				background: #FFF url('../images/unfi_logo.png') no-repeat 0 0;
			}
			
			.intelligentsia {
				background: #FFF url('../images/intelligentsia_logo.png') no-repeat 0 0;
			}
			
			.frontier {
				background: #FFF url('../images/frontier_logo.png') no-repeat 0 0;
			}
			.grass_is_greener {
				background: #FFF url('../images/grass_is_greener_logo.png') no-repeat 0 0;
			}
			.charlies_soap {
				background: #FFF url('../images/charlies_soap_logo.png') no-repeat 0 0;
				height:140px;
			}
			.natural_direct {
				background: #FFF url('../images/nat_direct_logo.png') no-repeat scroll top left;
				height: 129px;
			}
		}
		
		h4 {
			clear:both;
			display:block;
		}
		
		ul.links {
			padding-bottom:22px;
			
			li {
				font-size: 14px;
				clear:both;
				margin:0 0 12px 0;
				padding:8px 0 12px 0;
				
				span {
					float:right;
					width:335px;
				}
			}
		}
	}
}

article.history { margin-bottom:32px; }


aside {
	float:left;
	width:364px;
	
	section {
		padding:14px 24px 0;
	}
}

/* Footer
----------------*/
footer {
	background: #aad7e2 url('images/bottom_banner.png') no-repeat scroll top left;
	clear:both;
	display:block;
	width: 100%;
	height: 448px;
	
	a {
		color:@cfc_dark_blue;
	}
	
		
	.credits {
		padding: 10px 20px 40px;
		font-size:12px;
	}
	
	section {
		float:left;
		padding:30px 10px 20px 40px;
		width:280px;
		
		h3 {
			font-family: 'ChunkFive';
			color: @cfc_gray;
			font-size:16px;
			margin:8px 0;
		}
		
		h3 a {
			color: @cfc_gray;
		}

		ol li {
			list-style-type:decimal;
			margin-bottom:12px;
			margin-left:18px;
		}
		
		p, ol li {
			font-size:12px;
			line-height:1.8;
		}		
	}
	
	section.membership {
		display:block;
		padding:30px 10px 20px 40px;
		width:280px;
		
		ul {
			li {
				float:left;
				font-size:11px;
				margin:5px 20px 0 0;
				text-transform:uppercase;
				width:65px;
			
				span {
					font-size:32px;
				}
			}
		}	
	}
	
}

/* Begin IE6 Hacks */
*html h1 {
	background: transparent url('images/cfc_logo.gif') no-repeat scroll top left;
}

*html h3 a {
	color:#404040;
}

*html article section h3.collapsed {
	background: transparent url('../images/toggle_plus.gif') no-repeat top right;
}

*html article section h3 {
	background: transparent url('../images/toggle_minus.gif') no-repeat top right;
}
/* End IE6 Hacks */