body {
background: url("images/enterbg_a.png") no-repeat fixed center/cover;
  color: #363740;
  font-family: Space Mono, monotype;
  font-size: 16px;
  margin: 0px;
}

a {color: #0000a7;}
a:hover {color: #43434e;}

/*enter section*/
 .enter {
 background-color: #bfc7c9;
 border: 3px solid; 
 border-color: #f5f9ff #53586c #53586c #f5f9ff;
 padding: 10px;
 margin: auto;
 text-align: center;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
 max-width:440px;
  margin-top: 200px;
}

.enterright {float: right;}

.enterleft {float: left;}

/* That colour bar on the top of the content zone. */
	.enter-banner {
	background-image: linear-gradient(to right, #010074, #372ef2, #8396c5);
	padding: 2px;
	margin-bottom: 10px;
	color: #fff;
	font-size: 16px;
	min-height: 24px;
	overflow-y: hidden;
	}

	.ent-icon {
	float: left;
	margin: 2px;
	height: 18px;
	width: 17px;
	background-image: url("images/cb-icon.png");
	}

	.ent-label {
	float: left;
	margin-left: 5px;
	}

	.ent-bttn {
	  background-color: #bfc7c9;
	  height: 17px;
	  width: 17px;
	  border: 3px solid; 
	  border-color: #53586c #f5f9ff #f5f9ff #53586c;
	  background-image: url("images/xicon.png");
	  float: right;
	  margin-top: 1px;
	  margin-right: 1px;
	}
	
/*journal section*/

.topbanner {
	max-width: 700px;
	clear: both;
	margin: auto;  
}

.topbanner-right {
	background-color: #000;
	color: #f5f9ff;
	font-size: 12px;
	padding: 3px; 
	margin: 0 100px;
	text-align: left;
	}
	
.topbanner-cat {
	margin: 0 100px 10px 100px;
	}
	
/*header links*/

.head-links {
	list-style-type: none;
	display: inline;
	margin: 0px;
}

.head-links li {
	display: inline-block;
	border: 3px solid;
	border-color: #f5f9ff #53586c #53586c #f5f9ff;
	padding: 0 6px;
	background-color: #bfc7c9;
	text-transform: uppercase;
}

.head-links li:hover {border-color: #53586c #f5f9ff #f5f9ff #53586c;}

.head-links li:first-child {
	border: 0px;
	background-color: transparent; 
	padding: 0px;
}



 .section {
 background-color: #bfc7c9;
 border: 3px solid; 
 border-color: #f5f9ff #53586c #53586c #f5f9ff;
 padding: 10px;
 margin: auto;
 text-align: center;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1);
 max-width:700px;
 margin-top: 10px;
 clear: both;
}

.section p {
	padding: 0 20px; 
	text-align: left; 
}

.section h2 {
	font-size: 20px;
	text-align: left;
	padding-left: 40px;
}

.section h2 .by {
background-color: #363740;
	color: #f5f9ff;
	font-size: 14px;
	font-weight: normal;
	padding: 0px 6px;
}

.top {
		float: right; 
		border: 3px solid;
		border-color: #f5f9ff #53586c #53586c #f5f9ff;
		padding: 0 6px;
		background-color: #bfc7c9;
	}

.top:hover {
		border-color: #53586c #f5f9ff #f5f9ff #53586c;
	}