/*
Title:		screen.css
Author: 	zF. : zfrazier@vsapartners.com
--
Notes:
	= Controlling stylesheet for screen rendering; imports other sheets;
		defines rules for the highest-level layout containers
*/
@import url("lib/baseline.css");
@import url("lib/common.css");
@import url("lib/components.css");
@import url("lib/sifr.css");

/*	====================================
	DEFAULTS
*/
 /* 
 Set base font-size based on default browser setting of 16px  
 	[ 10px = 0.625em | 11px = 0.6875em | 12px = 0.75em | 14px = 0.875em |  16px = 1em | 18px = 1.125em ]
 */
body { font-size: 0.6875em; /* 11px */ font-family: Arial, sans-serif; }
#body { width: 745px; margin: 0 auto; }

/*	====================================
	HIGH-LEVEL LAYOUT
*/
.section { overflow: hidden; width: 100%; }
.section:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }

#content { position: relative; margin-top: 30px; clear: both; }
#content .navigation { width: 136px; float: left; }
#content .article { width: 555px; float: right; }
.home #content { margin-top: 20px; }
.home #content .article { float: none; width: 100%; }

/* special rules for temp page 
.developing_health #content .article { float: none; width: 100%; }
.developing_health #content .navigation { display: none; }
.developing_health .article-body { width: 555px; float: left; }
.developing_health .article-aside { width: 175px; float: right; }
.developing_health .lead { margin-bottom: 20px; }
*/