/* Background and text */
body {
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
		background-color: #313131;
		background-image: url('files/images/background.gif');
		image-rendering: high-quality;
		font-family: monospace;
		font-size: 1.50em;
		line-height: 1.6;
		color: #e1e1e1;
		text-shadow: 1px 1px 3px #444;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
		text-align: center;
}

/* Links */
a {
		color: #ffffff;
		word-wrap: break-word;
}

a:hover {
		color: #eaa08f;
}

/* Paragraphs */
p {
		width: 74%;
		margin-right: auto;
		margin-left: auto;
		text-align: left;
}

/* Lists */
ol, ul, li {
		text-align: left;
		width: 84%;
		margin-right: auto;
		margin-left: auto;
		padding: 0%;
}

/* Code */
code {
		font-family: monospace;
		background-color: rgba(75, 75, 75, 0.8);
		padding: 1px;
		border-radius: 3px;
}

/* Quote blocks */
blockquote {
		text-align: left;
		width: 70%;
		margin-right: auto;
		margin-left: auto;
		padding: 0.65em;
		background-color: rgba(30, 30, 30, 0.8);
		border-radius: 3px;
		box-shadow: 2px 2px 3px #444;
}

hr {
		width: 95%;
}

/* Images */
img {
		max-width: 74%;
		text-align: center;
}

/* Custom Classes */

/* Webring links */
.webring {
		text-align: center;
		font-size: 1.25em;
}

/* Center-aligned text */
.center {
		text-align: center;
}

/* Background and Menu */
.bg, .menu {
		margin-left: 2%;
		margin-right: 2%;
		padding: 0.65em;
		background: rgba(30, 30, 30, 0.90);
		text-align: center;
		border-radius: 5px;
		box-shadow: 2px 2px 3px #444;
}

/* Code block */
.codeblock {
		margin-left: 2%;
		margin-right: 2%;
		padding: 0.65em;
		background: rgba(50, 50, 50, 0.5);
		border-radius: 5px;
		text-align: left;
		overflow: auto;
		box-shadow: 2px 2px 3px #444;
}

/* Menu links */
.menu a {
		margin-right: 0.6em;
		margin-left: 0.6em;
		text-decoration: none;
}

.menu a:hover {
		text-decoration: underline;
}