@charset "utf-8";

/* timeline */
#timeline{width:766px;height:350px;overflow:hidden;margin:40px auto 0 auto;position:relative;background:url('../images/dot.gif') left 45px repeat-x; float:right;}
#dates{width:800px;height:60px;overflow:hidden;}
#dates li{float:left;width:100px;height:50px;font-size:16px;text-align:center;background:url('../images/biggerdot.png') center bottom no-repeat;}
#dates a{line-height:38px;padding-bottom:10px; color:#000;}
#dates .selected{font-size:16px;}
#issues{width:800px;height:350px;overflow:hidden;}
#issues li{width:800px;height:350px;float:left;}
#issues li img{.float:left;.margin:10px 30px 10px 50px; margin:0 auto; display:block;}
#issues li h1{color:#E47C17;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:350px;position:absolute;top:0;}
#grad_left{left:0;.background:url('../images/grad_left.png') repeat-y;}
#grad_right{right:0;.background:url('../images/grad_right.png') repeat-y;}
#next,#prev{position:absolute;top:0;font-size:70px;top:170px;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('../images/next.png'); background-position:0 -76px;}
#prev{left:0;background-image:url('../images/prev.png'); background-position:0 -76px;}
#next.disabled,#prev.disabled{opacity:0.2;}