/* == Reset == */ @import url("reset.css"); /* == Pixel pattern in background of header thanks to http://www.kollermedia.at/pattern4u/lined/ == */ /* == Fall-Rhythm theme design by Chris Raymond, www.designtank.ws == */ /* Designed to a 960 px wide grid of 12 columns, each 60 px wide, with 20px gutters 12 col = 940 px wide [#content has 10px padding left and right, 940+10+10=960] 11 col = 860 px 10 col = 780 px 9 col = 700 px 8 col = 620 px 7 col = 540 px 6 col = 460 px 5 col = 380 px 4 col = 300 px 3 col = 220 px 2 col = 140 px */ /* == color palette: == gold:#cc9933 == brick red:#770000, main body text: #221111 == dark warm gray: #3d3d3d == mocha (body background color): #89745f == cream (main content background color): #fffff7 */ /* for this theme, image widths should conform to the grid: 140px, 220px, 300px, 380px, 460px,540px; maximum width for image in primary div is 600px, allowing 20px space to right for breathing room; */ /* ======== START LAYOUT ======= */ #wrap { margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ text-align: left; /* this overrides the text-align: center on the body element. */ width: 960px; height: 400px; } /*== primary navigation div == */ #primary-nav {height: 15px;} #primary-nav ul {position:absolute; top: 7px; right: 5px;} #primary-nav ul li{margin-right: 10px;} #primary-nav li, .navigation li{display:inline; font-family:"Century Gothic", "Apple Gothic", "Lucida Sans Unicode", "Franklin Gothic Medium", sans-serif; padding:.5em; margin-left:0px;font-weight: normal; font-size:1em;color: #221111; } #primary-nav a, .navigation a {text-decoration:none;color: #221111;font-weight:normal;margin-left:0;} #primary-nav a:hover, .navigation a:hover{color:#cc9933;} #primary-nav .current a, .exhibits #primary-nav li.nav-exhibits a, .collections #primary-nav li.nav-collections a, .about #primary-nav li.nav-about a, .items #primary-nav li.nav-items a {color:#cc9933;background-color:#fffff7;} /* makes the primary nav link on the current page tan; gets class [exhibits, .collections, .about] from assigned body class in theme php */ /* == header == */ #header { position:relative; border-top: 0px solid #ba996c; border-bottom: 5px solid #ba996c; background: transparent url(../images/fall/titlebar.png) top; padding: 0px 0px 20px 0px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */ } /*#header h1, #site-title h1 {display:block; width:960px; color:#fffff7; margin: 0; font-size: 3.6em; line-height: 2empx;font-weight:normal;height:2em;} */ #site-title{padding:0 0 0 0px;} #header #about {position:relative; left:400px; top:-30px;width: 320px;} .browse #header #about, .show #header #about, .item #header #about {display:none;} /*hides the About copy on inside pages*/ #header #about p {font-family:Baskerville, "Hoefler Text", "Baskerville Old Face", "Palatino Linotype", "Book Antiqua", "Times New Roman", serif; color:#fffff7;font-size: 18px;line-height: 1.2em; font-weight:normal;} #header #about .more a {font-size: .8em;font-weight:normal; color:#89745f;text-decoration:none;letter-spacing:1px;} #header #about .more a:hover {color: #cc9933;} #searchwrap {position:absolute; bottom:0px; right:5px;text-align:right;height:45px;} #searchwrap a{color:#fffff7;text-decoration:none;padding:10px 5px 20px 0;line-height:20px;} #searchwrap a:visited{color:#fffff7;} #searchwrap a:hover {color:#fffff7;} #header #search {border: 1px solid #c6beb3; background: #fffff7; padding:5px 5px 0 10px; font: 10px Verdana, Geneva, sans-serif; width:120px;} #submit_search {border: none; background-color: transparent; color:#fffff7; padding:5px 5px 0px 0px; font: 10px Verdana, Geneva, sans-serif;} #advanced-search-link a { text-decoration:none; border:none;clear:both; text-align:right;font-size:1em; padding:4px 0;font-weight:bold; color:#fffff7;} #advanced-search-link {color:#fffff7} /* == content == */ #content { margin: 10px 0px 0px 0px; padding: 20px 0px 0px 0px ;} /* remember that padding is the space inside the div box and margin is the space outside the div box */ #content2 { padding: 0px 0px 10px 0px ;} /* remember that padding is the space inside the div box and margin is the space outside the div box */ /* == primary == */ #primary {float:left; width:630px; font-size:10pt;font-weight:normal;padding: 30px 0px 30px 20px} #primary img.full { max-width:100%; } .advanced-search #primary{width:920px;border:none;padding-top:30px;} #primary-nav{position:relative; padding:10px 0;border: 1px solid #ece6db; background:transparent url(../images/fall/trans.png) top left repeat-x;margin:0;} #primary2 {float:left; width:900px;font-size:10pt;padding: 30px 0px 30px 25px;} #primary2 a {font-weight:bold;text-decoration:none;font-size:11pt;} #primary2 h1 {font-size:14pt; font-weight:bold;font-family:Baskerville, "Hoefler Text", "Baskerville Old Face", "Palatino Linotype", "Book Antiqua", "Times New Roman", serif;color:#85391e;} /* == secondary == */ #secondary {float: right;width: 290px; margin-right: 0px; overflow: hidden;border-left: 0px solid #cc9933;padding:30px 0px 0px 10px;} /* == footer == */ #footer { clear:both; background:#fdfdfd url(../images/fall/bg-CGIS-sand1.jpg) no-repeat left top; margin: 0px 0px 0px 0px; padding-top:20px; overflow:hidden; zoom:1; position:relative; } #footer .navigation {float:right; width: 600px; text-align:right; padding:5px 5px 0px 0px;} #footer .navigation li {background:transparent no-repeat;list-style-type:none;margin-left:5px;padding:0.5em 0.5em 0.5em 5px;} #footer .navigation a {color:#221111;font-size:0.75em;} #footer .navigation .current a {color:#9745f8;} #footer p {float:left;width: 590px;padding: 0 0 0 0; font-size: 9px;line-height:1em;color:#000;} /* ==== END LAYOUT ==== */ /* ===== TYPOGRAPHY, GENERIC STYLES and MISC CLASSES ======== */ body {font-size:62.5%; color:#332211;width:960px; background: #fdfdfd url(../images/fall/bg-CGIS-sand.jpg) top left repeat-x; margin: 0 auto;} h1, h2 {font-family: Baskerville, "Hoefler Text", "Baskerville Old Face", "Palatino Linotype", "Book Antiqua", "Times New Roman", serif;} #header h1 { font-size:2.8em; margin-bottom:0.5em; line-height:1em; letter-spacing: -1px; font-weight:normal; } #primary h1{font-size:2em;letter-spacing:normal;color:#543;margin-bottom:10px;} .bolded {font-weight:bold;font-family:inherit;} h2 {font-size:1.8em; margin-bottom:0.5em; line-height:1em;color:#cc9933;} h3, h4 {font-family: Baskerville, "Hoefler Text", "Baskerville Old Face", "Palatino Linotype", "Book Antiqua", "Times New Roman", serif;font-size:1.8em; margin-bottom:0.5em; line-height:1em;color:#8f2f28;padding: 0 0 0 0} p, .exhibit .description, .exhibit-item, .exhibit-text {font-family: Verdana, sans-serif; color:#221111; line-height:1.1em;} .exhibit-item {font-weight:bold;line-height:2em;font-size:1.25em;} p.sitetitle {font-size:3.8em;color:#fff;margin-bottom:0em;line-height:1.5em;} p.sitetitle a {text-decoration:none;color:#fff;} p.tagline {color:#fff;margin-top:-0em;font-size:1.5em;font-style:italic;} /*these styles make display of exhibits browse list match those of collections browse*/ .exhibit .description{font-size:1.3em;line-height:1.5em;margin-bottom:.5em;} .exhibit .tags {color:#221111;} .exhibit .tags a{color:#cc9933;font-weight:bold;} /* Links */ a:link {color:#770000;} a:visited {color:#3d3d3d;} a:hover {color:#cc9933;} a:active { color:#cc9933; } .archive a:link {color:#770000;} .archive a:visited {color:#3d3d3d;} .archive a:hover {color: #cc9933;} .archive a:active {color: #cc9933;} .tags a:link{color:#c93;font-weight:bold;} .tags a:hover{color:#cc9933;font-weight:bold;} .exhibit-section-nav a {color:#770000;text-decoration: none;} .exhibit-section-nav a:hover{text-decoration:underline; color: #c93;} h1 a, h2 a, h3 a {text-decoration:none;} #header h1 a {color:#fff;} /* #header h1 a:hover{color: #cc9933;}*/ #secondary h2 {text-align:center;color: #770000;} #secondary #featured-item h2{color:#221111;} #secondary dl, #secondary dt a {color:#221111;} #secondary dl a{text-decoration:none;} #secondary dl {overflow:hidden;} #secondary dd{margin-left: 0px;font-weight:normal;margin-bottom: 1.5em;margin-top:0;padding-top:5px;font-size:.8em; line-height:1.5em;} #secondary dt {margin-left: 0;border-top: 1px dashed #89745f;padding-top: 5px;margin-top:10px;} #secondary dt , #secondary dt a {font-weight:bold;} #secondary dd .item-img{float:left; width:50px;height:50px;margin: 5px 25px 20px 0;} /*= this is the containing div to force images to 100% width using jquery.imagefit.js; = = this function is applied in custom.js in your theme put margins on the container, not the image = */ /* more specific styles for show page sidebar def list*/ #secondary #show-sidebar {background-color:#eed; filter:alpha(opacity=75); opacity: 0.75;border-top: 1px dashed #89745f; border-bottom: 1px dashed #89745f;padding: 20px 5px 20px 10px;} .show #secondary h3 {} .show #secondary dl {color:#544;} .show #secondary dd{margin: 0 10 0 10;font-weight:normal;margin-bottom: .5em;} .show #secondary dt {margin-left: 0;font-weight:bold;border:none;padding-top: 0px;} .show #secondary a {text-decoration:none; color: #000;font-weight:normal;} .show #secondary a:hover {color:#fff;} .show .desc {clear:left;} /* Misc. Elements */ object {display:block;} p, ul,ol,dl {font-size:1em; line-height: 1em; margin-bottom:5;} li * {font-size:1.1em;line-height: 1.1em; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} ul li {font-weight: normal;list-style-type:none; line-height: 1.1em;padding-left: 0px;} ul ul {margin-left: 10px;} ul ul li { list-style-type:none; background: none; font-size: 0.75em; padding: 0px; } ul.bibliography li { text-indent:-1.5em; margin-left:1.5em;} dd {margin-left:1.33333em;} em,i { font-style:italic; } strong,b {font-weight:bold;} .field p {margin-bottom:0.5em;} .more {font: .75em Century Gothic, sans-serif; text-transform:uppercase; font-weight:bold;} .hidden {text-indent:-999em;} .utility-text {font-size:10px;} /* Forms */ form {margin-bottom:3em;} .advanced-search form {background-color:#ba996c;padding:20px 5px 20px 20px;width:540px;} form#simple-search{margin:0; padding:0; width:200px;} textarea {width:378px; height:312px;float:right;} legend {display:none;} fieldset {display:block; clear:both;} label, .label {font-size:1.5em;color:#000;} .label{width:114px;} .field {border-bottom:1px dashed #fff; padding:.5em 0 .5em 0; overflow:hidden; width:512px;margin-bottom:2em;} .field label {float:left; width: 114px;font-weight:normal;clear:left; } .field .textinput, .field select {float:right; width: 378px;background-color:#fff;} .field select {width: 382px;} .field input {margin:0;} input.submitinput {margin-top:1em;} .radioinputs {display:block; margin-bottom:0.5em; overflow:hidden;} .radioinputs label {display:block; float:left; width: 48%; clear:none;} input#description {width: 378px; height: 312px;} #advanced-0-terms {margin:5px 0 0 130px;} #submit_search_advanced{margin-top:20px;margin-left:460px;} textarea#rights {float:none; display:none;line-height:1.33333em;width: 512px; border:none; font:1.5em Baskerville,"Times New Roman",Times, serif;height:31em; color:#444;padding:0; margin:0;} #items_search {float:right;} /* Misc classes */ .item-pagination {overflow:hidden;width:600px; margin-bottom:1.5em;padding-top:0em;} .item-pagination li.previous {display:block;float:left; width:20%;} .item-pagination li.next {float:right; display:block;width: 48%; text-align:right} .hide {text-indent: -1000em; width: 0; height: 0; overflow: hidden;} div.error {font-size:1.5em; line-height:1.33333em; margin:1.33333em 0;} .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px;} .fltlft { /* this class can be used to float an element left in your page */ float: left; margin:0; padding:5px 10px 0 0;} .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px;} ul.navigation li {font-weight: normal;list-style-type:none; padding-left: 20px;} .navigation li, .pagination li {display:inline;} .pagination li {display:inline-block;} .navigation a, .pagination a {text-decoration:none;} ul.item-pagination li { background-image:none;font-weight:normal;list-style-type:none;padding-left:0;} ul.item-pagination a{margin-left:0;} ul.title-list {padding-left:0px;} ul.title-list li{list-style-type:square;list-style-position:inside;font-style:italic;line-height:1.5em;color:#543;font-family:"Century Gothic", Arial, Helvetica, sans-serif;} ul.exhibit-section-nav{margin-top:2em;margin-bottom:.5em;} /* Microformats */ .hTagcloud {margin-top:2em;} .hTagcloud ul {list-style:none; margin-left:0; padding-left:0; line-height:2.2em;} .hTagcloud li {display:inline;margin-right:8px;background-image:none;margin-left:0;padding-left:0} .popular {font-size:100%;} .v-popular {font-size:140%;} .vv-popular {font-size:180%;} .vvv-popular {font-size:220%;} .vvvv-popular {font-size:260%;} .vvvvv-popular {font-size:300%;} .vvvvvv-popular {font-size:340%;} .vvvvvvv-popular {font-size:380%;} .vvvvvvvv-popular {font-size:420%;} .popular a{color: #cc9933;text-decoration:none;} .popular a:visited {color: #777;} .v-popular a{color: #cc9933;text-decoration:none;} .v-popular a:visited {color: #777;} .vv-popular a{color: #cc9933;text-decoration:none;} .vv-popular a:visited {color: #777;} .vvv-popular a{color: #cc9933;text-decoration:none;} .vvv-popular a:visited {color: #777;} .vvvv-popular a{color: #cc9933;text-decoration:none;} .vvvv-popular a:visited {color: #777;} .vvvvv-popular a{color: #cc9933;text-decoration:none;} .vvvvv-popular a:visited {color: #777;} .vvvvvv-popular a{color: #cc9933;text-decoration:none;} .vvvvvv-popular a:visited {color: #777;} .vvvvvvv-popular a{color: #cc9933;text-decoration:none;} .vvvvvvv-popular a:visited {color: #777;} .vvvvvvvv-popular a{color: #cc9933;text-decoration:none;} .vvvvvvvv-popular a:visited {color: #777;} /* == Browsing secondary nav css sprites == */ ul#browse, ul#secondary-nav {width:230px;height:20px;background: transparent url(../images/fall/btns_browse-all-tag.gif) no-repeat;list-style-type:none; line-height:1;} ul#browse li, ul#secondary-nav li {display:inline;background-image:none;padding:0;} /* keeps the ul horizontal by floating li left */ ul#browse li a, ul#secondary-nav li a{ background: transparent url(../images/fall/btns_browse-all-tag.gif) no-repeat; height:20px; float:left; overflow:hidden;text-indent:-9999px; outline:none;width:105px; padding:0;margin:0;} /*moves the text links out of view but still accessible to screen readers */ /* display block turns links into block-level elements*/ ul#browse li.nav-browse-all a, ul#secondary-nav li.nav-browse-all a {background-position: 0px 0px;width:105px;} ul#browse li.nav-browse-all a:hover, ul#browse li.nav-browse-all a:focus, ul#secondary-nav li.nav-browse-all a:hover, ul#secondary-nav li.nav-browse-all a:focus {background-position:0px -21px;} ul#browse li.nav-browse-all.current a, ul#secondary-nav li.nav-browse-all.current a {background-position: 0px -42px;} ul#browse li.nav-browse-by-tag a, ul#secondary-nav li.nav-browse-by-tag a {background-position: -105px 0px;width:125px;} ul#browse li.nav-browse-by-tag a:hover, ul#browse li.nav-browse-by-tag a:focus, ul#secondary-nav li.nav-browse-by-tag a:focus, ul#secondary-nav li.nav-browse-by-tag a:hover { background-position: -105px -21px; } ul#browse li.nav-browse-by-tag.current a, ul#secondary-nav li.nav-browse-by-tag.current a{ background-position: -105px -42px; } /* == Pagination Navigation ==*/ .pagination ul {text-align:right;list-style:none; padding:0 0.5em;margin-bottom: 0px;} .pagination_current{color:#cc9933;} .pagination ul li, .pagination li, .pagination li a{font-size: 11px;font-family: Verdana, Arial, sans-serif;} .pagination ul li {background:none;} .pagination li {display:inline-block; margin-bottom:0; padding:.5em;} .pagination li a {text-decoration: none;color: #221111;} .pagination li a:hover {color: #cc9933;} .pagination ul li.pagination_next a, .pagination ul li.pagination_last a, .pagination ul li.pagination_previous a, .pagination ul li.pagination_first a {color:#cc9933;} .pagination ul li.pagination_next a:hover, .pagination ul li.pagination_last a:hover, .pagination ul li.pagination_previous a:hover, .pagination ul li.pagination_first a:hover {color:#770000;} /* items meta data and browsing pages styles */ .item {float:left; clear:both;margin-bottom:0px;} .item-img img {float:left; padding: 5px; border: 1px solid #89745f;margin: 0 10px 20px 0;} .show img {border:none; margin-bottom: 0px;margin-left:0; padding-left:0} .item .desc h4, .show h3 { /*font-family:Verdana, sans-serif; font-size:1.2em; margin-bottom: .5em; color: #89745f; font-weight:bold; */} .item .desc p { font-weight:normal; padding-right: 10px; font-size: 1.3em; line-height: 150%; } .item-type {color: #554433; font-weight:bold;font-size: 100%;font-family:Arial, Helvetica, sans-serif;} p.item-type {margin-bottom:.5em;text-transform:uppercase;font-size:.7em;} .item-meta {margin-left:20px;width:580px;border-top: 1px dashed #fffff7; padding-top: 15px;} .show .item-meta{margin-left:0;width:610px;border-top:20px;padding-top:0;} .item-meta h3 {font-size:1.33em;} .item-meta h3 a {} .tags strong {font-size:.9em;font-weight:bold;} p.view-items-link {text-align:right;color:#554;padding-right:0px;font-size:.8em;text-transform:uppercase;margin-bottom:0px;} p.view-items-link a {color:#554;text-decoration:none;} p.tags {margin-bottom:2em;font-weight:bold;} /* .meta-main is the div that positions the item meta data in the primary content area and puts a dashed border above it */ .meta-main {border-top: 1px dashed #fffff7; padding: 10px 0 0 0; margin-bottom: 0;} .meta-main p {text-align:right; padding-right: 10px;} .meta-main .runinHead {font-family: Verdana, sans-serif; font-weight:bold;color:#543;font-size:.8em;} /*featured box styles --may need to modify properties for these boxes on inside pages and add .home in front of these selectors--*/ .featured-box {float:left; width:560px; position:relative; margin-bottom: 20px;padding:20px;} #secondary .featured-box{width:280px;padding:20px 10px;} #secondary .featured-box p{clear:both;} #secondary .featured-box p{clear:both;} #secondary .featured-box p .title, #secondary .featured-box p .title a, #primary .featured-box p .title, #primary .featured-box p .title a:visited, #secondary .featured-box p .title a:visited {color:#fff;text-transform:uppercase;font-weight:bold;} #secondary .featured-box p .title a, #primary .featured-box p .title a{ text-decoration:none;color:#fff;} #secondary .featured-box img {margin-left:65px;}/*NOTE: The featured item img in secondary is the square thumbnail, which is constrained to*/ .featured-box h2, .featured-box p {}/*for this theme, make thumbnail width constraint of 200px*/ .featured-box h2 {color: #221111; font-family: Baskerville, Georgia, serif; font-size:2em;margin-bottom: .75em;font-weight:bold;text-align:center; padding:10px 0;border-bottom:1px dashed white;} .featured-box p, .description p {font: 1.2em/1.5em "Century Gothic", "Apple Gothic", "Lucida Sans Unicode", "Franklin Gothic", sans-serif; margin-right: 10px;} .type-featured { text-transform:uppercase; margin-top: 10px; font: .9em "Century Gothic", Arial, sans-serif; } /*this styles the part of h2 that specifies the type of thing featured--Collection or Exhibit */ .featured-box.title, .featured-box.title a {text-transform:uppercase;color:#fff;font-weight: bold; font-family: "Century Gothic", "Apple Gothic", "Lucida Sans Unicode", "Franklin Gothic Medium";text-decoration:none; } .featured-box.title a:visited{color:#fff;} /* this styles the title of featured item in the start of the featured-box p */ .featured-box img {float:left; margin:1em 10px 10px 0; border: 10px solid #fff;} #featured-exhibit, #featured-item {background-color: #faf9f7; filter:alpha(opacity=95); opacity:.95;} #featured-collection {background-color: #faf9f7; filter:alpha(opacity=95); opacity:.95;} /*styles for sidebar featured item */ #sidebar-featured-item {background: #544;padding-top:10px;} .featured img {float:left; margin:0 10px; border: 1px solid #fffff7;padding:5px;background:#fff;} #sidebar-featured-item .description p {color: #fff;font-weight:normal;margin: 0 5px 5px 10px; padding-bottom: 0px;} #sidebar-featured-item h2 {text-align:center; color: #fff;letter-spacing: 0;margin-bottom: 10px;font-weight:normal;} #sidebar-featured-item a {text-decoration:none; color:#fff;} #featured-item a:hover {color: #cc9933;} /* Styles for home sidebar recent items */ #recent-items .item-img { width: 50px; height:50px; } #recent-items .item-img img {background: #faf9f7 url(../images/fall/backbox.png); max-width:100%; }