/* -----------------------------------------------
IMPORTS
----------------------------------------------- */
@import url("base.css");

/* -----------------------------------------------
STYLES
----------------------------------------------- */
html { height: 100%; }
body { color: #575757; background: #fff; font-family: 'Georgia', Helvetica, Arial, sans-serif; height: 100%; }

/* -----------------------------------------------
STRUCTURE
----------------------------------------------- */

/* Header */
div#Header { position: absolute; top: 25px; left: 25px; z-index: 2; }

/* Content */
div#Content { position: absolute; top: 10px; left: 10px; z-index: 3; display: none; background: #fff; width: 500px; min-height: 300px; font-style: oblique;  }
div#Content div.logo { position: absolute; top: 15px; left: 15px; }
div#Content div.links { position: absolute; bottom: 17px; left: 20px; }
div#Content div.links li { margin-bottom: 3px; }
div#Content div.links li a { color: #122225; font-size: 1.3em; text-decoration: none; }
div#Content div.links li.selected { text-decoration: underline; }
div#Content div.links li.project { margin-bottom: 10px; }
div#Content div.description { padding: 20px 25px 0 155px; }
div#Content div.description p { font-size: 1.3em; margin: 0 0 15px 0; line-height: 1.2em; }
div#Content div.description a { color: #000; text-decoration: underline;  }

/* Image */
div#Image { position: fixed; z-index: 1; display: block; }
div#Image img { overflow:hidden; position:absolute; }

/* Spinner */
div#Spinner { position: absolute; z-index: 20; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: #fff; padding: 10px; display: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

/* Preload */
div#Preload { z-index: 0; position: absolute; width: 1px; height: 1px; overflow: hidden; }

/* Status */
#StatusBar {width: 100%; position: absolute; bottom: 0; left: 0; z-index: 10;}
#Status {background: #1a1919; height: 10px; width: 0; overflow: hidden;  }