@charset "utf-8";


.story{background: url(../images/bg1.jpg) no-repeat top center; }

/* timeline */
#timeline{width:1200px;height:350px;overflow:hidden;margin:40px auto 0 auto;position:relative;background:url('../images/dot.gif') left 45px repeat-x;}
#dates{width:1200px;height:60px;overflow:hidden;}
#dates li{float:left;width:200px;height:50px;font-size:24px;text-align:center;background:url('../images/biggerdot.png') center bottom no-repeat;}
#dates a{line-height:38px;padding-bottom:10px; font-weight: bold;}
#dates .selected{font-size:38px; color:#0e3193; font-weight: bold;}
#issues{width:1200px;height:350px;overflow:hidden;}
#issues li{width:1200px;height:350px;float:left;}
#issues li img{float:left;margin:10px 30px 10px 50px;}
#issues li h1{color:#333;font-size:28px;margin:15px 0; font-weight: 300;}
#issues li p{font-size:14px;margin-right:70px;font-weight:normal;line-height:30px;}
#grad_left,#grad_right{width:100px;height:350px;position:absolute;top:0;}
#grad_left{left:0;}
#grad_right{right:0;}
#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');}
#prev{left:0;background-image:url('../images/prev.png');}
#next.disabled,#prev.disabled{opacity:0.2;}