@charset "utf-8";

h1{text-align:center;color:#ccc;margin-bottom:5px;}
h1{font-size:18px;}



/* timeline */
#timeline{width:890px;height:450px;overflow:hidden;margin:40px auto 20px auto;position:relative;background:url('../dev/dot.gif') left 45px repeat-x; }
#dates{ width:890px;height:60px;overflow:hidden;}
#dates li{float:left;width:100px;height:50px;font-size:24px;text-align:center;background:url('../dev/biggerdot.png') center bottom no-repeat; }
#dates a{line-height:38px;padding-bottom:10px;}
#dates .selected{font-size:38px;color:#1A448E;}
#issues{width:890px;height:420px;overflow:hidden; padding-top:30px;}
#issues li{width:890px;height:450px;float:left;}
#issues li img{float:left;margin:10px 30px 10px 50px; display:block;}
#issues li h1{color:#1A448E;font-size:48px;margin:30px 0;}
#issues li p{font-size:14px;margin-right:70px;font-weight:normal;line-height:22px;}
#issues li p span{font-size:14px;font-weight:normal;line-height:22px; color:#ff0000; font-weight:bold;}
#grad_left,#grad_right{width:40px;height:450px;position:absolute;top:0;}
#grad_left{left:0;background:url('../dev/grad_left.png') repeat-y;}
#grad_right{right:0;background:url('../dev/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;top:240px;background-image:url('../dev/next.png');}
#prev{left:0;top:240px; background-image:url('../dev/prev.png');}
#next.disabled,#prev.disabled{opacity:0.2;}