/* Header images. */
	header { 
		background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/ampresHeader-seal2.jpg');
		max-height: 175px;
	}	
	
/* AmPres logo */	
	header > h1 {
		width: 10%;
		min-width: 50px;
		height: 137px;
		background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/logo-amPres2.gif');
		background-size: 100%;

	}
		header > h1 a {
			width: 100%;
			height: 137px;
		}


/*Resized h1 for page content*/
h1#amprestitle, h1#ampreshometitle {
	font-size: 32px; 
	line-height: 34px;
	}

	h1#amprestitle a, h1#ampreshometitle a {
		color: #000;
	}
	h1#amprestitle a:hover, h1#ampreshometitle a:hover {
			text-decoration: none;
		}


#AmPresContent h2 {font-size: 30px; line-height: 30px;}

/*These h4s are the "flag" headers in the asides*/
#AmPresContent aside h4 {
	position: relative;
	left: -30px;
	/*top: 5px;*/
	background-color: #345482;
	color: #fff;
	padding: 0 5px 0 15px;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	}
	
#AmPresContent aside h4:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
	bottom: -10px;
	border-width: 0 10px 10px 0;
	border-right-color: #aaa;
	left: 0;
	}

#AmPresContent aside h4 a {color: #fff; display:block;}		
	
/*Outside of the asides, we style h3s in a unique manner*/	

#AmPresContent h3 {
	font-size: 24px; 
	line-height: 26px; 
	border-bottom: 4px solid #e7880c; 
	display:flex;}

#AmPresContent h3 a:hover {text-decoration:none;}		
	
	
/*Citation information/contributing editor */	
#contributor {
	border-top: 5px solid #edf2f7;
	border-bottom: 5px solid #edf2f7;
	padding: 10px 5%;
	width: 100%;
	}	

#citation-information {
	clear:both;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 14px;	
	color: #666;
	margin-top:50px;
	}

aside#citation-examples {width: 48%; min-height: 50px;}
	
	
/*Biographical essays*/



ul.essay-list li {
	margin-left: 0; display:inline; }

ul.essay-list li + li:before {
	content: " • ";
	}


#essay-list-bio-teaser {margin-left: 10px; width: 53%;}

ul.essay-list.bio {padding-left:0; margin-top: 0; text-align:center;}

ul.essay-list.bio a {
	font-size: 18px;
	margin: auto 8px auto 8px;
	padding: 5px 5px 2px 5px;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	}
	
ul.essay-list.bio a:hover {
	text-decoration: none; 
	border-bottom: 2px solid #345482;	
	padding: 5px 5px 0 5px;
	}	

ul.essay-list.bio .essay-teaser {
	display:none; 
	position: absolute;
	top: 39px; /*need to edit this for mobile since h1 moves */
	left: 5px;
    width: 53%;
	border-left: 2px solid #e7880c;
	padding-left: 3px;
	text-align: left;
	min-height: 100px;
	color: #000; /*These are necessary since it's part of the li and is natively blue*/
	font-family: "Minion Pro", "Hoefler Text", "Baskerville old face", Garamond, "Times New Roman", serif;
	font-size: 16px;

}	

ul.essay-list.bio a:hover .essay-teaser {
	display: block;
	background: #fff;
	}	

	
/* The listing of essays on the administration (dl). */

dl.essay-list {
	margin-bottom: 2em;
}

dl.essay-list dt {
	font-weight: bold;
	margin-top: .33em;

}

dl.essay-list.non-bio {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	}

dl.essay-list.non-bio dd {
	margin-left: 15px; 
	padding-left: 10px; 
	border-left: 2px solid #e7880c; 
	display:flex;
	}
	
dl.essay-list.non-bio dt {
	margin-left: 15px; 
	display:flex;
	}

/*This prevents the dt and dd from being split by the columns */
dl.essay-list.non-bio .definition-block {display:inline-block; width:100%;}

	/* This definition is only here to work around a bug in Chrome, which prevents a pseudoselector
	from working on an element that has not previously been styled explicitly. So we address the
	dd+dd with the CSS equivalent of a NOOP. */
	dl.essay-list dd + dd {
		font-weight: normal;
	}


/*"Facts" aside*/
aside.facts {
	min-height: 50px; 
	margin: 0 0 0 2%; 
	width: 38%; 
	min-width:initial; 
	clear:right;}
	
#cite-this {float:right;clear:left;}

