@font-face {
 font-family: 'Fipps';
 src: url('fonts/edunline.eot');
 src: url('fonts/edunline.eot?#iefix') format('embedded-opentype'), url('fonts/edunline.woff') format('woff'), url('fonts/edunline.ttf') format('truetype'), url('fonts/edunline.svg#Fipps') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'pixelmix';
 src: url('fonts/pixelmix.eot');
 src: url('fonts/pixelmix.eot?#iefix') format('embedded-opentype'), url('fonts/pixelmix.woff') format('woff'), url('fonts/pixelmix.ttf') format('truetype'), url('fonts/pixelmix.svg#pixelmix') format('svg');
 font-weight: normal;
 font-style: normal;
}

body {
 background: #c7a655 url('background.gif') repeat-x fixed center bottom;
 margin: 0px;
 padding: 290px 30px 30px 280px;
 font-family: pixelmix, "Courier New", Courier, Monospace;
 font-size: 12pt;
 color: #51200f;
}

h1 {
 font-family: Fipps, "Courier New", Courier, Monospace;
 font-size: 33pt;
 font-weight: normal;
 margin-bottom: 0px;
 clear: both;
}

h2 {
 font-size: 18pt;
 font-weight: normal;
 padding-bottom: 2px;
 border-bottom: 2px black dotted;
 clear: both;
 margin-top: 6px;
}

p {
 line-height: 1.3em;
}

#shortinfo {
 line-height: 1.6em;
 letter-spacing: 2px;
}

#shortinfo img, .staff img {
 float: left;
 margin-right: 16px;
 margin-bottom: 8px;
}

.staff {
 line-height: 1.6em;
 clear: both;
}

#desert-pyramid {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 476px;
 height: 236px;
 background-image: url('desert-pyramid.gif');
 z-index: 3;
}

#desert-loop {
 position: absolute;
 top: 0px;
 left: 476px;
 right: 227px;
 height: 236px;
 background-image: url('desert-loop.gif');
 z-index: 1;
}

#desert-cactus {
 position: absolute;
 top: 0px;
 right: 0px;
 width: 227px;
 height: 236px;
 background-image: url('desert-cactus.gif');
 z-index: 2;
}

#retroguru {
 position: absolute;
 top: 16px;
 left: 0px;
 right: 0px;
 height: 237px;
 background: transparent url('retroguru.gif') no-repeat scroll center top;
 z-index: 4;
}

#links {
 position: absolute;
 top: 350px;
 left: 14px;
 border: 2px #51200f solid;
 background-color: #deca5c;
 padding-right: 16px;
 z-index: 6;
}

#links li {
 line-height: 2em;
 margin-left: -8px;
 list-style: disc;
}

#links li li {
 margin-left: -20px;
 list-style: circle;
}


#links li a {
 color: #51200f;
 text-decoration: none;
}

#links li a:hover {
 color: yellow;
}

#social {
 margin-bottom: -34px;
 padding-top: 12px;
}

a img {
 border: 0px;
}

.screenshots {
 text-align: center;
}

.screenshots a img {
 border: 1px #51200f dashed;
}

.screenshots a img:hover {
 border-style: solid;
 cursor: -moz-zoom-in;
}

table {
	width: 100%;
	margin: auto;
}

th {
	background-color: #ffcc00;
	color: #cc0000;
	font-weight: bold;
	text-align: left;
}

#footer {
 text-align: right;
 font-size: 9pt;
}