* { padding: 0; margin: 0; }

/* Sets fonts to .1em = 1 Pixel. SO cool */
html { font-size: 62.5%; }

html, body { height: 100%; }
* html #rap { height: 100%;}
.left { float: left; }
.right { float: right; }


body { font: 1em 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; line-height: 1.5em; color: #000; background-color: #d8d8d8; background-image: url(i/stripe.png);}

#overlay {position: absolute; left: 0; top: 0; display: none; height: 500%; width: 100%; background-color: #000; opacity: .5;}
#rap { position: relative; min-height: 100%;}
#rap2 { position: relative; height: 100%; width: 100%; overflow: hidden;}
#content { height: 100%; padding-bottom: 4em; padding-top: 1em; padding-left: 1em; padding-right: 1em;}
#imageBox { /*min-width: 67em; max-width: 820px;*/}
#header { height: 8em; text-align: left; position: relative; 
background-color: #000; opacity: .8; overflow: hidden; whitespace: 
nowrap;}
#footer { height: 4em; text-align: center; position: relative; margin-top: -4em; color: #a5a5a5;	background-color: #000; opacity: .8;}
#footer p { padding-top: .8em; font-size: 1.5em; font-weight: 200;}

#loading { height: 20em; width: 20em; text-align: center; opacity: .5; display: none;}

a {text-decoration: none;}
a:link {color: #aaa;}
a:hover {color: #fff;}
a:active { color: #aaa;}
a:visited {color: #888;}

h1 { font-size: 8.5em; color: #f5f5f5; font-weight: 600; padding-top: .5555em;}
h2 { font-size: 2.5em; color: #f5f5f5; font-weight: 300; padding-top: .2em;}
h3 { font-size: 2.5em; color: #000; font-weight: 300; padding-top: 1em;}

#imageBox img {border: 1px solid #000;}