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

/* -----------------------------------------------
STYLES
----------------------------------------------- */
body { color: #231f20; font-family: "Times New Roman", serif; height: 100%; }
a { text-decoration: underline; color: #231f20; }

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

/* Base Sprite
------------------------- */
div#Branding a span,
div#NavPrimary li { background: url(../img/website/base_spr.png) no-repeat; }

/* Container
------------------------- */
div#Container { padding: 40px; }
body.loading div#Container { position: absolute; left: -1px; top: -1px; width: 1px; height: 1px; overflow: hidden; padding: 0; }

/* Header
------------------------- */
div#Header { height: 135px; }

/* Branding
------------------------- */
div#Branding { float: left; margin: 5px 0 0 0; }
div#Branding a { width: 145px; height: 35px; }

/* Nav Primary
------------------------- */
div#NavPrimary { float: left; margin: 0 0 0 55px; width: 500px; }
div#NavPrimary li { font-size: 1.6em; float: left; padding: 0 12px 0 0; margin: 0 5px 2px 0; background-position: right -32px;  }
div#NavPrimary li.break {  }
div#NavPrimary li a { text-decoration: none; }
div#NavPrimary li a.selected  { font-weight: bold; text-decoration: underline; }
div#NavPrimary li.last { background: none; }

/* Nav Secondary
------------------------- */
div#NavSecondary li { font-size: 1.6em; margin: 0 0 3px 0; }
div#NavSecondary li a { text-decoration: none; }
div#NavSecondary li a.selected { font-weight: bold; text-decoration: underline; }

/* Main
------------------------- */
div#Main { position: relative; min-height: 400px; }

/* Side Bar
------------------------- */
div#SideBar { width: 160px; position: absolute; top: 0; left: 0; }

/* Content
------------------------- */
div#Content { margin: 0 100px 0 200px; max-width: 1200px; }
div#Content p { font-size: 3.2em; margin: 0 0 30px 0; }
div#Content p.sml { font-size: 1.8em; }
div#Content p strong { font-weight: bold; }
div#Content p strong.upper { font-weight: normal; text-transform: uppercase; font-size: 75%; }
div#Content p em { font-style: italic; }

/* Footer
------------------------- */
div#Footer { margin: 100px 0 0 0; }
div#Footer p { font-size: 1em; line-height: 1.1em; }

/* Loading
------------------------- */
div#Loading { position: fixed; top: 50%; left: 50%; background: #000; padding: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin-top: -25px; margin-left: -25px; z-index: 100; }

/* -----------------------------------------------
COMPONENTS
----------------------------------------------- */

/* Dialog
------------------------- */
/* Spr */
div#Dialog div.tabs li a,
div#Dialog div.prevnext a span { background: url(../img/website/dialog_spr.png) -150px top; }
/* ------ */
div#Overlay { background: url(../img/website/overlay.png); position: fixed; width: 100%; height: 100%; left: 0; top: 0; }
div#Dialog { position: fixed; background: #fff; margin: 0 auto; left: 50%; top: 50%;  }
div#Dialog div.wpr { border: 2px solid #000; }
div#Dialog div.tabs { position: absolute; top: -42px; right: 50px; }
div#Dialog div.tabs li { float: left; margin-left: 10px; }
div#Dialog div.tabs li a { display: block; width: 150px; height: 44px; text-align: center; font-size: 1.8em; font-style: italic; line-height: 2.5em; text-decoration: none; }
div#Dialog div.tabs li.close { margin-left: 0; }
div#Dialog div.tabs li.close a { background: none; width: 120px; }
div#Dialog div.tabs li a.selected { background-position: left top; }
div#Dialog div.content { padding: 25px; }
div#Dialog div.content p { font-size: 2em; }
div#Dialog div.details { position: absolute; bottom: 25px; left: 25px; }
div#Dialog div.details p { font-size: 1.8em; }
div#Dialog div.prevnext a { width: 14px; height: 20px; }
div#Dialog div.prevnext a span { background-position: -300px 0; }
div#Dialog div.prevnext a.next { position: absolute; bottom: 25px; right: 57px; }
div#Dialog div.prevnext a.prev { position: absolute; bottom: 25px; right: 81px; }
div#Dialog div.prevnext a.next span { background-position: -314px 0; }
div#Dialog div.prevnext a.disabled { cursor: default; }
div#Dialog div.prevnext a.close { position: absolute; bottom: 25px; right: 25px; width: 22px; }
div#Dialog div.prevnext a.close span { background-position: -328px 0; }

/* Form
------------------------- */
form { padding: 20px 0 0 0; }
form fieldset legend { font-size: 1.8em; font-weight: bold; }
form div.input { margin: 0 0 10px 0; }
form div.input label,
form div.input div.label { font-size: 1.6em; margin-right: 5px; }
form div.text input { border: 2px solid #000; font-size: 1.4em; width: 346px; }
form div.submit { padding-left: 230px; }
form div.select select { width: 360px; clear: none; padding: 5px; font-size: 1.4em; background: #fff; border: 2px solid #000; }
form div.error { float: left; margin: 10px 0 0 10px; }

/* -----------------------------------------------
SECTIONS
----------------------------------------------- */

/* Community
------------------------- */
body.community div#Content { max-width: inherit; margin-right: 0; }
body.community div#List li { float: left; }
body.community div#List li { margin: 0 40px 40px 0; }
body.community div#List li img { border: 1px solid #acadaf; }
body.community div#Profile p { margin-bottom: 10px; }
body.community div#NavAdditional { margin: 35px 0 0 0; }
body.community div#NavAdditional h2 { font-size: 1.6em; font-weight: bold; font-style: italic; margin: 0 0 3px 0; }
body.community div#NavAdditional li { font-size: 1.6em; margin: 0 0 3px 0; }
body.community div#NavAdditional li a { text-decoration: none; }
body.community div#NavAdditional li a.selected { font-weight: bold; text-decoration: underline; }

/* Founders
------------------------- */
body.founders div#Content { max-width: 1200px; margin-right: 100px; }

/* Collaborations
------------------------- */
body.collaboration div#Content { max-width: inherit; margin-right: 0; }
body.collaboration div#List li { float: left; }
body.collaboration div#List li { margin: 0 40px 40px 0; }
body.collaboration div#List li img { border: 1px solid #acadaf; }
body.collaboration div#Profile p { margin-bottom: 10px; }

/* Contact
------------------------- */
body.contact form div.input label,
body.contact form div.input div.label { text-align: left; width: 90px; }
body.contact form div.submit { padding-left: 90px; }