#cite-this, aside.facts {position:relative; top: -25px;}	

aside.facts p {font-weight: bold;}
.facts dd, .facts dt {display: inline;} /*both aside and div*/
.facts dt {font-weight: bold;}


/* The portrait of the president */
#portrait {
	float: right;
	width: 97%;
	margin: 3px;

}


/* column1 */

.column1 {float:right; width: 30%; margin-left: 2%; clear:right;}

#feature {max-width: 65%;}

#feature img {}

#feature #featured-label {border-bottom: 1px solid #e7880c; display:block; width: 100%;}

/* The box containing preview images from the multimedia gallery. */



#gallery-head {float:right; width: 100%;}

#gallery-large {width: 65%;}

	#gallery img {
		margin: 1%;
		/*height: 102.5px;*/
		width: 31%;
		float:right;
	}


/* The box containing exhibits from Presidential Classroom */
#presClassroom {
	width: 65%;
	clear:right;}

/*Oral History and PRP */
#ohp-prp {
	background-image: url('http://d1ztsg4rmigwf6.cloudfront.net/images/academic/americanpresident/template/white-house-press-room2.jpg');
	background-repeat: no-repeat;
	width: 65%; 
	background-color: #62748a; 
	color: #fff; 
	padding: 10px;
	margin-bottom: 25px;
}

#ohp-prp a {color: #fff;}

#ohp-prp h3 {color: #fff; border-bottom: 3px solid #edf2f7;}

#ohp-prp ul {
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 14px;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    margin: 0;
	}

#ohp-prp ul li {border-left: 2px solid #edf2f7; padding-left: 10px; line-height: 20px; margin-bottom: 5px;}	
#ohp-prp ul li a:hover {}



div.key-event-year, div.speech-year {
	font-style: italic; 
	display:inline;}

aside.key-events {min-height: 50px; margin: 25px 2% 25px 2%; width: 80%; min-width:initial;}
	
#key-events p, #speeches p, #locations p {border-bottom: 3px solid #fff;}


/*.speech-single {clear:both;}*/


#speeches h3, #gallery h3, #presClassroom h3 {clear:left;}


/*Header images for president-specific pages */		
header#washington {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/washington.jpg');}
header#adams {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/adams.jpg');}
header#jefferson {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/jefferson.jpg');}
header#madison {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/madison.jpg');}
header#monroe {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/monroe.jpg');}
header#jqadams {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/jqadams.jpg');}
header#jackson {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/jackson.jpg');}
header#vanburen {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/vanburen.jpg');}
header#harrison {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/harrison.jpg');}
header#tyler {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/tyler.jpg');}
header#polk {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/polk.jpg');}
header#taylor {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/taylor.jpg');}
header#fillmore {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/fillmore.jpg');}
header#pierce {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/pierce.jpg');}
header#buchanan {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/buchanan.jpg');}
header#lincoln {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/lincoln.jpg');}
header#johnson {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/johnson.jpg');}
header#grant {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/grant.jpg');}
header#hayes {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/hayes.jpg');}
header#garfield {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/garfield.jpg');}
header#arthur {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/arthur.jpg');}
header#cleveland {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/cleveland.jpg');}
header#bharison {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/bharison.jpg');}
header#mckinley {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/mckinley.jpg');}
header#roosevelt {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/roosevelt.jpg');}
header#taft {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/taft.jpg');}
header#wilson {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/wilson.jpg');}
header#harding {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/harding.jpg');}
header#coolidge {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/coolidge.jpg');}
header#hoover {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/hoover.jpg');}
header#fdroosevelt {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/fdroosevelt.jpg');}
header#truman {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/truman.jpg');}
header#eisenhower {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/eisenhower.jpg');}
header#kennedy {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/kennedy.jpg');}
header#lbjohnson {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/lbjohnson.jpg');}
header#nixon {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/nixon.jpg');}
header#ford {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/ford.jpg');}
header#carter {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/carter.jpg');}
header#reagan {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/reagan.jpg');}
header#bush {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/bush.jpg');}
header#clinton {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/clinton.jpg');}
header#gwbush {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/gwbush.jpg');}
header#obama {background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/template/headers/obama.jpg');}		





