
#timeline {width: min(100vw, 1270px); height: 410px; overflow: hidden; position: relative; background: url('../timelinr/dot.gif') left 56px repeat-x;}
#timeline a { text-decoration: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
#dates { width: min(100vw, 1270px); height: 60px; overflow: hidden; }
#dates li { list-style: none; float: left; width: 120px; height: 50px; font-size: 14px; text-align: center; background: url('../timelinr/biggerdot.png') center bottom no-repeat;}
#dates a { line-height: 30px; padding-bottom: 10px; }
#dates .selected { font-size: 24px; }
#issues { width: min(100vw, 1270px); /*height: 450px;*/ overflow: hidden; padding: 0px;}	
#issues li { width: min(100vw, 1270px); list-style: none; float: left; }
#issues li img { float: left; margin: 0px; width: min(100vw, 1270px);}
#issues li .text1, #issues li .text2, #issues li .text3 {background-color: #FEF5E7; margin-left: 0px; opacity: 0.5; filter: alpha(opacity = 50); position: absolute; padding: 5px; width: 550px; }
#issues li .text1 {margin-top: 163px; }
#issues li .text2, #issues li .text3 {margin-top: 266px; }

/*
#issues li h1 {
					color: #ffcc00;
					font-size: 48px;
					margin: 20px 0;
					text-shadow: #000 1px 1px 2px;
				}
				#issues li p {
					font-size: 14px;
					margin-right: 70px;
					font-weight: normal;
					line-height: 22px;
					text-shadow: #000 1px 1px 2px;
				}
*/
#grad_left, #grad_right { width: 100px; height: 80px; position: absolute; top: 0; }
#grad_left { left: 0; background: url('../timelinr/grad_left.png') repeat-y; }
#grad_right { right: 0; background: url('../timelinr/grad_right.png') repeat-y; }
		
#next, #prev { position: absolute; top: 0; font-size: 70px; top: 13px; width: 22px; height: 38px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }
#next:hover, #prev:hover { background-position: 0 -76px; }
#next { right: 0; background-image: url('../timelinr/next.png'); }
#prev { left: 0; background-image: url('../timelinr/prev.png'); }
#next.disabled, #prev.disabled { opacity: 0.2; }