html {

	margin: 0;

	padding: 0;

	}	

#h1 { font-size:18px;
 text-align: center;
    
}

#bigh1 {
     text-align: center;
}

#ads1 { text-align: center;
    
}

body { 

	margin: 0;

	padding: 0;
	padding-bottom: 150px;

	border: 0;

	overflow: visible;

	background: #fff ;

	color: #333;
	
	line-height:1.6;

	}

img
{
	max-width: 100%;
	height: auto;
}

#explanation h3 {

	text-align: center;

	font-family: Georgia, "Times New Roman", Times, serif;	

	font-size: 130%;	

}	

#bottom_navigation {

	position: absolute;

	top: 8px;

	left: 175px;

}

#sources {

	font-family: Arial, Helvetica, sans-serif;

	position: absolute;

	top: 232px;

	left: 230px;

	font-size: 70%;

}

#modified {

	font-family: Arial, Helvetica, sans-serif;

	position: absolute;

	top: 597px;

	font-size: 70%;

	width: 200px;	

}

table {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 95%;

}

p { 

	margin-top: 0; 
	
	margin-bottom-15px

	text-align: justify;	

	}

#explanation {

	position: absolute;

	top: 290px;

	left: 230px;

	display: block;

	width: 440px;

	font: 85% georgia, sans-serif;

	}

#alice {

	position: absolute;

	top: 230px;

	left: 315px;

	display: block;

	color: #FF6633;

	width: 455px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 69%;

	text-align: right;

	}	
	
#slogan {

	position: absolute;

	top: 165px;

	left: 210px;

	display: block;

	color: #FF6633;

	width: 365px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 69%;

	text-align: right;

	}	
	
#moto {

	position: absolute;

	top: -24px;

	left: 210px;

	display: block;

	color: #FF6633;

	width: 358px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 69%;

	text-align: right;

	}				

#story {

	display: block;


	padding-top: 0px;
	
	padding-left:10%;
	
	padding-right:10%;

	width: 2000px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 16px;	
	max-width: 100%;

	}	
	@media (max-width: 1350px) {/* If media is below 1350 */
		#story{
			padding-left: 10%;
    		padding-right: 10%;
    		margin: auto;
		}
	}
	@media (max-width: 767px) {/* If media is below 768 */
		#story{
			padding: 0 30px;
		}
	}
#container_pdf #story
{
	padding-top: 0;
	width: 100%;
}

.picture_notes {

    text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 75%;	

}	

.literature {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 75%;	

}

#story h3 {

	text-align: center;

	}		

#navigation {

	position: absolute;

	top: 290px;

	left: 10px;

	display: block;

	width: 180px;

	font: 100% georgia, sans-serif;

}

#navigation p {

	text-align: left;

}	

a {

	font-family: Georgia, sans-serif;

	padding-left: 2px;

	border-bottom: 1px solid #eee;

	border-top: 1px solid #eee;

	border-left: 1px solid #eee;

	border-right: 1px solid #eee;

	color: #b8ab57;

	text-decoration: none;

}

a:visited {

	border-bottom: 1px solid #eee;

	color: #009966;

	text-decoration: none;

}

a:hover {

	background-color: #b8ab57;

	border-bottom: 1px solid #ddd;

	color: #ffffff;

	text-decoration: none;

}	

a.pdf-preview-button
{
	padding-top: 5px;
	display: block;
	border: none;
}
a.pdf-preview-button:visited
{
	border: none;
}
a.pdf-preview-button:hover
{
	border: none;
	background: none;
}

.initcap {

	font-size: 3em;
	line-height: 20px;
	color: #9a944d;

}

#container {

	position: relative;

	margin: 0 auto;

	border-left: 1px dashed #666;

	border-right: 1px dashed #666;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/images/central.jpg)  no-repeat; 	
	background-size: contain;

	width: 774px;

	height: 644px;

	padding: 0;

	display: block;

	}

#container_babbage {

	position: relative;

	margin: 0 auto;

	border-left: 1px dashed #666;

	border-right: 1px dashed #666;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/Babbage/central.jpg) no-repeat; 	
	background-size: contain;

	max-width: 774px;

	height: 644px;

	padding: 0;

	display: block;

	}	

