/*
  *********************************************************************************************
  CSS Documentation
  Title: The Miscellany Collection
  Author: Alex May
  Date: April 18, 2010
  Last update: August 3, 2010
  **********************************************************************************************
  1. BASE
  1.1 Default styles
  2. LAYOUT
  2.1 Header
  2.2 Content for HTML
  2.3 Special Content for Brief Records in Dublin Core XML
  2.4 Content for RDF/Dublin Core XML
  2.5 Content for general XML
  2.6 Additional Content
  **********************************************************************************************
 */
/*
  1. BASE
  -----------------------------------------------------------------------------------------------
 */
/*
  1.1 Default Styles
  -----------------------------------------------------------------------------------------------
 */
body {
    background:#ffffff;
    font-size:85%;
    font-family: Helvetica, Geneva, Arial, sans-serif;
    color:#363636;
    margin:auto;
    line-height: 1.33em
}
h1 {
    font-size:185%;
    color:#000000;
    font-weight:bold;
    line-height: 1.7em;
    margin: 0px;
    padding:0px;
}
h2 {
    font-size:140%;
    color:#484848;
    text-transform: uppercase;
    font-weight:bold;
    line-height:1.6em;
    margin:0px;
    padding:0px;
}
h3 {
    font-size:125%;
    color:#F0F0F0;
    font-weight:bold;
}
h4 {
    font-size:115%;
    color:#101010;
    font-weight:bold;
    margin:0px;
    padding:0px;
}
h5 {
    font-size:105%;
    color:#383838;
    font-weight:bold;
    margin:0px;
    padding:0px;
}
h6 {
    font-size:100%;
    color:#404040;
    font-weight:bold;
    margin:0px;
    padding:2px 0px;
}
/*
  2. LAYOUT
  -----------------------------------------------------------------------------------------------
 */
/*
  2.1 Header
  -----------------------------------------------------------------------------------------------
 */
#header {
    background-image:url(site_header_top.png);
    background-repeat:no-repeat;
    height: 105px;
    width:97.4%;
    min-width:905px;
    max-width:995px;
    float:left;
    margin: auto;
    color:white;
    background-color:#FFFFFE;
    text-align: center;
    border-bottom:1px solid gray;
}
#mainnav {
    font-size: 90%;
    font-weight:bold;
    font-family: Helvetica, Geneva, Arial, sans-serif;
}
#mainnav ul {
    list-style-type: none;
    margin-top: 75px;
    margin-right:0px;
    margin-left: 255px;
    margin-bottom:0px;
    padding-top:0px;
    overflow:hidden;
    width:auto;
    min-width:225px;
    max-width:767px;
}
#mainnav li {
    float:right;
}
#mainnav a:link, #mainnav a:visited {
    display: inline;
    padding: 0.5em 1.5em 0.5em 1.5em;
    color: #FFF;
    background-color: #8bb2d1;
    text-decoration: none;
    border-top: 0px;
    border-right: 2px solid white;
    border-left: 0px;
    border-bottom: 1px solid #b4b4b4;
}
#mainnav a:hover {
    color: #FFF;
    background-color: #b4b4b4;
}
* html #mainnav a {
    display:inline;
}
#about #mainnav li.about a:link {
    background-color:#b4b4b4;
    color: #000;
}
#rights #mainnav li.rights a:link {
    background-color:#b4b4b4;
    color: #000;
}
#records #mainnav li.records a:link {
    background-color:#b4b4b4;
    color: #000;
}
#search #mainnav li.search a:link {
    background-color:#b4b4b4;
    color: #000;
}
#browse #mainnav li.browse a:link {
    background-color:#b4b4b4;
    color: #000;
}
#home #mainnav li.home a:link {
    background-color:#b4b4b4;
    color: #000;
}
/*
  2.2 Content for HTML portions of site
  -----------------------------------------------------------------------------------------------
 */