/*Styles from here down apply to the American President home page. */

	#presidents-list {width: 70%; padding-left: 10px;}

	/*Right-hand nav list */	
	#ampres-nav {
		float:right;
		width: 30%;
		min-width: 200px;
		padding-left: 0;
		margin: 0;

		}
		
	#ampres-nav li {
		display: block;
		padding: 1em 1em .25em .25em;
		margin-bottom: 12px;
		background-color: #edf2f7;
		border-right: 2px solid #e7880c;	
	}

	#ampres-nav li a.nav-topLevel {display: block; width:100%; height:25px;}
	
	#ampres-nav li a:hover {text-decoration: none;}

	#ampres-nav li ul li {border-bottom: 1px solid #edf2f7; background-color: #fff;}

	#ampres-nav li ul li:hover {border-left: 2px solid #e7880c;}
	
	#ampres-nav li ul li:nth-child(odd) {}
	#ampres-nav li ul li:nth-child(even) {}
	
	#ampres-nav li#presidents {display:none;}

/*Presidents' names and nav items share font treatment.*/	
	#ampres-nav li, .president h2 { 
		font-family: Calibri, sans-serif;
		font-size: 16px;
		line-height: 16px;
		font-weight: bold;

	}
	
	#ampres-nav li ul {
		display:none; 
		}

	#ampres-nav li:target ul {
		display: block; }
	

