#timeline {
        //width: 800px;
        //height: 350px;
        overflow: hidden;
        //margin: 100px auto;
        position: relative;
        //background: url('../images/dot.gif') left 45px repeat-x;
        font-family: 'Source Sans Pro', sans-serif;
}
        #dates {
            
                width: 1200px !important;
                //margin-left: 45.6% !important;
                //height: 60px;
                overflow: hidden;
        }
                #dates li {
                        list-style: none;
                        float: left;
                        width: 100px;
                        //height: 50px;
                        font-size: 24px;
                        text-align: center;
                }
                        #dates a {
                            
                                line-height: 38px;
                                padding-bottom: 10px;
                                color:#fff;
                                //font-family:Georgia;
                        }
                        #dates a:hover{
                                color:#AEB404;
                        }
                        
                        #dates .selected{
                        font-size: 37px;
                        color:#AEB404;
                        }
                        
                        #dates .selected:hover {
                        color:#fff;
                        }
                        
        #dates_responsive{
            margin-left: 46%;
            //width: 20px;
            //height: 50px;
            float: left;}
        
        @media (max-width: 1400px) {
             #dates_responsive{
            margin-left: 45.5%;
             }
        }
        @media (max-width: 1000px) {
             #dates_responsive{
            margin-left: 43%;
             }
        }
        
        @media (max-width: 800px) {
             #dates_responsive{
            margin-left: 41%;
             }
        }
        
        @media (max-width: 500px) {
             #dates_responsive{
            margin-left: 36%;
             }
        }
        
        @media (max-width: 300px) {
             #dates_responsive{
            margin-left: 27%;
             }
        }

        #issues {
                width: 1040px;
                //height: 350px;
                overflow: hidden;
        }	
                #issues li {
                        width: 1040px;
                        //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);
                        }

        #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');
                }
                #prev {
                        left: 0;
                        background-image: url('../images/prev.png');
                }
                        #next.disabled,
                        #prev.disabled {
                                opacity: 0.2;
                        }