/********************
* common.css
* base styles for all segments of all types
********************/

a {
    color: #ffffff;
    text-decoration: none;
}

body {
    background-color: #000000;
    color: #FFFFFF;
    font-family: "Avenir", "Corbel", "Helvetica", "Arial", sans-serif;
    font-size: 10pt;
}

#pageframe {
    background-color: #000000;
    margin: 0 auto;
}


body.horizontal #pageframe {
    width: 100%;
}

body.vertical #pageframe {
    /*height: 1360px;*/
    width: 768px;
    padding-bottom: 10px
}

body.horizontal #banner {
    /*width: 800px;*/
    width: 90%;
    background-position: right center;
    margin: 0 auto;
    height: 50px;
    padding: 10px 0 0 0;
}

body.horizontal #main.second_level,
body.case #main {
    background-color: #FCFDFA;
    /*background-color: #000000;*/
    color: #000000;
    min-height: 454px;
    padding-top: 20px;
    padding-bottom: 5px;
}

body.horizontal #main {
    /*height: 485px;*/
    border-top: 2px solid #D8BA4C;
}

body.vertical #main {
    /*height: 1077px;*/
    min-height: 795px;
}

body.horizontal #main_wrapper {
    /*width: 1000px;*/
    width: 90%;
    margin: 0 auto;
    min-height: 390px;
}

body.vertical #main_wrapper {
    /*height: 1000px;*/
    min-height: 770px;
}

#banner {
    background-color: #000000;
    background-image: url(../img/VanderbiltLogo.png);
    /*background-image: url(../img/sig-gold.png);*/
    background-repeat: no-repeat;
    background-attachment: scroll;
    font-weight: bold;
    font-size: 26pt;
    line-height: 40px;
}

body.vertical #banner h1 {
    /*width: 300px;*/
    width: 350px;
}

#banner h1 {
    font-size: 20pt;
}

body.vertical #banner { 
    background-position: 535px center;
    border-bottom: 2px solid #D8BA4C;
    height: 50px;
    padding: 10px 40px 0px 40px;
}

h2#section_title {
    font-size: 24pt;
    margin-bottom: 20px;
}

#section_desc_long {
    font-size: 12pt;
    line-height: 1.2em;
    margin: 0 25px 0 0;
    padding: 0 20px 0 0;
    overflow: auto;
}



/*******************
* main (bottom) navigation
********************/

#navigation {
    background-color: #000000;
    border-top: 2px solid #CDB14C;
    /*position: relative;
    top: 861px;
    position: absolute;
    top: 1213px;
    width: 768px;*/
}

body.vertical #navigation {
    height: 89px;
    padding-top: 10px;
}

#navigation h5 {
    background-color: #D8BA4C;
    color: #000000;
    font-size: 16pt;
    text-align: center;
    padding: 4px;
}

#navigation ul {
    width: 650px;
}

#navigation.sm ul {
    /*height: 80px;*/
    height: 59px;
    overflow: hidden;
}

#navigation ul li {
    width: 225px;
    height: 96px;
}

#navigation.sm ul li {
    width: 150px;
}

#navigation ul li.active a {
    background: #000000 url(../img/coll_active.png) no-repeat scroll center center;
}

#navigation ul li a {
    background: #000000 url(../img/coll_inactive.png) no-repeat scroll center center;
    display: block;
    height: 62px;
    margin: 0 auto;
    padding: 40px 30px 0;
    text-align: center;
    width: 155px;
    /*border: 1px solid white;*/
}


#navigation.sm ul li.active a {
    background-image: url(../img/coll_active_sm.png);
}

#navigation.sm ul li a {
    font-size: 10pt;
    background-image: url(../img/coll_inactive_sm.png);
    height: 48px;
    padding: 20px 12px 0;
    width: 118px;
}

#navigation .bx-wrapper {
	margin: 0 auto;
    /*top: 17px;*/
}

#navigation.sm .bx-next, 
#navigation.sm .bx-prev {
    position: absolute;
    top: 17px;
    width: 44px;
    height: 49px;
}

#navigation .bx-next {
    background: #000000 url(../img/arrow_right.png) no-repeat scroll right top;
}

#navigation.sm .bx-next {
    background: #000000 url(../img/arrow_right_sm.png) no-repeat scroll right top;
}

#navigation a:hover.bx-next {
    background-image: url(../img/arrow_right_gold.png);
}

#navigation.sm a:hover.bx-next {
    background-image: url(../img/arrow_right_gold_sm.png);
}

#navigation .bx-next.disabled,
#navigation a:hover.bx-next.disabled {
    background-image: url(../img/arrow_right_grey.png);
    cursor: default;
}

#navigation.sm .bx-next.disabled,
#navigation.sm a:hover.bx-next.disabled {
    background-image: url(../img/arrow_right_grey_sm.png);
    cursor: default;
}

body.vertical #navigation .bx-next {
    left: 677px;
}

body.horizontal #navigation .bx-next {
    left: 900px;
}

#navigation .bx-prev {
    background: #000000 url(../img/arrow_left.png) no-repeat scroll left top;
    left: -45px;
}

#navigation.sm .bx-prev {
    background: #000000 url(../img/arrow_left_sm.png) no-repeat scroll left top;
    left: -45px;
}

#navigation a:hover.bx-prev {
    background-image: url(../img/arrow_left_gold.png);
}

#navigation.sm a:hover.bx-prev {
    background-image: url(../img/arrow_left_gold_sm.png);
}

#navigation .bx-prev.disabled,
#navigation a:hover.bx-prev.disabled {
    background-image: url(../img/arrow_left_grey.png);
    cursor: default;
}

#navigation.sm .bx-prev.disabled,
#navigation.sm a:hover.bx-prev.disabled {
    background-image: url(../img/arrow_left_grey_sm.png);
    cursor: default;
}

#footer {
    margin: 20px 0;
}

p.copyright {
    text-align: center;
    font-size: 8pt;
    color: #CCCDCA;
}

p.copyright a {
    color: #CCCDCA;
}



/*******************
* item display
********************/

#artist_name, #title {
    font-size: 16pt;
}

/*#secondary_info {
    margin-top: 15px;
}*/

#active_dates, #release_date, #format, #dimensions, #donor, #location {
    font-size: 11pt;
}


#description {
    margin: 20px 0px;
    line-height: 1.5em;
}


body.horizontal #metadata {
    height: 360px;
    overflow: auto;
}

@media screen and (min-height: 700px) {
    
}