section {
	display: block;
}

em {
	font-style: italic;
}

strong {
	font-weight: 700;
}

.introHeading {
	margin: 0;
	padding: 0;
	font: 700 1.7em Elderkin, Helvetica, Arial, sans-serif;
	color: #333;
	text-align: center;
}

#timeline {
	position: relative;
	margin-top: -25px;
	width: 523px;
	height: 400px;
	background: transparent url(http://images.nymag.com/images/2/daily/2012/02/grey-bar.png) -2px 61px repeat-x;
	overflow: hidden;
}

.topDate {
	float: left;
	width: 205px;
	height: 65px;
	font: 700 12px Helvetica, Arial, sans-serif;
	text-align: center;
}

.topDateLink {
	padding-bottom: 10px;
	line-height: 52px;
	color: #999;
	text-decoration: none;
	outline: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.topDateLink:hover,
.topDateLink.selected {
	color: #333;
	text-decoration: none;
}

.dateHeader {
	margin: 10px 0 10px;
	padding: 4px 8px;
	font: 700 18px Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center;
	background: #fff;
}

#dates {
	padding: 0;
	width: 100%;
	height: 65px;
	list-style: none;
}

#a1,
#a2,
#a3,
#a4,
#a5,
#a6,
#a7,
#a8,
#a9,
#a10,
#a11,
#a12 {
	 background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAIAAAA7jDsBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTc4ODc0NkZBQzVFMTFFMjkxMjlBN0FFMTFGMDQ1ODkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTc4ODc0NzBBQzVFMTFFMjkxMjlBN0FFMTFGMDQ1ODkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Nzg4NzQ2REFDNUUxMUUyOTEyOUE3QUUxMUYwNDU4OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Nzg4NzQ2RUFDNUUxMUUyOTEyOUE3QUUxMUYwNDU4OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/qIM8AAAARSURBVHjaYmAYBaOAPgAgwAACbAABqTqaBwAAAABJRU5ErkJggg==) center bottom no-repeat;
}

#issues {
	padding: 0;
	width: 185px;
	height: 450px;
	list-style: none;
}

.sClass {
	float: left;
	width: 180px;
	height: 450px;
	list-style: none;
	text-align: center;
}

.firstS {
	margin-left: 185px;
}

#s1 .dateHeader,
#s3 .dateHeader,
#s5 .dateHeader,
#s7 .dateHeader,
#s9 .dateHeader,
#s11 .dateHeader {
	background: #000;
}

#s2 .dateHeader,
#s4 .dateHeader,
#s6 .dateHeader,
#s8 .dateHeader,
#s10 .dateHeader,
#s12 .dateHeader {
	background: #000;
}

.dateImage {
	margin-top: 15px;
	border: none;
	background: transparent;
}

.dateContent {
	margin: 0 8px 5px;
	padding: 5px 0 10px;
	width: 155px;
	font: 400 14px Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #ccc;
	text-align: left;
}
		
#next,
#prev {
	position: absolute;
	top: 30px;
	width: 185px;
	height: 480px;
	font-size: 70px;
	text-indent: -9999em;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}


#next.disabled,
#prev.disabled {
	opacity: 0.2;
}

#next {
	right: 0;
	background: transparent url(http://images.nymag.com/images/2/daily/2012/02/timeline-right.gif) 170px 0 no-repeat;
}

#prev {
	left: 0;
	background: transparent url(http://images.nymag.com/images/2/daily/2012/02/timeline-left.gif) 0 0 no-repeat;
}
@media screen and (max-width: 520px) {
    #timeline {
    -webkit-transform: scale(.85,.85);
    -moz-transform: scale(.85,.85);
    transform: scale(.85,.85);
    margin-left: -42%;
  }
  #next {
	right: 25%;
}

#prev {
	left: 25%;
}	
	
}