/* CSS for Quakers and Slavery Exhibit Site */ /*** RESET BROWSER-SPECIFIC MARGIN/PADDING ***/ body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,th,td,img{margin:0;padding:0;} /*** TAG DEFINITIONS ***/ html {height:100%;font-size:100%;} body {height:100%;background-color:#ccc6c2;font-size:0.625em;line-height:1.5em;font-family:"Lucida Grande",Verdana,sans-serif;margin:0 auto;text-align:center;color:#100;} h1,h2,h3,h4,h5 {line-height:1.2em;margin-bottom:.25em;} h1,h2,h3 {font-family:"Goudy Old Style",Garamond,Georgia;font-weight:normal;color:#647a52;} h4,h5 {font-family:"Lucida Grande","Trebuchet MS",sans-serif;font-weight:bold;} h1 {font-size:2.4em;} h2 {font-size:2em;} h3 {font-size:1.6em;} h4 {font-size:1.4em;} h5 {font-size:1.2em;} p,li {font-size:1.2em;line-height:1.4em;} p {margin:0 0 1em 0;} li p,li li { font-size: 1em; } ul,ol {margin:.2em .2em .8em .2em;padding:0 1.5em;} li {margin:0 0 .2em 0; padding:0; } li ul, li ol { margin-bottom: 0; } ol li {margin-left: .8em;} blockquote {margin:0 2em;} input,select,table,textarea {font: normal 1.2em/1.4em "Lucida Grande","Trebuchet MS",sans-serif;} img {border:0;} a {color:#8c3b16;text-decoration:none;} a:hover {text-decoration:underline; cursor:pointer;} /*** COLUMN LAYOUTS ***/ .twocolumns, .threecolumns, .fourcolumns {width:98%;clear:left;} /**.threecolumns .column {width:30%;height:98%;float:left;margin:0 3% 0 0;padding-top: 10px;} /* Note: the min-height was removed; if this is desired, please code it in the HTML, not into .threecolumns .column */ /**.fourcolumns .column {width:21%;height:98%;float:left;margin:0 3% 0 0;} /* So the two columns do not overlap each other */ .twocolumns .column1 {position:relative;width:25%;height:98%;float:left;margin:0 2% 0 0;} /* note: maximum image width for images in column 1 is 350 px. Larger images will cause text-wrapping problems when the browser window is resized. */ .twocolumns .column2 {position:relative;width:65%;height:98%;float:right;margin:0 2% 0 0;} /*** HOMEPAGE ***/ .twocolumns .columnleft {position:relative;width:20%;height:98%;float:left;margin:0 2% 0 0;} .twocolumns .columnright {position:relative;width:75%;height:98%;float:right;margin:0 2% 0 0;} #upper {position:relative;display:block;float:left;left:2%;width:98%;clear:right;margin: 0px 0px 0px 0px;height:75%} #lower {position:relative;display:block;float:left;left:2%;width:98%;clear:left;padding-top:10px;} /* To force a set of columns (e.g. threecolumns on index) to have a top border, give it id="topBorder" */ #topBorder { border-top: 1px dotted #ccc; margin-top: 20px;} /*** IMAGE CAPTIONS ***/ #caption { font-family:"Lucida Grande","Verdana",sans-serif; font-size:10px; } /*** TAGS LIST ***/ .tags_list a { margin-right: 10px; } /*** PAGE LAYOUT ***/ /** TOP **/ #containerspc {position:relative;margin:0 auto;height:auto;min-height:100%;min-width:770px;max-width:97em;background-color:#fff;text-align:left;z-index:2;} #title {margin:10px 0 14px 24px;float:left;} #nav {width:500px;float:right;margin:16px 0 0 0;} #top {position:relative;width:100%;height:260px;background-color:#647A52;background-repeat:no-repeat;background-position:center -64px;text-align:right;z-index:10200;} #header {float: right;font:normal 2em "Goudy Old Style",Garamond,"Georgia";color: #fff;} #breadcrumb {position:absolute;left:19px;top:-18px;margin-top:2em;height:2em;z-index:10403;color:#fff;padding: 0;text-align:left;width:800px;overflow:hidden;} #breadcrumb a {font-size:1.1em;color:#fff; text-decoration:underline;margin:0 5px;} #breadcrumb a.active {text-decoration:none;cursor:default;} #sectionheader {position:relative;clear:both;width:100%;height:185px;overflow:hidden;background-color:#647A52;z-index:10101;} #sectionheader.compact { height:72px;padding-top:10px;background-color:#a60000 } /* search */ #searchbar {position:relative;clear:both;width:auto;text-align:right;margin-top:-3em; height:2em;z-index:10200;white-space:nowrap;} #searchbar_background {clear:both;width:100%;height:3em;background-color:#647A52;filter:alpha(opacity=05);-khtml-opacity:.04;} #userauth {float:left;padding:2px 4px 0 24px;color:#ffda80;} #userauth a {color:#fff;} form#searchform {position:relative;float:right;z-index:80202;height:2em;overflow:visible;} #searchform input {float:left;margin:.2em .2em 0 0; font-size: 1em;} #searchform input#search {width:18em;padding-left:.5em;background-color:#fff;} #searchform input#searchsubmit {width:3.5em;margin-left:6px;} /* navbar */ /* BREADCRUMBS */ #navbar {position:relative;clear:both;width:auto;text-align:left; height:30px;margin:0;z-index:10200;} #navbar_background {clear:both;width:100%;height:20px;background-color:#647A52;filter:alpha(opacity=08);-khtml-opacity:.08;margin-bottom:-2em;} .tab {position:relative;display:inline;white-space:nowrap;line-height:20px;} .tab a {color:#f3eee9;font-size:12px;margin:0 12px;} .tab.active a {color:#fff;font-weight:bold;} /* subnavbar */ /* Global Navigation */ #subnavbar_background {position:relative;clear:both;overflow:hidden;width:100%;margin:0;top:-3em;height:2em;background-color:#647A52;filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.9; -khtml-opacity:0.9;z-index:10102;} #subnavbar {position:relative;clear:both;overflow:hidden;width:auto;text-align:left;top:-5em;height:auto;min-height:2em;color:#fff;padding-left:12px;z-index:70000;margin:0 0 0px 0;} #subnavbar .navtab, #tab_index, #tab_commentary, #tab_primarysources, #tab_resources, #tab_about {position:relative;display:inline;white-space:nowrap;line-height:20px; padding: 5px 0px 15px 0px; height: 20px; border: 0px; margin: 0px;} #subnavbar .navtab a {color:#f3eee9;font-size:12px;margin:0 10px;} #subnavbar .navtab.active {background-image:url('../images/tab_bk.png');background-repeat:repeat-x;background-color:#f0eec3; } #subnavbar .navtab.active a {color:#000;font-weight:bold;} /* Glocal Navigation */ #subnavbar .navtab span{ float: right; padding: 3px 0px 10px 0px; position: relative; left: 0; top:9px; right: 0; display: none; white-space:nowrap; width: 970px; background-color: #f3eee9; color: #fff; height:auto; min-height:2em; margin-left: 0px; } #subnavbar .navtab.active span {background-image:url('../images/tab_bk.png');background-repeat:repeat-x;background-color:#f0eec3; display: inline-block ;top:5px; } #subnavbar .navtab.active a span {color:#000;font-weight:bold;display:inline-block; } /** MAIN **/ #main {position:relative;clear:both;width:100%;max-width:97em;height:auto;overflow:hidden;z-index:1;padding-bottom: 3em;} #pagecontent {padding:20px 25px 1em 25px;overflow:hidden;} #sidebar {position:relative;float:left;width:200px;min-height:500px;padding:5px 0 0;z-index:40000;overflow:hidden;} #containerspc.sidebar #content, #containerspc.sidebar #content_withsidebar {margin:0 200px 20px 0;} #sidebarcontent {position:relative;padding:0 10px 15px 15px;z-index:40000;} #sidebarcontent p, #sidebarcontent li {font-size:1.1em;} #sidebarcontent .feature {margin:0 -5px 1em -15px;padding-bottom:1em;} #sidebarcontent .feature p,#sidebarcontent .feature h2,#sidebarcontent .feature h3,#sidebarcontent .feature h4,#sidebarcontent .feature h5,#s {padding:0 15px;} #sidebarcontent .feature ul, #sidebarcontent .feature ol {margin:0 15px;} #sidebarcontent img {margin-left:1px;} #sidebar h1, #sidebar h2, #sidebar h3 {margin-top:15px;} /** FOOTER **/ #footer {position:absolute;bottom:0px;left:0px;clear:both;width:100%;height:2em;z-index:50;background-color:#647A52;z-index:50000;} #footer a {color:#fff;text-decoration:underline;} #footer_right,#footer_left {color:#fff;padding:2px 12px;} #footer_left {float:left;} #footer_right {float:right;} /*** FOR CONTENT EDITORS (VISIBLE IN LOCAL EDITOR ONLY) ***/ arg {color:#900;display:block;width:100px;border: 1px solid #f00; padding:3px 5px 3px 37px;background-image:url(http://alt.haverford.edu/images/common/xphp.gif);background-repeat:no-repeat;}