@charset "utf-8";
/* CSS Document */
#history,.hlist{
	max-width: 1400px!important;
}


#main a{color:#333; }

#main{width:100%;margin:30px auto 0 auto; background:#fff; max-width: 1400px;
	-moz-border-radius:12px;-khtml-border-radius: 12px;-webkit-border-radius: 12px; border-radius:12px;}
h2.top_title{margin:4px 20px; padding-top:15px; padding-left:20px; padding-bottom:10px; border-bottom:1px solid #d3d3d3; 
	font-size:18px; color:#a84c10; background:url(../images/arrL.gif) no-repeat 2px 14px}

#timeline {width: 100%;height: auto;overflow: hidden;margin: 50px auto 0;position: relative;background: url('../img/dot.gif') left 45px repeat-x;}
#dates {width: 100%;height: 60px;overflow: hidden; margin-bottom: 30px;}
#dates li {list-style: none;float: left;width: 100px;height: 50px;font-size: 24px;text-align: center;
	background: url('../img/biggerdot.png') center bottom no-repeat;}
#dates a {line-height: 38px;padding-bottom: 10px;}
#dates .selected {font-size: 38px;font-weight: bold;}
#issues {width: 1200px;height: auto;overflow: hidden;}	
#issues li {width: 1200px;height: auto;list-style: none;float: left; text-align: center;color:#333; line-height: 60px;}
#issues li a{color:#333; }
#issues li h1 {color: #ffcc00;font-size: 42px;margin: 20px 0;text-shadow: #000 1px 1px 2px;}
#issues li p {font-size: 15px;margin-right: 70px; margin:15px 0; font-weight: normal;line-height: 22px;}

#issues li img{margin-bottom: 15px;max-width: 100%;max-height: 2000px; margin-top:8px;}

#issues li .am-g{max-width: 1400px}

@media screen and (min-width: 1441px) {
	#issues {width: 1400px;}	
	#issues li {width: 1400px;}	
}


@media screen and (max-width: 1024px) {
	#issues {width: 800px;}	
	#issues li {width: 800px;}	
}

@media screen and (max-width: 980px) {
	#issues {width: 600px;}	
	#issues li {width: 600px;}	
}

@media screen and (max-width: 640px) {
	#issues {width: 480px;}	
	#issues li {width: 480px;}	
}


@media screen and (max-width: 480px) {
	#issues {width: 330px;}	
	#issues li {width: 330px;}	
}