#container_mech {

	position: relative;

	margin: 0 auto;

	border-left: 1px dashed #666;

	border-right: 1px dashed #666;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/MechanicalCalculators/central.jpg)  no-repeat;
	background-size: contain;

	width: 774px;

	height: 644px;

	padding: 0;

	display: block;

	}
	
#container_mechxx {

	position: relative;

	margin: 0 auto;

	border-left: 1px dashed #666;

	border-right: 1px dashed #666;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/MechanicalCalculators/20thCentury/images/header.jpg)  no-repeat;
	background-size: contain;

	width: 774px;

	height: 644px;

	padding: 0;

	display: block;

	}		

#container_calc {

	position: relative;

	margin: 0 auto;

	border-left: 1px dashed #666;

	border-right: 1px dashed #666;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/CalculatingTools/tools_main.jpg)  no-repeat; 	
	background-size: contain;

	width: 774px;

	height: 560px;

	padding: 0;

	display: block;

	}	

#container_dream {

	position: relative;

	margin: 0 auto;

	border-left: 1px dashed #666;

	border-right: 1px dashed #666;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/Dreamers/images/dream_main.jpg)  no-repeat; 	
	background-size: contain;

	width: 774px;

	height: 644px;

	padding: 0;

	display: block;

	}	

#container_gadgets {

	position: relative;

	margin: 0 auto;

	border-left: 1px dashed #666;

	border-right: 1px dashed #666;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/images/gadgets.jpg)  no-repeat; 	
	background-size: contain;

	width: 774px;

	height: 644px;

	padding: 0;

	display: block;

	}	
	
#container_analog {

	position: relative;

	margin: 0 auto;

	border-left: 1px dashed #666;

	border-right: 1px dashed #666;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/images/analog.jpg)  no-repeat; 	
	background-size: contain;

	width: 774px;

	height: 644px;

	padding: 0;

	display: block;

	}		

#container_modern {

	position: relative;

	margin: 0 auto;

	border-left: 1px dashed #666;

	border-right: 1px dashed #666;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/ModernComputer/main.jpg)  no-repeat; 	
	background-size: contain;

	width: 774px;

	height: 560px;

	padding: 0;

	display: block;

	}	

#container_electronic {

	position: relative;

	margin: 0 auto;

	border-left: 1px dashed #666;

	border-right: 1px dashed #666;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/ModernComputer/Electronic/main.jpg)  no-repeat; 	
	background-size: contain;

	width: 774px;

	height: 560px;

	padding: 0;

	display: block;

	}	

#container_personal {

	position: relative;

	margin: 0 auto;

	border-left: 1px dashed #666;

	border-right: 1px dashed #666;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/ModernComputer/Personal/images/main.jpg)  no-repeat; 	
	background-size: contain;

	width: 774px;

	height: 560px;

	padding: 0;

	display: block;

	}		

#container_relays {

	position: relative;

	margin: 0 auto;

	border-left: 1px dashed #666;

	border-right: 1px dashed #666;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/ModernComputer/Relays/main.jpg)  no-repeat; 	
	background-size: contain;

	width: 774px;

	height: 560px;

	padding: 0;

	display: block;

	}

#container_thinkers {

	position: relative;

	margin: 0 auto;

	border-left: 1px dashed #666;

	border-right: 1px dashed #666;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/ModernComputer/thinkers/images/header.jpg)  no-repeat; 	
	background-size: contain;

	width: 774px;

	height: 560px;

	padding: 0;

	display: block;

	}

#container_software {

	position: relative;

	margin: 0 auto;

	border-left: 1px dashed #666;

	border-right: 1px dashed #666;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/images/software.jpg)  no-repeat; 	
	background-size: contain;

	width: 774px;

	height: 644px;

	padding: 0;

	display: block;

	}			

#container_basis {

	position: relative;

	margin: 0 auto;

	border-left: 1px dashed #666;

	border-right: 1px dashed #666;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/ModernComputer/Basis/main.jpg)  no-repeat; 	

	width: 774px;

	height: 560px;

	padding: 0;

	display: block;

	}		

#container_internet {

	position: relative;

	margin: 0 auto;

	border-left: 1px dashed #666;

	border-right: 1px dashed #666;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/Internet/mainInternet.jpg)  no-repeat; 	

	width: 774px;

	height: 644px;

	padding: 0;

	display: block;

	}	

