/* rough guide for resolution:
    800x600 - 22px
   1024x768 - 27px
   1280x1024 - 33px
*/

body {font-size: 27px; padding: 0 0 0 115px; margin: 0; color: black;
   background: rgb(95%,95%,90%) url(sidebg2.jpg) 25px 1em no-repeat fixed;}
div#sidebar {position: absolute; top: 0; left: 0; height: 100%;
   width: 113px; border-right: 2px solid rgb(30%,30%,50%); 
   background: rgb(65%,65%,85%) url(sidebg.jpg) 25px 1em no-repeat fixed;}
div#event {position: absolute; bottom: 3em; left: 0; width: 110px;
   text-align: center; font: 11px Verdana, sans-serif; 
   color: rgb(50%,50%,65%);}
div#nav {position: absolute; bottom: 1.33em; left: 0; width: 110px;
   text-align: center; font: 12px Verdana, sans-serif;}
div#nav a {color: rgb(40%,40%,55%); text-decoration: none;
   padding: 1px 1em; border: 1px solid transparent;}
div#nav a:hover {border-color: rgb(62%,62%,85%); background: rgb(64%,64%,85%);
   color: rgb(35%,35%,55%);}
div#examples {position: absolute; top: 0; right: 2%; width: 5em; 
   text-align: right; line-height: 0.9em;}
div#examples a {color: rgb(65%,65%,75%); text-decoration: none;
   padding: 0 0.33em;}
div#examples a:hover {color: rgb(90%,90%,100%);}
h1 {color: rgb(10%,10%,15%);
   margin-top: 0; margin-bottom: 0.5em; padding: 0.25em 1em 0 15px;
   border-top: 0.5em solid rgb(75%,75%,85%);
   border-bottom: 4px solid rgb(50%,50%,66%);
   line-height: 0.8em; text-decoration: none;}
ul {margin-left: 0; padding: 0 0.5em 0 2em;}
ul.rsc {margin: 1.5em 0 0 0;}
ul.rsc li {font-size: 80%; border-left: 1em solid rgb(35%,35%,55%) !important;}
ul.rsc li a {color: #225 !important;}
ul.more li {font: 125% sans-serif; margin-top: 1em;}
ul.more li a {text-decoration: none;}

div.figure {text-align: center;}
div.figure span.caption {display: block; font-size: 10px; color: gray;}
div.figure span.caption:before {content: "(";}
div.figure span.caption:after {content: ")";}

#title h1, #title h2, #title h3, #title h4 {text-align: center; padding: 0;}
#title h1 {border-width: 0; margin-top: 3em; line-height: 1em;}