/* keep it simple, silly */

* {
    box-sizing: border-box;
}

a {
	text-decoration: none;
	color: #3b5ab8;
}

a:hover, a:focus {
	color: #e86100;
}

p {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
    background-image: url('imgs/simplequilt.png');
    background-repeat: repeat;
    background-size: 128px 128px;
    font-family: "VT323", monospace;
}

	#gridspace {
		display: flex;
		flex-direction: row;
		height: 100vh;
	}

		.entryspacer {
			margin-top: 20px;
		}

		#entry-links {
			display: flex;
			flex-direction: column;
			width: 250px;
			border-right: 1px solid #c24100;
			background-color: #ffdbbd;
		}

		#linkholder {
			font-size: 20px;
		}

		#linkholder p {
			text-align: center;
			padding-top: 20px;
			padding-bottom: 10px;
			font-size: 30px;
			color: white;
			text-shadow: 
				-1px -1px 1px #c24100,
				1px -1px 1px #c24100, 
				-1px 1px 1px #c24100,
				1px 1px 1px #c24100; 
		}

		#back {
			padding: 10px 0 0 15px;
			text-align: left;
			font-size: 20px;
		}

	#binding {
		flex: 1;
		height: 100vh;
		display: flex;
		flex-direction: column;
	}

		iframe {
			width: 100%;
			height: 100%;
			border: none;
		}

	/* LOGS */

	.journal {
		width: 600px;
		height: auto;
		border: 1px solid #c24100;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		margin-top: 75px;
		margin-left: 195px;
		background: #fffced;
	}

		.ptitle {
			display: flex;
			justify-content: space-between;
			color: #c24100;
		}

		.head {
			font-size: 25px;
			padding: 10px;
		}

		.date {
			font-size: 25px;
			padding: 10px;
		}

	.inner {
		padding: 20px;
	}

		.ptext {
			font-size: 18px;
		}

		.myheader {
			font-size: 22px;
			border-bottom: 1px dotted red;
		}

		.quote {
			padding-left: 15px;
			border-left: 3px solid  #ffdbbd;
		}
		
		.blu-hilite {
			background-color: #deedff;
		}	
		
		.green-hilite {
			background-color: #e5ffa3;
		}

		.asterisk {
			color: #706d65;
		}
		
		ol, ul {
			margin: 0;
			padding-left: 40px;
		}
		
		li {
			padding-bottom: 15px;
		}
		
	/* IMAGES */

	img {
		max-width: 500px;
		margin: 0 auto;
		display: block;
	}
	
	.imgpop:hover {
		max-width: 520px;
		width: 50%;
	}
	
	.center {
		display: block;
		margin: 0 auto;
	}

	
	/* TEXT SELECTION HIGHLIGHT */
	
	::-moz-selection {
	  color: white;
	  background: #ffb58a;
	}

	::selection {
	  color: white;
	  background: #ffb58a;
	}