@import url(http://fonts.googleapis.com/css?family=Gudea);
@import url(http://fonts.googleapis.com/css?family=Noticia+Text);

/* CSS reset to help browser cross-compatability. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* End CSS reset */

html { color: #000; background: #d3ccc7; }
body { margin: 0px; padding: 0px; }
p { font-family: 'Gudea'; padding-top: 1em; }

.fl { float: left; }
.fr { float: right; }
.fc { clear: both; }
.hide { display: none; }
.inner { width: 960px; margin: 0px auto; }
.innerNarrow { width: 750px; margin: 0px auto; }

header { background: #d3ccc7; border-bottom: 2px #000 solid; border-top: 2px #000 solid; position: fixed; width: 100%; left: 0px; top: 200px; height: 45px; z-index: 1000; }
header ul { padding: 4px 0px 0px 0px; margin: 0px auto; }
header li { list-style: none; font-family: Gudea, sans; font-size: 1.3em; font-weight: bold; float: left; text-align: center; padding: 10px 25px; }
header li a { text-decoration: none; color: #000; }
header li a:hover { border-bottom: 3px #f66a15 solid; }
header li .menuCurrent { border-top: 3px #f66a15 double; }
header span { border-left: 1px #eee solid;  border-right: 1px #eee solid; font-family: Gudea, sans; font-size: .9em; height: 27px; float: left; padding: 9px 13px 0px 13px; color: #000; float: right; }
header span a { color: #f66a15; }

section { width: 100%; display: block; zoom: 1; padding: 30px 0px; border-top: 1px solid #ddd;}
section h1 { text-align: center; font-family: "Noticia Text", serif; font-weight: bold; font-size: 6em; padding-top: 20px; color: #bbb; }

section#sectionHeader { background-color: #ffffff; height: 200px; margin-top: -36px; padding-bottom: 36px; }
section#aboutSection { color: #fff; }
section#stuffSection {  }

.gameShowcase { width: 920px; padding-top: 20px; margin: 0px auto; }
.gameShowcase img { width: 910px; background: #000; height: 350px; margin-bottom: -3px; border: 5px #000 solid; }
.gameShowcaseText { width: 890px; padding-top: 7px; padding-left: 30px; background: #f66a15; color: #fff; font-family: Gudea, sans; font-weight: bold; }
.gameShowcaseText a { color: #000; text-decoration: none; }
.gameShowcaseText a:hover { text-decoration: underline; }
.gameShowcasedetails { font-weight: normal; }

.gameListing { width: 450px; padding-top: 20px; padding-left: 20px; float: left; }
.gameListing img { width: 440px; background: #000; height: 240px; margin-bottom: -3px; border: 5px #000 solid; }
.gameListingText { width: 435px; padding-top: 7px; padding-left: 15px; background: #f66a15; color: #fff; font-family: Gudea, sans; font-weight: bold; }
.gameListingText a { color: #000; text-decoration: none; }
.gameListingText a:hover { text-decoration: underline; }
.gameListingDetails { font-weight: normal; }

.audioShowcase { width: 250px; float: left; position: relative; }
.audioShowcase img { width: 250px; height: 250px; margin-bottom: -3px; position: relative; }
.audioShowcase:hover .audioShowcaseText { display: block; }
.audioShowcaseText { width: 250px; margin-top: 10px; padding-bottom: 10px; background: #000; color: #fff; font-family: Gudea, sans;position: absolute; top: 0px; text-align: center; display: none; }
.audioShowcaseText a { color: #f66a15; text-decoration: none; }
.audioShowcaseText a:hover { text-decoration: underline; }

.audioShowcaseTextHead { font-weight: bold; padding-top: 10px; }
.audioShowcaseTextBody { text-align: left; padding: 5px 0px 5px 10px; width: 230px; font-size: .9em; }
.audioShowcaseTextLinks { font-weight: bold; }

footer { width: 960px; margin: 0px auto; display: block; zoom: 1; padding: 15px 0px; color: #000; text-align: right; font-size: .7em; }
footer a { text-decoration: none; color: #f66a15; }