#container_people {

	position: relative;

	margin: 0 auto;

	border-left: 1px dashed #666;

	border-right: 1px dashed #666;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/People/mainPeople.jpg)  no-repeat; 	
	background-size: contain;

	width: 774px;

	height: 560px;

	padding: 0;

	display: block;

	}	

#container_article {

	position: relative;

	margin: 0 auto;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/images/article.jpg)  no-repeat; 	
	background-size: contain;

	width: 600px;

	height: 600px;

	padding: 0;

	display: block;

	}	
	
#container_automata {

	position: relative;

	margin: 0 auto;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/Dreamers/images/back_automata.jpg)  no-repeat; 	
	background-size: contain;

	width: 774px;

	height: 560px;

	padding: 0;

	display: block;

	}	


#container_early {

	position: relative;

	margin: 0 auto;

	background: #FFF url(/web/20210107233415im_/https://history-computer.com/Dreamers/images/back_early.jpg)  no-repeat; 	
	background-size: contain;

	width: 774px;

	height: 560px;

	padding: 0;

	display: block;

}	


#container_pdf {

	position: relative;

	margin: 0 auto;

	/*background: #FFF url(/web/20210107233415im_/https://history-computer.com/images/article.jpg)  no-repeat; 	*/
	/*background-size: contain;*/

	width: 750px;

	padding: 0;

	display: block;

	}	


.pdf-stuff
{
	display: flex;
	flex-flow: row nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	min-width: 100%;
	padding-bottom: 15px;
}

.pdf-preview
{
	display: flex;
	flex-flow: column nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.pdf-image
{
	width: 375px;
	min-width: 375px;
	box-shadow: 0px 0px 11px 2px rgba(0,0,0,0.5);
}
.pdf-preview-button
{
	align-self: flex-start;
}

.pdf-info
{
	padding-left: 15px;
	flex: 1 1 auto;
	width: 375px;
	align-self: flex-start;
}

#container_pdf > #story > form
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;

}

#mobile-navigation {
	float: left;
	display: none;
	padding: 10px; 
}

.alphabetical_list_header {

	background-color: #FFFF99;

	text-align: center;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.navbar-header {
	width: 100%;
}

.navbar-Babbage {
	display: none;
}

.navbar>.container-fluid .navbar-brand {
	margin: auto;
}

.navbar-percy {
	border: 0;
	background-color: transparent;
	padding: 20px 10px;
}

.navbar-percy a {
	border: 0;
}

.navbar-percy .content-logo {
	padding: 0;
}

.navbar-percy .content-logo img {
	width: 200px;
}

.navbar-percy .navbar-collapse {
	border: 0;
	background-color: #fff;
}

.navbar-percy .navbar-collapse .custom-ul {
	/*position: absolute;*/
	/*right: 0;*/
	/*left: 0;*/
	text-align: center;
	margin: 0 auto;
	/* need to do this to counter shitty navbar integration */
	margin-right: -15px;
}

.navbar-percy .navbar-collapse .custom-ul .navbar-nav {
	display: inline-block;
	float: none;
	border: 0;
	position: relative;
}

.navbar-percy .navbar-collapse .custom-ul .navbar-nav li {
	border: 0;
}

.navbar-percy .navbar-collapse .custom-ul .navbar-nav li a {
	padding: 15px 10px;
}

.navbar-percy .navbar-nav>li>a {
	color: #b8ab57;
	font-family: Georgia, sans-serif;
}
.navbar-percy .navbar-nav>li>a:hover {
	background-color: #b8ab57;
	color: #ffffff;
}

.navbar-toggle
{
	margin-right: 0;
}

.container-fluid {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}

#navbar { 
	width: 100%;
}

