@charset "utf-8";
/* CSS Document */

body, html {margin:0; padding:0; background-color: #8c897c;background-image:url(../images/site/mocha_wallpaper.png); background-repeat: repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif;}

body {line-height:1.2em;}

.c2-inner a {color:#FF6600; text-decoration:none; font-weight:bold;}
.c2-inner a:hover {color:#CC3300; text-decoration:underline;}

a img {border:none;}

h1, h2, h3 {color:#CA2800; font-weight:100;}
h1 {font-size:1.5em;}
h2 {font-size:1.2em;}
h3 {font-size:1em;}

#container { min-width:980px;}
#white-top {background:#fff; height:130px; padding-top:20px;}
#nav, #body {width:958px; margin:0 auto;}
#nav {height:30px;} /* tied to content's top negative position */
#body {position:relative; padding-bottom:100px;}
#content {position:absolute; top:-120px; left:0; width:958px; padding-bottom:100px;}
#content-container {padding:20px; background-image:url(../images/site/red-tile.gif);}

#spia-logo {width:958px; margin:0 auto;}
#tagline {color:#666; padding:.3em 0 0 0; font-size:11px;}
#tagline {float:left;}
#header-nav {float:right;}
/* with 20px margin above, we have 918px left. Do not border the below, for width purposes. */
.c1, .c2, .c3{float:left;}
.content-page #content-container .c1 {width:168px;}
.content-page #content-container .c2 {width:600px; margin-bottom:-140px;}
.content-page #content-container .c2-wide {width:700px; margin-bottom:-140px;}
.content-page #content-container .c3 {width:150px;}

.content-page #content-container .c2-inner {margin:0 20px 20px 20px; overflow:visible;}
.content-page #content-container .text-block {padding:15px 30px; border:1px solid #7C2001;  background:#fff;}
.text-block {font-size:.8em;}
.content-page #content-container .text-block h1 {margin:0; padding:0;}

#logos {text-align:right;}
#logos img {margin:10px 0 10px 20px;}

.c3 .links {list-style:none; margin:0; padding:0;}
.c3 .links li {margin-bottom:.8em; line-height:1em;}
.c3 .links li, .c3 .links li a {color:#fff; font-weight:bold; font-size:14px; text-decoration:none;}
.c3 .links li a:hover {color:#F5CC0B; text-decoration:none;}
.c3 .links li a.selected {color:#F5CC0B; font-size:18px;}

.photo {border:1px solid #000; padding:8px; background:#fff; float:left;}

.clear {clear:both;}

ul.thumblist {margin:0; padding:0;}
ul.thumblist li {margin:0 5px 5px 0; padding:0; list-style:none; float:left;}
ul.thumblist li.odd {margin-right:0px; margin-left:3px;} /* applied dynamically with js - $('ul.thumblist li:odd').addClass('odd'); */

input {font-family:Verdana, Arial, Helvetica, sans-serif;}

.trans {filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;}
.trans:hover {filter:alpha(opacity=90);-moz-opacity:.9;opacity:.9;}

.flr {float:right;}
.fll {float:left;}

.searchbox {border:1px solid #ccc; padding:5px; padding-left:.75em;font-size:12px; color:#666; float:left;}
.searchbox:hover, .searchbox:focus {background:#FFF1DD;}

/* For bio pages */
.bio-block {position:relative;}
.bio-photo {position:absolute; top:0; left:-150px;}
/* Note that C1 must have a space -> <div class="c1">&nbsp;</div> */



/* For meta data views */
.text-block {}
.exhibit-facet-body {background:#fff; color:#000;}
.exhibit-collectionView-body {overflow:visible;}
.exhibit-tabularView-body {}
.exhibit-viewPanel {}
.text-block-catalogue {height:950px; overflow:auto;}
.exhibit-tileView-body {margin-left:10px; padding-left:10px;}

/* Custom Shadowbox */
.shadowbox_title_inner {width:100%;}

.exhibit-toolboxWidget-button, .exhibit-toolboxWidget-popup {display:none;}

.creditpop {position:absolute; bottom:0; left:0; border:3px solid red;}