#timeline {
  width: 1200px;
  height: 350px;
  overflow: hidden;
  margin: 100px auto;
  position: relative;
  background: url('../img/dot.gif') left 45px repeat-x;
}
  #dates {
    width: 800px;
    height: 60px;
    overflow: hidden;
  }
    #dates li {
      list-style: none;
      float: left;
      width: 100px;
      height: 50px;
      font-size: 16px;
      text-align: center;
      background-size: 100%;
    }
      #dates a {
        line-height: 73px;
        padding-bottom: 10px;
      }
      #dates .selected {
            font-size: 22px;
      }

  #issues {
    width: 800px;
    height: 350px;
    overflow: hidden;
  }
    #issues li {
      width: 1200px;
      height: 350px;
      list-style: none;
      float: left;
    }
      #issues li.selected img {
        -webkit-transform: scale(1.1,1.1);
        -moz-transform: scale(1.1,1.1);
          -o-transform: scale(1.1,1.1);
          -ms-transform: scale(1.1,1.1);
          transform: scale(1.1,1.1);
      }
      #issues li img {
        float: left;
        margin: 10px 30px 10px 50px;
        background: transparent;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */
        zoom: 1;
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        -ms-transition: all 2s ease-in-out;
        transition: all 2s ease-in-out;
        -webkit-transform: scale(0.7,0.7);
        -moz-transform: scale(0.7,0.7);
          -o-transform: scale(0.7,0.7);
          -ms-transform: scale(0.7,0.7);
          transform: scale(0.7,0.7);
      }
      #issues li h1 {
        color: #ffcc00;
        font-size: 48px;
        margin: 20px 0;
      }
      #issues li p {
        font-size: 14px;
        /*margin-right: 70px;*/
        font-weight: normal;
        line-height: 22px;
      }

  #grad_left,
  #grad_right {
    width: 100px;
    height: 350px;
    position: absolute;
    top: 0;
  }
    #grad_left {
          left: 0;
          background: url('../img/grad_left.png') repeat-y;
    }
    #grad_right {
          right: 0;
          background: url('../img/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('../img/next.png');
    }
    #prev {
      left: 0;
      background-image: url('../img/prev.png');
    }
      #next.disabled,
      #prev.disabled {
        opacity: 0.2;
      }