#wrapper {
/* float: left; */    width: 95%;
    min-width:905px;
    max-width:960px;
    margin:auto;
}
#sidebar {
    width: 21.2%;
    float: left;
    margin:auto;
    padding-top:2em;
}
#sidebarBrief {
    width: 15%;
    float: left;
    margin:auto;
    padding-top:2em;
}
#content_wrapper {
    float:left;
    width:76%;
    min-width:700px;
    max-width:955px;
    padding-top:2em;
    padding-bottom:1em;
}
#content_left {
    float:left;
    width:50%;
    padding-left:42.5px;
    margin:auto;
    padding-bottom:1px;
}
#content_right {
    float:right;
    width:35%;
    text-align: left;
    padding:0 12px;
    margin:auto;
}
#paragraph_box {
    float:right;
    width:90%;
    text-align: left;
    border:1px solid #E0E0E0;
    padding:12px;
    margin:auto;
}
#content_main {
    display:block;
    float:left;
    width:86%;
    padding-left:25px;
    margin:auto;
}
#footer {
    clear:both;
/* float: left; */    width: 70%;
    min-width: 900px;
    max-width:995px;
    margin: 0 auto;
    padding-left: 5px;
    padding-right:5px;
    padding-top:30px;
    padding-bottom:2px;
    color:#585858;
    background-color:white;
    text-align: center;
    font-size:82%;
}
.sectionTitleRule {	background: url(dot_line.gif) repeat-x top left; margin: 5px 0 0 0;}
#footerHome {
    clear:both;
/* float: left; */    width: 60%;
    min-width: 900px;
    max-width:995px;
position:relative;
bottom:auto;
    margin: 1px auto;
    padding-left: 5px;
    padding-right:5px;
    padding-top:2em;
    padding-bottom:2px;
    color:#585858;
    background-color:white;
    text-align: center;
    font-size:82%;
}
/*
  2.3 Special Content for Brief Records (Dublin Core XML)
  -----------------------------------------------------------------------------------------------
 */
#content_wrapperBriefDC {
    float:left;
    width:78%;
    min-width:700px;
    max-width:955px;
    padding-top:2em;
    padding-bottom:1em;
}
#content_briefDC {
    float:left;
    width:93%;
    padding-left:2em;
    margin:auto;
}
img.brief {
    float: right;
    padding:15px;
    margin-top !important:20px;
    margin-right: 2px;
    margin-left: 1.5em;
    margin-bottom: 35px;
}
img.dcBrief {
    position:relative;
    top:inherit;
    left:35%;
}
/*
  2.4 Content for RDF/Dublin Core XML
  -----------------------------------------------------------------------------------------------
 */
#wrapperDC {
/* float: left; */    width: 78% !important;
    width:960px;
    min-width:955px;
    max-width:965px;
    margin:auto;
}
#content_wrapperDC {
    float:left;
    width:76%;
    min-width:700px;
    max-width:955px;
    padding-top:2em;
}
#content_mainDC {
    float:left;
    width:95%;
    padding-left:25px;
    margin:auto;
}

#content_leftDC {
    float:left;
    width:60%;
    padding-left:25px;
    margin:auto;
    padding-bottom:5em;
}
#content_leftDC_Translations {
    float:left;
    width:72%;
    padding-left:15px;
    margin:auto;
    padding-bottom:1em!important; padding-bottom:2em;
}
#content_leftDC_Translations12th {
    float:left;
    width:65%;
    padding-left:15px;
    margin:auto;
    padding-bottom:1em!important; padding-bottom:2em;
}
#content_leftDC_TranslationsPost {
    float:left;
    width:75%;
    padding-left:12px;
    margin:auto;
    padding-bottom:1em!important; padding-bottom:2em;
}
#content_rightDC {
    float:right;
    width:20%;
    text-align: left;
    padding:12px;
    margin:auto;
}

#content_rightDC12th {
    float:right;
    width:25%;
    text-align: left;
    padding:12px;
    margin:auto;
}

#footerDC {
    clear:both;
/* float: left; */    width: 58%;
    min-width: 900px;
    max-width:995px;
    margin: auto;
    padding-left: 5px;
    padding-right:5px;
    padding-top:4.5em;
    padding-bottom:2px;
    color:#585858;
    background-color:white;
    text-align: center;
    font-size:82%;
}
/*
  2.5 Content for general XML portions of site
  -----------------------------------------------------------------------------------------------
 */
#content_XML {
    display:block;
    float:left;
    width:70%;
    min-width:955px;
    max-width:1160px;
    width:auto !important;
    width:965px;
    padding-left:4em;
    padding-top:1em;
    padding-right:0em;
    padding-bottom:5em;
    margin:auto;
}
#footer_XML {
    clear:both;
