.directory {
	width: 80%;
	margin-left: 10%;
	text-align: center;
	/*border-right: 1px solid #ccc;*/
}

.directory-list {
	width: 100%;
	margin: 0;
	padding: 0;
}

.directory-item{
	display: block;
	margin: 5px 0;
	cursor: default;
}

.directory-sublist {
	width: 100%;
	margin: 0;
	padding: 0;
}

.directory-subitem {
	text-decoration: none;
	display: block;
	margin: 5px 0;
	cursor: pointer;
}

.year-text {
	font-size: 3em;
	font-weight: 400;
	display: inline-block;
	color: #a1a1a1;
	margin: 20px 0 10px 0;
	width: 100%;
	border-bottom: 2px solid #f0f0f0;
}

.month-text {
	font-size: 1.5em;
	font-weight: 400;
	display: inline-block;
	color: #f0f0f0;
	margin: 5px 0;
	cursor: default;
}

.article-list {
	width: 100%;
	margin: 0;
	padding: 0;
}

.item-text {
	color: rgba(119,119,119,1);
	text-decoration: none;
	font-family: Oswald, sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
}

.back-to-top {
	color: #e0e0e0;
	display: inline-block;
	text-decoration: none;
	border: 2px solid #f0f0f0;
	border-radius: 15px;
	padding: 5px 25px;
	margin-top: 25px;
	-webkit-transition: color .25s, border .25s, background-color .25s;
    transition: color .25s, border .25s, background-color .25s;
}

/*------ - - - - - -   Hover Styles   - - - - - - ------*/

.item-text:hover {
	color: #000;
}

.back-to-top:hover {
	-webkit-transition: color .25s, border .25s, background-color .25s;
    transition: color .25s, border .25s, background-color .25s;
	color: #fff;
	text-decoration: none;
	border: 2px solid #000;
	border-radius: 15px;
	padding: 5px 25px;
	background-color: #000;
}