/* 
Version: 4.1
Author: Charlie Twitch
Author URI: http://www.charlietwitch.com
*/
#wrapper {
	float:none;
	margin: auto;
	width: 660px;
}
.nav {
	padding-top: 8px;
	padding-bottom: 16px;
}
.nav a {
	display:inline-block;
	font-size:20px;
	padding: 4px 11px 7px 11px;
}
.nav a:hover:not(.active) {
	background-color: hsl(264,100%,55%);
	color: #000;
}
/* BLOG GUYS */
.pagination {
    display: inline-block;
	margin:auto;
	
}
.pagination a {
	font-size: 14px;
    color: black;
	float: left;
    padding: 6px 11px;
	margin: 0 4px; /* 0 is for top and bottom. Feel free to change it */
	font-weight:bold;
}
.pagination a:hover:not(.active) {
	background-color: hsl(264,100%,55%);
	color: #000;
}
img {
	image-rendering: -moz-crisp-edges;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	-ms-interpolation-mode: nearest-neighbor;
}
footer {
	font-size: 12px;
	text-align: center;
	margin:40px;
}
body {
	font-smooth: never;
	-webkit-font-smoothing : none;
	font-family: Consolas, Courier New;
	/* background-color: #000000; */
	background-color: #000;
	color:hsl(264,42%,77%);
}
article {
	padding-bottom:25px;
	line-height: 1.3em;
	letter-spacing: 0.05em;
}
a {
	font-weight:bolder;
}
a:link {color:#ffe200}
a:visited {color:#ffe200}
a:hover {color:hsl(264,100%,55%)}
a:active {color:#ffe200}
h1 {
	text-decoration: underline;
	font-weight: normal;
}
h2 {
	text-decoration: underline;
	font-weight: normal;
}
h3 {
	text-decoration: underline;
	font-weight: normal;
}
h4 {
	font-size:12px;
	font-weight: normal;
}
hr {
	color:hsl(264,42%,77%);
	width:50%;
}
iframe {}
/* POST FORMATTING */
#post {
	width:100%;
	padding-right:10px;
}
#post hr {
	display: block;
	float: left;
    border: none;
	width: 100%;
	background-color: hsl(264,42%,77%);
	color: hsl(264,42%,77%);
	height:2px;
}
#archive {
	width:47%;
	padding-right:10px;
}
#archive iframe {
	width:100%;
}
@media only screen and (max-width: 876px) {
	#wrapper {
		width: 96%;
	}
}