/* --- Need to put this in place everywhere in the menu --- */
	#ampres-nav > li.unfold .tri-close, 
	#ampres-nav > li.unfold:target .tri-open {
		display:none;}

	#ampres-nav > li.unfold:target .tri-close {
		display: inline;}
	
	#ampres-nav .tri-close, #ampres-nav .tri-open {font-size: larger; float:left;}


	#ampres-nav li ul li {
		padding: 5px;
		border-right: 0;
		margin-bottom: 0;
		font-weight: normal;
		/*font-size: 13px;*/
		display: block;
		/*line-height: 16px;*/
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;		
		}
	
	#ampres-nav li ul li.close, #ampres-nav li ul li.view-all  {
		text-transform: uppercase;
		font-size: 11px;
		line-height: 8px;
		}
	
	#ampres-nav li ul li.close {text-align: right; border-right: 0; background-color: #edf2f7;}
	
	#ampres-nav li ul li.close:before {content:"x ";}
	
	#ampres-nav li ul li.view-all {font-weight: bold;}
	
	/*Begin styles for array of headshots */
	.president {
		display: block;
		position: relative;
		width: 70px; /*formerly 103px;*/
		height: 200px; /*formerly 155px;*/
		float: left;
		border-right: 1px solid #666;
		background-repeat: no-repeat;
		background-image: url('http://d1f0ngef7bih17.cloudfront.net/images/academic/americanpresident/presidents/homepage/sprites.jpg');
		background-color: #fff;
		margin: 36px 3px 15px 12px;
		-moz-transition: .25s; 
		-o-transition: .25s;
		transition: .25s;
	}
		.president:hover {
			text-decoration: none;
			width: 100px;
			margin-left: 0;
			
		}
		
				
		.president:hover div.president-details div { /*This applies to both the .term and the .number */
			color: #000;
}
		.president:hover .term {font-size: 20px; top: 33px; line-height: 22px; font-weight: bold; }
	
		.president:hover div.president-details div.number {
			background-color: #fff;
			opacity: .8;
			height: 190px;
			color: #ccc;}	
			
		.president > h2 {
			position: absolute;
			bottom: 15px;
			left: -12px;
			width: 100%; 
			height: 28px;
			margin: 0;
			color: #333;
			z-index: 1;
			-moz-transition: .25s; 
			-o-transition: .25s;
			transition: .25s;			
		}
		
		.president:hover > h2 {left: 0; font-size: 20px; line-height: 18px; bottom: 53px;}
		#jqadams:hover > h2 {font-size: 19px;} /*JQA's long name makes spacing a challenges on hover--his font has to be a tiny bit smaller to fit.*/
		
		.president .term {
			font-size: 11px;
			font-family: Calibri, sans-serif;
			color: #ccc;
			width: 100%; 
			height: 12px;
			text-align: right;
			line-height: 11px;
			position: absolute;
			top: 26px;
			width: 100%;
			/*background-color: #000;*/
			border-right: 1px solid #000;
			-moz-transition: .5s; 
			-o-transition: .5s;
			transition: .5s;

		}
		
		.president .number {
			color: #666;
			font-family: Calibri, sans-serif;
			font-size: 40px;
			font-weight: bold;
			position: absolute;
			top: 0;
			width: 99%;
			border-right: 1px solid #000;	
			background-color: #000;
			height: 36px;
			padding: 3% 0 0 1%;
			-webkit-transition: .25s; /*Specifies how we want the fade effect*/
			-moz-transition: .25s; 
			-o-transition: .25s;
			transition: .25s;		
		}
		
		.president .president-details {
			position: absolute;
			top: -35px;
			width: 100%;
			height: 36px;
			border-right: 1px solid #000;
	
		}
		

		

		/*Sprites */
		#adams.president {
			background-position: 0 0;
		}
		#arthur.president {
			background-position: 0 -205px;
		} 
		#bharrison.president {
			background-position: 0 -410px;
		} 
		#buchanan.president {
			background-position: 0 -615px;
		} 
		#bush.president {
			background-position: 0 -820px;
		} 
		#carter.president {
			background-position: 0 -1025px;
		} 
		#cleveland.president {
			background-position: 0 -1230px;
		} 
		#cleveland-2.president {
			background-position: 0 -1435px;
		} 
		#clinton.president {
			background-position: 0 -1640px;
		} 
		#coolidge.president {
			background-position: 0 -1845px;
		} 
		#eisenhower.president {
			background-position: -153px 0;
		} 
		#fdroosevelt.president {
			background-position: -153px -205px;
		} 
		#fillmore.president {
			background-position: -153px -410px;
		} 
		#ford.president {
			background-position: -153px -615px;
		} 
		#garfield.president {
			background-position: -153px -820px;
		} 
		#grant.president {
			background-position: -153px -1025px;
		} 
		#gwbush.president {
			background-position: -153px -1230px;
		} 
		#harding.president {
			background-position: -153px -1435px;
		} 
		#harrison.president {
			background-position: -153px -1640px;
		} 
		#hayes.president {
			background-position: -153px -1845px;
		} 
		#hoover.president {
			background-position: -306px 0;
		} 
		#jackson.president {
			background-position: -306px -205px;
		} 
		#jefferson.president {
			background-position: -306px -410px;
		} 
		#johnson.president {
			background-position: -306px -615px;
		} 
		#jqadams.president {
			background-position: -306px -820px;
		} 
		#kennedy.president {
			background-position: -306px -1025px;
		} 
		#lbjohnson.president {
			background-position: -306px -1230px;
		} 
		#lincoln.president {
			background-position: -306px -1435px;
		} 
		#madison.president {
			background-position: -306px -1640px;
		} 
		#mckinley.president {
			background-position: -306px -1845px;
		} 
		#monroe.president {
			background-position: -459px 0;
		} 
		#nixon.president {
			background-position: -459px -205px;
		} 
		#obama.president {
			background-position: -459px -410px;
		} 
		#pierce.president {
			background-position: -459px -615px;
		} 
		#polk.president {
			background-position: -459px -820px;
		} 
		#reagan.president {
			background-position: -459px -1025px;
		} 
		#roosevelt.president {
			background-position: -459px -1230px;
		} 
		#taft.president {
			background-position: -459px -1435px;
		} 
		#taylor.president {
			background-position: -459px -1640px;
		} 
		#truman.president {
			background-position: -459px -1845px;
		} 
		#tyler.president {
			background-position: -612px 0;
		} 
		#vanburen.president {
			background-position: -612px -205px;
		} 
		#washington.president {
			background-position: -612px -410px;
		} 
		#wilson.president {
			background-position: -612px -615px;
		}

/* Essay pages (ALL: bio and cabinet) */

aside #essay-gallery-images .gallery-item img {width: 100%;}


/* Essay section menu */
nav.ampresEssay-section-menu {width: 40%; float:right; text-align: center;}

nav.ampresEssay-section-menu ul {list-style-type: none; margin-top: 5px;}

nav.ampresEssay-section-menu a:hover {
	text-decoration: none; 
	border-bottom: 2px solid #345482;	
	}	

nav.ampresEssay-section-menu li ul li {
	margin-left: 0; display:inline; }

nav.ampresEssay-section-menu li ul li + li:before {
	content: " • ";
	}

/*Bottom links in bio essays */
#bottom-links {
	margin: 50px 0 50px 0;
	width: 100%;
	clear:both;
	}

#bottom-links #citation-link {display:none;}
#bottom-links nav.ampresEssay-section-menu {float:left; width: 37%; margin-right: 3%;}

#bottom-links #home-link a img {opacity: .4; width: 100%;}
#bottom-links #home-link a:hover img {opacity: 1;}

