@font-face {
        font-family: Cursivo;
        src: url('http://jesushlincoln.com/content/img/oldtimey/precious.regular.ttf'),
             url('http://jesushlincoln.com/content/img/oldtimey/precious.regular.eot'); /* IE9 */
}

@media all {
	* {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
	}

	html, body {
		height: 100%;
		margin: 0;
		padding: 0;
	}

	div#wrapper {
		padding-bottom: 100px;
		position: relative;
		height: auto !important;
		min-height: 100%;
		height: 100%;
	}

	body {
		color: black;
		font-family: Times New Roman, Times, serif;
		font-size: 12pt;
	}

	div#footer {
		width: 100%;
		background-color: black;
		color: white;
		opacity: .6;
		font-size: 75%;
		padding: 8px;
		position: absolute;
		bottom: 0;
	}

	div#footer a.socialnetwork {
		margin-right: 2px;
	}

	div#main, div#content, div#footer, p#nav {
		margin: 0 auto 0 auto;
	}

	h1#top {
		margin: 0;
	}

	h1 {
		font-family: Franklin Gothic, Arial, Helvetica, sans-serif;
	}

	h2 {
		font-family: Georgia, Times, serif;
	}

	h3 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

	div#footer {
		clear: both;
	}

	div.pagination img {
		max-height: 100px;
	}

	.left {
		float: left;
	}

	.right {
		float: right;
	}

	div.pagination .right {
		text-align: right;
	}

	.center, div#footer, p#nav, div#twitter, h1#top, .imgimg {
		text-align: center;
	}

	.center, .imgimg {
		margin: 0 auto 0 auto;
	}
}

@media screen {
	body {
		background-color: white;
		background-image: url('/content/img/oldtimey/bg.png');
	}

	a {
		text-decoration: none;
		background: none;
		color: #800;
	}

	a:hover {
		text-decoration: underline;
		color: red;
	}

	div#twitter {
		border: 2px solid black;
		width: 150px;
		float: right;
		font-weight: bold;
		background-color: #333;
		color: white;
		opacity: 0.6;
	}

	div#tweetbox {
		border-top: 2px solid black;
		height: 300px;
		overflow-y: auto;
		overflow-x: hidden;
		font-size: 75%;
		font-weight: normal;
		background-color: white;
		background-image: url('/content/img/oldtimey/bg.png');
		color: black;
		text-align: left;
	}

	div#twitter p, div#tweetbox ul, div#footer p {
		margin: 0;
		padding: 0;
	}

	div#twitter p {
		font-size: 115%;
		font-family: Franklin Gothic, Arial, Helvetica, sans-serif;
	}

	div#tweetbox ul {
		list-style-type: none;
	}

	div#tweetbox ul li {
		margin-bottom: 10px;
	}

	h1#top {
		font-size: 500%;
	}

	p#nav {
		font-weight: bold;
		font-size: 125%;
		width: 100%;
	}

	p#nav a {
		border: 1px solid black;
		padding: 2px;
		text-decoration: none;
		background-color: white;
		color: black;
		opacity: 0.50;
	}

	p#nav a:hover {
		border: 1px solid red;
		background-color: #800;
		color: white;
	}

	p#nav br, p#nav span.big {
		display: none;
	}

	p#nav span a {
		display: inline-block;
	}

	p#nav span.big {
		font-family: Franklin Gothic, Arial, Helvetica, sans-serif;
	}

	/*p#nav span.big:after {
		content: ':';
	}*/

	div#main {
		width: 100%;
		height: 100%;
		min-height: 100%;
		height: auto !important;
		position: relative;
	}

	div#content {
		width: 80%;
	}

	/*div#main.a:after {
		content: ' ';
		background-image: url('/content/img/oldtimey/schematics.php');
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		width: 100%;
		height: 512px;
		display: block;
		margin: 0 auto 0 auto;
	}*/

	div#wrapper div#background {
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		opacity: 0.1;
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 0;
		z-index: -1;
	}

	div#wrapper.a div#background {
		background-position: top right;
		background-size: contain;
	}

	div#main.contact, div#main.archive {
		min-height: 900px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		opacity: 1;
	}

	div#main.contact {
		background-image: url('/content/img/oldtimey/contact.png');
	}

	div#main.archive {
		background-image: url('/content/img/oldtimey/archive.png');
	}

	div#main.contact div#content ul, div#main.contact div#content p {
		display: block;
		margin-left: 55%;
		min-width: 165px;
		width: 22%;
		max-width: 195px;
	}

	div#main.contact h1 {
		display: block;
		width: 100%;
		text-align: center;
		padding: 8% 5% 0 5%;
		font-family: Cursivo, sans-serif;
		font-size: 350%;
	}

	div#main.archive div#content {
		width: 88%;
		max-width: 815px;
		height: 366px;
		margin: 0 auto 0 auto;
		position: relative;
		left: 4px;
		bottom: -490px;
		overflow-y: auto;
		overflow-x: hidden;
	}

	div#footer a.socialnetwork img {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		filter: gray;
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
	}

	div#footer a.socialnetwork:hover img {
		filter: none;
		-webkit-filter: none;
		-moz-filter: none;
		text-decoration: none;
	}
}

@media screen and (max-width: 1023px) {
	/*body {
		font-size: 16pt;
	}*/

	h1#top {
		font-size: 300%;
	}

	div#twitter p {
		font-size: 80%;
	}

	div#tweetbox {
		font-size: 65%;
	}

/*	div#main.archive {
		height: auto;
		background: none;
	}

	div#main.archive div#content {
		width: auto;
		height: auto;
		position: static;
		overflow: visible;
	}*/
}

@media print {
	body {
		background: none;
	}

	a {
		text-decoration: none;
		background: none;
		color: black;
	}

	p#nav, div#twitter, div.pagination, div#footer br, div#footer a, h1#top {
		display: none;
	}
}