#archive{
	position: relative;
	float: left;
	width: 100%;
	color: rgb(100,100,100);
	font-family: cursive;
	padding: 10px 0px 28px 0px;
	height : 820px;
	overflow-y : auto;
}

#archive a{
	color: rgb(100,100,100);
}

#archive .archive_init{
	position: relative;
	float: left;
	width: 100%;
	height: 6%;
	font-size: 22px;
	text-align: center;
	top: 10px;
}

#archive .archive_files{
	position: relative;
	float: left;
	width: 100%;
	background-color: rgba(0,0,0,0.05);
}

#archive .archive_files .archive_year{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
}
#archive .archive_files .archive_year:hover {
	background-color: rgb(240, 240, 240);
}

#archive .archive_files .archive_year:hover .hidden_files{
	background-color: #FFF;
}

#archive .archive_files .archive_year .hidden_files .archive_issue:hover{
	background-color: #BDBDBD;
}

#archive .archive_files .archive_year .year{
	position: relative;
	float: left;
	width: 50%;
	cursor: pointer;
}

#archive .archive_files .archive_year .year:hover{
	color: rgb(0,0,0);
}

#archive .archive_files .archive_year .image-arrow{
	position: relative;
	float: left;
	width: 10%;
	top: 4px;
	margin-left: 35px;
	cursor: pointer;
}

#archive .archive_files .archive_year .hidden_files{
	position: relative;
	float: left;
	display: none;
	width: 100%;
}

#archive .archive_files .archive_year .hidden_files > div{
	position: relative;
	float: left;
	width: 100%;
	cursor: pointer;
}

#archive .archive_files .archive_year .hidden_files a:hover{
	color: rgb(0,0,0);
}

a.archive_issue {
	width: 100%;
	position: relative;
	float: left;
}

#covers_link{
	width: 100%;
}

#covers_link > h3{
	color: #000;
	text-align: center;
	font-size: 18px;
}