/* 
Adapted from:

djangoproject.com by Wilson Miner (wilson@lawrence.com)
Copyright (c) 2005 Lawrence Journal-World.
*/

/* Light mode */
:root {
   --body-bg: #FFFFFF;
   --body-color: #000000;
   color-scheme: light;
}

/* Dark mode */
/* @media (prefers-color-scheme: dark) {
   :root {
       --body-bg: #FFFFFF;
       --body-color: #000000;
       color-scheme: light;
   }
}
*/

/* SETUP */

body { margin:0; padding:0; background: var(--body-bg); color: var(--body-color); }
body, th, td { font:12px/1.4em Verdana,sans-serif; }
#container { position:relative; min-width:800px; max-width:1280px; }

/* HEADER */

#header { position:relative; height:6.5em; background:#000000; }
#header #logo { margin:0; width:265px; height:72px; position:absolute; bottom:3px; left:25px; }

/* NAV */

#nav-global { position:absolute; margin:0; bottom:0; right:0; font:14px "Trebuchet MS",sans-serif; white-space:nowrap; }
#nav-global li { display:block; float:left; list-style-type:none; margin:0; padding:0; }
#nav-global a { display:block; float:left; padding:5em 14px 10px 14px; background:#000000; }
#nav-global a:hover { color:white; background:#676767; }
#homepage #nav-homepage a, #research #nav-research a, #people #nav-people a, #projects #nav-projects a, #publications #nav-publications a, #events #nav-events a, #outreach #nav-outreach a, #international #nav-international a, #equipment #nav-equipment a, #links #nav-links a, #info #nav-info a, #privada #nav-privada a { color:white; background:#005ba8 url(../img/nav_bg.png) bottom repeat-x; }

/* COLUMNS */

#columnwrap { background:#676767; padding-bottom:10px; }
#content-main { float:right; width:83%; background: var(--body-bg); color: var(--body-color); padding-bottom:10px; padding-top:10px;}
#content-main * { margin-left:22px; margin-right:24px; }
#content-main * * { margin-left:0; margin-right:0; }
#content-related { float:left; width:17%; background:#676767; color:white; padding-bottom:10px; padding-top:10px;}
.sidebar { font-size:92%; }
.sidebar * { margin-left:25px; margin-right:14px; }
.sidebar * * { margin-left:0; margin-right:0; }

/* BILLBOARDS */

#billboard { background:#2a2a2a; height:60px; width:1280px;}
#homepage #billboard { background:url(../img/homepage.png) no-repeat; }
#research #billboard { background:url(../img/research.png) no-repeat; }
#people #billboard { background:url(../img/people.png) no-repeat; }
#projects #billboard { background:url(../img/projects.png) no-repeat; }
#publications #billboard { background:url(../img/publications.png) no-repeat; }
#events #billboard { background:url(../img/events.png) no-repeat; }
#outreach #billboard { background:url(../img/outreach.png) no-repeat; }
#international #billboard { background:url(../img/international.png) no-repeat; }
#equipment #billboard { background:url(../img/equipment.png) no-repeat; }
#links #billboard { background:url(../img/links.png) no-repeat; }
#info #billboard { background:url(../img/info.png) no-repeat; }
#privada #billboard { background:url(../img/documents.png) no-repeat; }

/* FOOTER */

#footer { clear:both; color:#111111; padding:10px 20px; font-size:90%; }

/* LINKS */

a {text-decoration: none;}
a img {border: none;}
a:link, a:visited { color:#ff8624; }
a:hover { color:#a80008; }
#header a:link, #header a:visited, a:hover {color:#fff30f; text-decoration:none; }
#content-main a:link, #content-main a:visited { color:#e66700; text-decoration:none; }
#content-main a:hover { color:#a84c00; text-decoration:none; }
#content-main h2 a, #content-main h3 a { text-decoration:none !important; }
#content-related a:link, #content-related a:visited { color:#e66700; text-decoration:none; }
#content-related a:hover { color:#a84c00; background:none; }

/* CONTENT */

h1,h2,h3 { margin-top:.8em; font-family:"Trebuchet MS",sans-serif; font-weight:normal; }
h1 { font-size:218%; margin-top:.6em; margin-bottom:.6em; color:#005ba8; line-height:1.1em; }
h2 { font-size:150%; margin-top:1em; margin-bottom:.2em; line-height:1.2em; color:#005ba8; }
h3 { font-size:125%; font-weight:bold; margin-bottom:.2em; color:#007ee6; }
#homepage h2 { font-size:140%; }
#content-main h2, #content-main h3 { margin-top:1.2em; }
#content-related h2 { color:#fff30f; }
#content-related h3 { color:#fff30f; }
h4 { font-size:100%; font-weight:bold; margin-bottom:-3px; margin-top:1.2em; text-transform:uppercase; letter-spacing:1px; }
h4 pre, h4 tt, h4 .literal { text-transform:none; }
h5 { font-size:1em; font-weight:bold; margin-top:1.5em; margin-bottom:3px; }
h6 { font-size:1em; font-weight:normal; margin-top:1.5em; margin-bottom:3px; }
p, ul, dl { margin-top:.6em; margin-bottom:.8em; }
hr { color:#ccc; background-color:#ccc; height:1px; border:0; }
p.date { color:#007ee6; margin-top:-.2em; }
p.more { margin-top:-.4em; }
.sidebar p.date { color:#8b5a37; }
.sidebar h2:first-child { margin-top:.8em; }
h2.deck { margin-top:-.5em !important; margin-bottom:.6em; color:#007ee6; }

/* LISTS */

ul { padding-left:2em; }
ol { padding-left:30px; }
ul li { list-style-type:square; margin-bottom:.4em; }
ul ul { padding-left:1.2em; }
ul ul ul { padding-left:1em; }
ul.linklist, ul.toc { padding-left:0; }
ul.toc ul { margin-left:.6em; }
ul.toc ul li { list-style-type:square; }
ul.toc ul ul li { list-style-type:disc; }
ul.linklist li, ul.toc li { list-style-type:none; }
dt { font-weight:bold; margin-top:.5em; font-size:1.1em; }
dd { margin-bottom:.8em; }

/* BLOCKQUOTES */

.sidebar blockquote { margin-top:1.5em; margin-bottom:1.5em; }
.sidebar blockquote p { font:italic 175%/1.2em "Trebuchet MS",sans-serif; color:#249cff; }
.sidebar blockquote cite { display:block; font-style:normal; line-height:1.2em; margin-top:-.8em; color:#249cff; }
.sidebar cite strong { font-weight:normal; color:white; }

/* MISC */

.small { font-size:90%; }
h3 .small { font-size:80%; }
.quiet { font-weight:normal; }
.clear { clear:both; }
#content-main .quiet { color:#007ee6; }

/*  CLEARFIX KLUDGE */

#columnwrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*#columnwrap { display: inline-block; }*/

/* Hides from IE-mac \*/
* html #columnwrap { height: 1%; }
#columnwrap { display: block; }
/* End hide from IE-mac */

#subwrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*#subwrap { display: inline-block; }*/

/* Hides from IE-mac \*/
* html #subwrap { height: 1%; }
#subwrap { display: block; }
/* End hide from IE-mac */