#navigation-and-content { background: url(ewb-image.png) no-repeat center center fixed; }

#timeline-container { position: relative; font-family: Georgia, "Liberation Serif", serif; }

#timeline-container .Women__Science___Society { padding-right: 24px; background: url(wss-icon.png) no-repeat center right; }
#timeline-container .Appointments___Awards { padding-right: 24px; background: url(appointments-icon.png) no-repeat center right; }
#timeline-container .Mentors___Networks { padding-right: 24px; background: url(mentors-icon.png) no-repeat center right; }
#timeline-container .Harriette_Chick { padding-right: 24px; background: url(harriette-icon.png) no-repeat center right; }
#timeline-container .Muriel_Wheldale { padding-right: 24px; background: url(muriel-icon.png) no-repeat center right; }
#timeline-container .Marjory_Stephenson { padding-right: 24px; background: url(marjory-icon.png) no-repeat center right; }
#timeline-container .Ida_Smedley { padding-right: 24px; background: url(ida-icon.png) no-repeat center right; }
#timeline-container .Places { padding-right: 24px; background: url(places-icon.png) no-repeat center right; }

#timeline-container .tag-select { position: absolute; }
#timeline-container .tag-select .tag { font-size: 13px; color: #000000; font-family: "Trebuchet MS", Trebuchet, sans-serif; margin-bottom: 4px; vertical-align: middle; }
#timeline-container .tag-select .tag label { display: inline-block; min-height: 24px; line-height: 24px; }
#timeline-container .tag-select .tag input { vertical-align: middle; margin-right: 8px; }
#timeline-container .tag-select .heading { font-size: 16px; color: #a82d2f; font-family: Georgia, "Liberation Serif", serif; margin-bottom: 8px; margin-top: 16px; display: inline-block; min-height: 24px; line-height: 24px; }

#timeline-overlay { position: absolute; width: 100%; height: 100%; background: black; top: 0px; z-index: 1; }

#timeline-container .year { 
	font-size: 16px; 
	color: #000000; 
	position: absolute; 
	cursor: pointer; 
	-webkit-transition: color 0.3s linear 0s;
	-moz-transition: color 0.3s linear 0s;
	-ms-transition: color 0.3s linear 0s;
	-o-transition: color 0.3s linear 0s;
	transition: color 0.3s linear 0s;
}
#timeline-container .year.active { color: #a82d2f; cursor: auto; }
#timeline-container .year.disabled { color: #979090; cursor: auto; }

#content-wrapper , #timeline-container .container { z-index: 2; } /* IE7 fix */

#timeline-container .year-data { position: fixed; z-index: 2; background: #f1f0d0; border: 1px solid #d0d0d0; padding: 8px 16px; width: 450px; min-height: 200px; }
#timeline-container .year-data .heading { font-size: 32px; color: #a82d2f; margin: 16px 0px 8px 0px; }
#timeline-container .year-data .item { 
	font-size: 16px; 
	color: #58595b; 
	padding-top: 8px; 
	padding-bottom: 8px; 
	border-bottom: 1px solid #c7c6ae; 
}
#timeline-container .year-data .item.last { border-bottom: 0px; padding-bottom: 0px; }
#timeline-container .year-data .category { float: right; margin-top: 8px; height: 24px; width: 24px; padding: 0px; cursor: pointer; }


#year-close-button {
	font-size: 16px;
	color: #A82D2F;
	font-weight: bold;
	position: absolute;
	top: 6px;
	right: 6px;
	cursor: pointer;
	font-family: sans-serif;
	line-height: 16px;
	border-radius: 8px;
	width: 16px;
	text-align: center;
	padding: 2px;
}
#year-close-button:hover {
	background: white;
}