html {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
border: 0;
overflow: visible;
background: #fff url(images/backg_lr.gif) repeat-x;
color: #333;
}
#explanation h3 {
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 130%;
}
#bottom_navigation {
position: absolute;
top: 12px;
left: 175px;
font-size: 70%;
}
#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;
text-align: justify;
}
#explanation {
position: absolute;
top: 260px;
left: 230px;
display: block;
width: 440px;
font: 75% georgia, sans-serif;
}
#alice {
position: absolute;
top: 230px;
left: 320px;
display: block;
color: #FF6633;
width: 450px;
font-family: Arial, Helvetica, sans-serif;
font-size: 69%;
text-align: right;
}
#story {
position: absolute;
top: 190px;
left: 30px;
display: block;
width: 540px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 85%;
}
.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;
}
.initcap {
font-size: 3em;
color: #9a944d;
}
#container {
position: relative;
top: 0;
margin: 0 auto;
border-left: 1px dashed #666;
border-right: 1px dashed #666;
background: #FFF url(images/central.jpg) no-repeat;
width: 774px;
height: 644px;
padding: 0;
display: block;
}
#container_babbage {
position: relative;
top: 0;
margin: 0 auto;
border-left: 1px dashed #666;
border-right: 1px dashed #666;
background: #FFF url(Babbage/central.jpg) no-repeat;
width: 774px;
height: 644px;
padding: 0;
display: block;
}
#container_mech {
position: relative;
top: 0;
margin: 0 auto;
border-left: 1px dashed #666;
border-right: 1px dashed #666;
background: #FFF url(MechanicalCalculators/central.jpg) no-repeat;
width: 774px;
height: 644px;
padding: 0;
display: block;
}
#container_mechxx {
position: relative;
top: 0;
margin: 0 auto;
border-left: 1px dashed #666;
border-right: 1px dashed #666;
background: #FFF url(MechanicalCalculators/20thCentury/images/header.jpg) no-repeat;
width: 774px;
height: 644px;
padding: 0;
display: block;
}
#container_calc {
position: relative;
top: 0;
margin: 0 auto;
border-left: 1px dashed #666;
border-right: 1px dashed #666;
background: #FFF url(CalculatingTools/tools_main.jpg) no-repeat;
width: 774px;
height: 560px;
padding: 0;
display: block;
}
#container_dream {
position: relative;
top: 0;
margin: 0 auto;
border-left: 1px dashed #666;
border-right: 1px dashed #666;
background: #FFF url(Dreamers/images/dream_main.jpg) no-repeat;
width: 774px;
height: 644px;
padding: 0;
display: block;
}
#container_gadgets {
position: relative;
top: 0;
margin: 0 auto;
border-left: 1px dashed #666;
border-right: 1px dashed #666;
background: #FFF url(images/gadgets.jpg) no-repeat;
width: 774px;
height: 644px;
padding: 0;
display: block;
}
#container_modern {
position: relative;
top: 0;
margin: 0 auto;
border-left: 1px dashed #666;
border-right: 1px dashed #666;
background: #FFF url(ModernComputer/main.jpg) no-repeat;
width: 774px;
height: 560px;
padding: 0;
display: block;
}
#container_electronic {
position: relative;
top: 0;
margin: 0 auto;
border-left: 1px dashed #666;
border-right: 1px dashed #666;
background: #FFF url(ModernComputer/Electronic/main.jpg) no-repeat;
width: 774px;
height: 560px;
padding: 0;
display: block;
}
#container_personal {
position: relative;
top: 0;
margin: 0 auto;
border-left: 1px dashed #666;
border-right: 1px dashed #666;
background: #FFF url(ModernComputer/Personal/images/main.jpg) no-repeat;
width: 774px;
height: 560px;
padding: 0;
display: block;
}
#container_relays {
position: relative;
top: 0;
margin: 0 auto;
border-left: 1px dashed #666;
border-right: 1px dashed #666;
background: #FFF url(ModernComputer/Relays/main.jpg) no-repeat;
width: 774px;
height: 560px;
padding: 0;
display: block;
}
#container_thinkers {
position: relative;
top: 0;
margin: 0 auto;
border-left: 1px dashed #666;
border-right: 1px dashed #666;
background: #FFF url(ModernComputer/thinkers/images/header.jpg) no-repeat;
width: 774px;
height: 560px;
padding: 0;
display: block;
}
#container_software {
position: relative;
top: 0;
margin: 0 auto;
border-left: 1px dashed #666;
border-right: 1px dashed #666;
background: #FFF url(images/software.jpg) no-repeat;
width: 774px;
height: 644px;
padding: 0;
display: block;
}
#container_basis {
position: relative;
top: 0;
margin: 0 auto;
border-left: 1px dashed #666;
border-right: 1px dashed #666;
background: #FFF url(ModernComputer/Basis/main.jpg) no-repeat;
width: 774px;
height: 560px;
padding: 0;
display: block;
}
#container_internet {
position: relative;
top: 0;
margin: 0 auto;
border-left: 1px dashed #666;
border-right: 1px dashed #666;
background: #FFF url(Internet/mainInternet.jpg) no-repeat;
width: 774px;
height: 644px;
padding: 0;
display: block;
}
#container_people {
position: relative;
top: 0;
margin: 0 auto;
border-left: 1px dashed #666;
border-right: 1px dashed #666;
background: #FFF url(People/mainPeople.jpg) no-repeat;
width: 774px;
height: 560px;
padding: 0;
display: block;
}
#container_article {
position: relative;
top: 0;
margin: 0 auto;
background: #FFF url(images/article.jpg) no-repeat;
width: 600px;
height: 600px;
padding: 0;
display: block;
}
#container_automata {
position: relative;
top: 0;
margin: 0 auto;
background: #FFF url(Dreamers/images/back_automata.jpg) no-repeat;
width: 774px;
height: 560px;
padding: 0;
display: block;
}
.alphabetical_list_header {
background-color: #FFFF99;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}