/* BODY - Adjustment for Feature */
body{
	padding: 150px 0 0 0 !important; 	/* 150px top margin */
	xbackground-image: url("/_site/test/18px_grid.gif");
	background-position: 0px 8px;
}

/* PAGE WRAPPER */

div#content{
																				xoutline: 1px solid blue;
	margin: 1em 2.875em;
}

/* BIO & RIGHT COLUMNS */
div#bio{
	width: 66.5%;
	float: left;
																				xoutline: 1px solid red;
}

div#quotes{
	
	width: 27%;
	float: right;
																				xoutline: 1px solid green;
}
						
/*bio*/

div#bio p{
	font-size: .75em;		/* 12px */
	margin-bottom: 1.5em;	/* 18px */
	text-align: justify;
	line-height: 1.5em;		/* 18px */
	xbackground-color: yellow;
}

h3{
	font-size: 1em;			/* 16px */
	line-height: 1.375em;	/* 22px - needed to space the header down  */	
	font-weight: bold;
	text-transform: uppercase;
	text-align: justify;
																				xoutline: 1px solid red;	
}

/* Quotes */
div#quotes blockquote{
	padding: 1.125em .5em 0 0;		/* 18px */
}

div#quotes blockquote p i{
	font-style: italic;
	font-size: .75em;		/* 12px */
	line-height: 1.5em;		/* 18px */
	font-family: Georgia;
	display: block;
	padding: 0 0 0 .5em;	/* 6px */
	text-indent: -.5em;		/* 6px */
}
div#quotes blockquote p i:before{
	content: "\201C";
	padding-right: .125em;
}
div#quotes blockquote p i:after{
	content: "\201D";
	padding-left: .125em;	
}
div#quotes blockquote small{
	display: block;
	height: 1.125em;		/* 18px */
	overflow: hidden;
}
div#quotes blockquote small b{
	font-weight: bold;
	font-size: .675em;		/* 10px */
	line-height: 1.8em;		/* 18px */

	padding: 0;
	margin: 0;
	padding-left: .6em;		/* 6px */	
	color: #666666;

	
}

