* {
  box-sizing: border-box;
}

blockquote {
	margin: 0;
	padding: 0;
	display: block;
	color: #6600ff;
}

.post {
	margin-left: 250px;
	margin-bottom: 10px;
	margin-top: 10px;
	
	/* These values came direct from the Yahoo Groups interface */
	color: #3f3f3f;
	border: 1px solid #e2e2e6;
	padding: 10px;
	min-width: 470px;
	max-width: 675px;
}

.msg {
	
}

/* override existing css*/
div {
    /* font: 13px/1.25 "Helvetica Neue", Helvetica, Arial, san-serif, Roboto !important; */
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif, Roboto !important;
	font-size: 13px !important;
	line-height: 1.25 !important;
	font-weight: 400;
}

.msgHeader {
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #e2e2e6;
	margin-bottom: 5px;
}

.upLink {
	margin: auto;
}

.threadName {
	margin: auto;
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
}

body {
  font-family: Arial;
  padding: 10px;
}

/* Style the main navigation bar */
.mainnav {
	float: left;
	clear: right;
	overflow: hidden;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 250px;
	height: 100%;
}

span {
	vertical-align: center;
}

/* Style the topnav links */
.mainnav a {
	display: block;
	text-align: left;
	padding: 14px 16px; /* top right bottom left */
	text-decoration: none;
	font-size: 16px;
}

/* Change color on hover */
.mainnav a:hover {
	background-image: linear-gradient(#6600ff, #ccccff);
	color: black;
	/* transition: 0.3s; */
}

/* Style the top navigation bar */
.topnav {
	float: left;
	clear: right;
	/* margin-left: 250px; */
	display: flex;
	overflow: hidden;
	background-image: linear-gradient(#6600ff, #ccccff);
	border-radius: 10px;
	/* min-width: 470px; */
	/* max-width: 675px; */
	width: 675px;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

/* Style the topnav links */
.topnav a {
	flex: 1 1 auto;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

.topnav span {
	flex: 1 1 auto;
	color: black;
	text-align: center;
	padding: 14px 16px;
}

/* Change color on hover */
.topnav a:hover {
	background-image: linear-gradient(#a366ff, #ccccff);
	color: black;
	/* transition: 0.3s; */
}


/* Footer */
.footer {
	padding: 20px;
	text-align: center;
	color: white;
	margin-top: 20px;
}


/* For mobile, preveent sticky */
@media (max-width: 980px) {
	.mainnav {
		position: relative;
		margin: 0;
		width: auto;
		float: none;
		min-width: 470px;
		max-width: 675px;
	}
	.topnav {
		position: relative;
		margin: 0;
		float: none;
		width: auto;
		min-width: 470px;
		max-width: 675px;
	}
	.post {
		margin-left: 0px;
	}
	
}