@media screen {
	body {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
		color: #51463d;
		font-size: 62.5%;
		background: #f3f2e8;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	#content {
		margin: 1em auto;
		width: 80%;
		text-align: left;
	}
	a:link, a:visited {
		text-decoration: none;
		outline: none;
		color: #3792b3;
	}
	a:hover {
		text-decoration: underline;
	}
	p {
		font-size: 1.3em;
		line-height: 1.4em;
	}
	p.fetched, p.small {
		font-size: 1em;
	}
	p.page {
		font-size: 1em;
		font-style: italic;
		text-align: center;
		border: 1px dashed #dfded4;
		border-width: 1px 0;
	}
	p.about {
		color: #ddd;
		text-align: right;
	}
	p.about a {
		opacity: 0.5;
	}
	p.about a:hover {
		opacity: 1;
	}
	#form {
		border-bottom: 1px solid #ccc;
	}
	form input {
		background: #f7f6ed;
		border: 1px solid #ddd;
		padding: 5px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	form input#url {
		-moz-box-shadow: 2px 2px 2px #ddd;
		-webkit-box-shadow: 2px 2px 2px #ddd;
		box-shadow: 2px 2px 2px #ddd;
	}
	form input#submit {
		background: #d8f6c4;
	}
	form input:focus {
		background: #fff;
	}
	form input#submit:focus {
		background: #7bfa26;
	}
	#footer {
		margin-top: 100px;
		border-top: 1px solid #ddd;
		padding-bottom: 50px;
		opacity: .5;
	}
	#footer:hover {
		opacity: 1;
	}
}
@media print {
	#form, #footer {
		display: none;
	}
	p.page {
		font-style: italic;
		text-align: center;
		border: 1px dashed #dfded4;
		color: #dfded4;
		border-width: 1px 0;
	}
}