body {
	background-color: #222;
	text-align: center;

	font-family: sans-serif;
	font-size: 10pt;
}

nav, section, table {
	background-color: white;
	border: 1px solid black;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

section {
	padding: 15px;
}

footer {
	font-size: 65%;
	color: #999;
	text-align: left;
	display: inline-block;
	width: 100%;
}

blockquote {
	border-color: #b6dcd5;
	background-color: rgba(199,229,223,.4);
	margin: 18px 5px;
    padding: 12px;
    border: 1px solid #79a;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 5px;
}

table {
	border-collapse: collapse;
	width: 100%;
	padding: 20px 30px;
	text-align: left;
}

th {
	background-color: #078;
	color: white;
	border: 1px solid black;
	padding: 0.25em;
	text-align: left;
}

form {
	text-align: left;
	padding: 5px 5px 5px 50px;
	display: inline-block;
}

a {
	color: #000;
}

a:hover {
	color:#373737;
	text-decoration: none;
}

th a {
	color: white;
	font-style: italic;
}

th a:hover {
	color:#ddd;
	text-decoration: none;
}

#title {
	color: #eee;
	margin: 20px;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
}

#user {
	float: right;
	text-align: right;
}

.post td {
	height: 200px;
	min-height: 200px;
	max-height: 600px;
}

.nav_button {
	background-color: #00728B;
	border: 1px solid black;
	color: white;
	padding: 3px;
	text-decoration: none;
}

.nav_button:hover {
	color: white;
	background-color: #009FC1;
}

.left {
	width: 70%;
}

.right {
	width: 30%;
}

.post-content {
	width: 70%;
	white-space: pre-line;
	padding: 12px;
}

.youtube-embed {
	width: 480px;
	height: 270px;
	border: none;
}

.image-embed {
	width: 480px;
}

.greentext {
	color: darkolivegreen;
}

h1, h4 {
	margin-top: 2px;
	margin-bottom: 10px;
}

td {
	padding: 5px;
	border: 1px solid black;
}

h3 {
	margin: 0; 
	padding: 0;
}

textarea {
	width: 500px;
	height: 200px;
	overflow: scroll;
}