@import url(/_common/css/common.css);

/* Exhibits colors: #990000, #f9c2c2 */

#commonheaderwrap { background: #900; }
#commonbodywrap { border-bottom: 2px solid #900; }
.localnav li .active { background-color: #f9c2c2; }

#contentwrap #content h1 { background: url(../img/exhibits/hh-exhibits.png) no-repeat 0 5px; }
#contentwrap #content h2 { color: #900; }
#contentwrap #content ul li { background: url(../img/list-bullet.gif) no-repeat 0 7px; padding-left: .8em; }

#content .image { border: 1px solid #c0c0c0; padding: 1px 1px;}

#content .exwrap { width: 685px; margin-bottom: 30px; }

#content #exwrapfull { width: 685px; margin-bottom: 30px; background: #333; padding-bottom: 20px;}

#exwrapfull .exhibit { float: left; width: 200px; margin: 20px 0px 0px 18px; border: 1px solid #fff;padding: 1px 1px; display:inline; }

.exhibit a { color: #fff; }
.exhibit h3 { clear: both; color: #fff; font-size: 1em; font-weight: normal; padding: 2px 10px; }

.exinfo { float: right; width: 435px; }
.exinfo .extitle { border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; padding: 5px 0; margin-bottom: 5px;}

.info p { margin: 2px 10px 0 10px; padding: 2px 0 10px; border-top: 1px solid #999; line-height: 1.1em; font-size: .9em;}
.info p a { font-size: .9em; color: #ccc;  }

.babbageengine { background: #786c49 }
.siliconengine { background: #7c4a37 }
.visiblestorage { background: #504260 }
.timeline { background: #826733 }
.pdp1 { background: #395a72 }
.chess { background: #75512a }
.sellingcomputer { background: #22563f }
.microprocessor { background: #514938 }
.internethistory { background: #5b6639 }
.fellows { background: #3a3a3a }
.tdih { background: #725829 }


.imageleft { float: left; margin-right: 20px;}
.imageright { float: right; margin-left: 20px;}