/* RESPONSIVE MOBILE */
@media (max-width: 774px) {
	.navbar-percy {
		display: block !important;
	}

	.navbar-Babbage {
		margin-bottom: 0;
		display: block;
	}
	.navbar-default .navbar-nav>li>a {
		color: #b8ab57;
		font-family: Georgia, sans-serif;
	}
	.navbar-default .navbar-nav>li>a:hover {
		background-color: #b8ab57;
		color: #ffffff;
	}

	/* add container id's here: FINDME */
	#container, 
	#container_analog,
	#container_automata,
	#container_babbage,
	#container_calc,
	#container_dream,
	#container_internet,
	#container_mech,
	#container_modern,
	#container_people,
	#container_early,
	#container_thinkers,
	#container_basis,
	#container_relays,
	#container_electronic,
	#container_personal,
	#container_pdf,
	#container_software,
	#container_gadgets,
	#container_mechxx {
		width: 100%;
		height: auto;
		background-size: contain;
		border: 0;
	}

	#container, 
	#explanation, 
	#alice, 
	#container_article, 
	#story {
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
	}
	#navigation {
		display: none;
	}

	#explanation {
		padding: 40% 20px 0 20px;
	}

	#explanation p, #story p,
	#explanation a, #story a,
	#explanation li, #story li{
		font-size: 16px;
		line-height: 25px;
	}

	table
	{
		font-size: 16px;
		margin: 15px 0;
	}

	#alice {
		font-size: 14px;
		padding: 0 20px;
	}

	#container, #container_article, #story {
		width: 100%;
	}

	#story .image-arit img {
		width: 100%;
	}

	#story form img {
		display: none;
	}

	#mobile-navigation  {
		display: block;
	}

	#story form .input-right {
		float: right;
	}
	.navbar-header {
		width: 100%;
	}
	.navbar-percy .navbar-collapse .custom-ul {
		position: relative;
		text-align: center;
	}

	.navbar>.container-fluid .navbar-brand {
		margin: auto;
	}

	

	.pdf-stuff
	{
		flex-flow: column wrap;
	}
	.pdf-image
	{
		min-width: 50%;
		width: 100%;
		max-width: 375px;
	}
	.pdf-info
	{
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-content: center;
		align-items: center;
		width: 100%;
		padding: 10px;
		margin: 0;
	}
	.pdf-info p
	{
		text-align: center;
		
	}

	#bottom_navigation
	{
		position: initial;
		display: block;
		font-size: 16px;
		width: 100%;
		margin: 0 auto;
		padding: 16px;
	}

}

/* tablet */
@media (min-width: 768px) and (max-width: 1023px) {
	 .navbar-percy .navbar-nav>li>a {
		font-size: 80%;
	}

	.image-arit img {
		width: 100%;
	}

	.navbar>.container-fluid .navbar-brand {
		margin: auto;
	}
}

@media (min-width: 1024px) and (max-width: 1360px) {
	.navbar-percy .navbar-collapse .custom-ul {
		/*position: relative;*/
	}

	.navbar-percy .navbar-collapse .custom-ul .navbar-nav {
		/*position: relative;*/
	}

	.navbar>.container-fluid .navbar-brand {
		margin: auto;
	}
}


* Toggle Menu Style */
.toggle-menu-btn{
	color:#555;
	padding: 15px;
	display: none;
	text-decoration: none;
}

.toggle-close{
	display: none;
}
.footer {
	text-align: center;
}
.footer a {
	display: inline-block;
	border: 0;
	padding: 15px 0;
}
.footer a img {	
	width: 200px;
}
.footer a:hover {
	background-color: transparent;
}
.footer .link li { 
	display: inline-block;
	vertical-align: middle;
}
.footer .link a {
	font-size: 14px;
	padding: 0 15px 15px 15px;
	color: #000;
}
.footer .link a:hover {
	background: transparent;
	color: #b8ab57;
}

@media(max-width:767px){
	.footer .footer-logo {
		width: 100%;
		text-align: center;
	}
	.footer .link { 
		width: 100%;
		text-align: center;
	}
}
@media(max-width:543px){
	.footer .link li {
		display: block;
	}
}


.script-content{
	position: fixed;
	top: 12%;
	right: 22%;
}
/*@media (max-width: 1350px) {
	.script-content{
		right: 30%;
	}
}*/
@media (max-width: 1350px) {/* If media is below 1350 */
	.script-content{
		position: unset;
	}
}
p {
  clear: both;
}
/*
     FILE ARCHIVED ON 23:34:15 Jan 07, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:47:37 Oct 01, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.436
  exclusion.robots: 0.044
  exclusion.robots.policy: 0.034
  esindex: 0.007
  cdx.remote: 25.213
  LoadShardBlock: 190.4 (3)
  PetaboxLoader3.datanode: 1470.206 (5)
  PetaboxLoader3.resolve: 195.777 (3)
  load_resource: 1491.647 (2)
*/