@media (max-width: 500px) {
    body {
        background-color: lightblue;
    }
}

a {
	font-size: 1.143em;
	color: black;
}
a:visited {
	font-size: 1.143em;
	color: gray;
}

h1 {
	border-bottom: 2px solid darkgray;
}

.user_name {
	font-size: 130%;
	padding-bottom: 10px;
	color: #555555;
}
.post_container {
	border-bottom: 1px solid lightgray;
	padding: 20px;
}

.avatar {
	border-radius: 50%;
}
.avatar_container {
	float: left;
}

.header {
    position: fixed;
    top: 0;
    height: 100px;
    width: 100%;
    z-index: 100;
	background-color: #fff;
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
}
.title-span {
    width: 80%;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto; 
/* 
	margin-top: 5px;
	margin-left: 10px;
 */
}.archive-span {
    width: 80%;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto; 
/* 
	margin-top: 5px;
	margin-left: 10px;
 */
}
.main{
    width: 70%;
    margin-top: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto; 
}
/* 
.topics{
	width:100%;
}
*/

label {
    display: inline-block;
    width: 5em;
}

.fa {
	padding-right: 5px;
}
.header-row {
	padding-bottom: 8px;
	border-bottom: 3px solid gray;
}
.topic-row {
	padding: 8px;
	border-bottom: 1px solid lightgray;
}


/* 
.topic-head-container{
	display: inline-block;
	width:70%;
}
.category-head-container{
	display: inline-block;
	width:15%;
}
.post-count-head-container{
	display: inline-block;
	width:14%;
}
 */
.topic-head{
	display: inline-block;
	width:70%;
}
.category-head{
	display: inline-block;
	width:15%;
}
.post-count-head{
	display: inline-block;
	width:14%;
}


.topic{
	display: inline-block;
	width:70%;
}
.category{
	display: inline-block;
	width:15%;
}
.post-count{
	display: inline-block;
	width:14%;
}