#bottom-links #home-link a {
	display:block; 
	text-align:center;
	margin-top: 25px;
	}
	
#bottom-links #home-link a:hover {color: #fff;}

#bottom-links #home-link {
	float:right;
	width: 60%; 
	}
#bottom-links #home-link-text {
	float:left; 
	width: 35%; 
	position: relative; 
	top: -85px; 
	padding-left: 3%;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-weight:bold;
	font-size: 24px;
		text-align: center;}	

/* Bibliographies and Presidential papers*/
#bibliographies-papers .rightcaptionedimage img {height: 300px;}
	

#survey-ampres a {font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 18px; text-align:center; background-color: #e7880c; color: #fff; display:block; margin:0; border-bottom: 1px solid #345482; border-top: 3px solid #345482;}
#survey-ampres a:hover {color: #666; background-color: #fff; font-weight: bold;}

/*historical-events pages: these used to be standalone "president/events/XX_XX" links*/

.historical-event {clear:both; margin-top: 50px;}
.historical-event img {height: 300px; float:right; margin: 25px;}



/*Mobile styles: all*/
@media (max-width: 820px) and (min-width: 321px), 
	(max-width: 320px),
	(-webkit-min-device-pixel-ratio: 1.1) and (max-width: 1100px) {

	#essays {clear:right;} 

	ul.essay-list.bio .essay-teaser {top: 60px; min-height: 125px;}

	ul.essay-list.bio li {display:block;}
	ul.essay-list li + li:before {
			content: "";
		}

	.column1 .gallery-item {display:none;}
	
	.column1 aside.key-events #key-events,
	.column1 aside.key-events #speeches,
	.column1 aside.key-events #locations, 
	.column1 aside.key-events a.more {display:none;}

	aside.key-events {width: 70%;}	
	
	.column1 h4 {width: 130%; margin-bottom: 15px; line-height: 35px;}
	
/*	.column1.middle {width:90%; float:none; }
	.column1.middle aside {width: 50%; float:none;}
	.column1.middle .feature {float:none; width:100%;}*/
	
	#AmPresContent h3 {display:block;}

	ul.essay-list.bio a:hover .essay-teaser {
	display: none;
	}		
	
	#gallery-large {width: 100%;}
}	


/* Mobile styles: small range. */
@media (max-width: 499px) and (min-width: 321px), 
	(max-width: 320px),
	(-webkit-min-device-pixel-ratio: 1.1) and (max-width: 449px) {
		
	#ampres-nav {
		width: 96%;
		float:none;
		}

	#ampres-nav li {
		padding: 1em .5em 1em 1em;
		font-size: 20px;}

	#presidents-list {width: 100%; }	

	#ampres-nav li#presidents {display: block;}

	#ampres-nav li ul li, #ampres-nav li ul li.close, #ampres-nav li ul li.view-all {font-size: inherit; line-height: 25px;}

	article #innercontent h1#amprestitle {font-size: 30px;}

	h1#amprestitle, h1#ampreshometitle {
		margin-left: 0;
		/*margin-bottom: 15px;*/
		}

	ul.essay-list.bio li {text-align: left;}
	
	#essay-aside {display:none;}
	
	h2#bio-essays {max-width: 65%}
	
	dl.essay-list.non-bio {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	}
	
	aside.facts {width:80%; float:none;}
	
	#bottom-links nav.ampresEssay-section-menu, nav.ampresEssay-section-menu {width: 100%; }
	#bottom-links #home-link {width:100%;}
	#bottom-links #home-link-text {width: 50%; top: -60px;}


}



/* Mobile styles: medium range. */
@media (max-width: 820px) and (min-width: 500px), 
	(-webkit-min-device-pixel-ratio: 1.1) and (min-width: 450px) and (max-width: 1100px) {


	#presidents-list {width:65%;}

	#ampres-nav li ul li {font-size: inherit; padding: 5px;}

/*	article #innercontent h1 {font-size: 34px;}*/

	h1#amprestitle, h1#ampreshometitle {
		margin-left: 13%;
		margin-bottom: 25px;
		}


	/*TESTING, need to refine*/	
	/*h1#amprestitle {}
	#AmPresContent p {font-size: 20px; line-height: 30px;}* /
	.facts dt, .facts dd {/*font-size: 22px; line-height: 32px;*/}
	aside dt, aside dd {/*font-size: 16px; line-height: 25px;*/}
}