/* float: left; */    width: 58%;
    min-width: 900px;
    max-width:995px;
    margin: auto;
    padding-left: 5px;
    padding-right:5px;
    padding-top:4.5em;
    padding-bottom:2px;
    color:#585858;
    background-color:white;
    text-align: center;
    font-size:82%;
}
/*
  2.6 Special  Content, ie, div and img
  -----------------------------------------------------------------------------------------------
 */
div.textBox {
    width:90%;
    display:block;
    font-size:90%;
    background-color:#C5D8E4;
    color:#000000;
    margin-top:1em;
    padding-top:0.5em;
    padding-left:10px;
    padding-right:2em;
    padding-bottom:0.3em;
}
div.descriptive {
    color:#2c2c2c;
    font-weight:bold;
    display:inline;
}
div.rubrication {
    color:red;
    font-weight:bold;
    display:inline;
}
div.descriptiveAdmin {
    color:#2c2c2c;
    display:inline;
    font-size:85%;
}
div.caption {
    display:block;
    font-style:italic;
    text-align:center;
    clear:both;
    font-size:85%;
    height:0px;
    border-width:0px;
    margin-left:0px;
    padding: 7px 0px;
}
div.caption_left {
    display:block;
    font-style:italic;
    text-align:left;
    clear:both;
    font-size:85%;
    height:0px;
    border-width:0px;
    margin-left:auto;
    padding: 0px;
}
div.paragraph {
    display:block;
    clear:both;
    font-size:93%;
    border-width:0px;
    margin-left:auto;
}
div.caption_more {
    display:block;
    clear:both;
    font-size:95%;
    border-width:0px;
    margin-left:auto;
    padding:5px 0px;
}
div.textcenter {
    display:block;
    text-align:center;
    clear:both;
    height:0px;
    border-width:0px;
    margin-left:0px;
    padding: 0px;
}

img {
    float:left;
    border-width:0;
    margin:0;
    padding:0;
}
img.right {
    float: right;
    margin-right: 60%;
}
img.rightHome {
    float: right;
    padding:20px 5px 5px 5px;
    margin-right: 12px
}
img.home {
    padding-right:5%;
}
img.homeImg {
    margin:2.5px 0;
}
img.homeDivider {
    float: right;
    margin-right: 50%;
}
img.dc {
    float: right;
    margin-right: 45%;
}
img.farright {
    float: right;
    margin-right: 12px
}
img.textBox {
    float: left;
    padding-right:15px;
    margin-top:4px;
}
img.about {
    display:inline;
    padding:15px;
    margin-bottom:4px;
}
p.rights {
    text-align:left;
    font-size:98%;
    color:#000000;
}
p.new {
    text-align:left;
    font-size:90%;
    color:#000000;
}
a:link {
    color:#1b5dA9;
}
a:hover {
    color:#000;
}
a:visited {
    color:#505151;
}
/* ************************** */
/* *    Highlights or Feature   * */
/* ************************** */
#myslides {
    float:left;
    width: 365px;
    height: 220px;
    padding: 0;
    margin: 0 auto;
}
#myslides img {
    float:left;
    margin:auto;
    padding:15px 35px 5px 0px;
    background-color: #ffffff;
    width: 140px;
    height: 200px;
    top: 0;
    left: 0;
}
p.highlightTitle
{
    color:#8BB2D1;
    text-transform: uppercase;
    font-size:80%;
    line-height:1.5em;
    border-width:0px;
    margin-left:5px;
    padding:25px 0px;
}
div.AddInfo
{
    color:#383838;
    font-size:95%;
font-style:italic;
    line-height:1.7em;
}
#exhibitBox{
text-align:left;
}    
#exhibitBox a { text-decoration: none;}
#exhibitBox a:hover {text-decoration: underline;}

/*****************************/
/**    CSS Drop Shadows         **/
/*  Technique described here:  */
/* http://www.alistapart.com/articles/cssdropshadows/ */
/****************************/
  
.img-shadow {  float:right; background: url(http://library.duke.edu/imgs/common/effects/dropshadow.png) no-repeat bottom right !important; background: url(http://library.duke.edu/imgs/common/effects/shadow.gif) no-repeat bottom right;  margin: 10px 0 0 6px !important; margin: 10px 0 0 6px;}

.img-shadow img {  display: block; position: relative; background-color: #fff; border: 1px solid #F0F0F0;
  margin: -6px 6px 6px -6px; padding: 4px; }