.sociales {
	text-align: center;
	margin-bottom: 20px;
}

#timeline {
        width: 800px;
        height: 150px;
        overflow: hidden;
        margin: 100px auto;
        position: relative;
        background: url('../images/dot.gif') left 45px repeat-x;
}
#dates {
        width: 800px;
        height: 60px;
        overflow: hidden;
}
#dates div {overflow: scroll;}
#dates li {
        list-style: none;
        float: left;
        width: 100px;
        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;
}
#dates .selected {
    font-size: 38px;
}

		#issues {
			width: 800px;
			height: 150px;
			overflow: hidden;
		}	
                #issues li {
                        width: 800px;
                        height: 150px;
                        list-style: none;
                        float: left;
                }

                #issues li h1 {
                        color: #ffcc00;
                        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: 100px;
			width: 22px;
			height: 38px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
		#next10,#prev10 {
			position: absolute;
			top: 0;
			font-size: 70px;
			top: 100px;
			width: 44px;
			height: 38px;
			background-position: 0 -38px;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			#next:hover,
			#next10:hover,
			#prev10:hover,
			#prev:hover {
				background-position: 0 -76px;
			}
			#next {
				right: 60px;
				background-image: url('../images/next.png');
			}
			#next10 {
				right: 0px;
				background-image: url('../images/next10.png');
			}
			#prev10 {
				left: 0px;
				background-image: url('../images/prev10.png');
			}
			#prev {
				left: 50px;
				background-image: url('../images/prev.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}