/********************
* gallery.css
* base styles for gallery segments
********************/

body.vertical {
    background-color: gray;
}

.index {
    background-color: #000000;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
}

body.horizontal .index #main_wrapper {
    margin: 0;
}

body.horizontal #main_wrapper {
}

body.horizontal .second_level #main_wrapper {
    /*width: 1150px;*/
    width: 90%;
}

body.vertical #pageframe .second_level {
    padding: 45px 85px;
}

body.horizontal #pageframe .second_level {

}

body.horizontal #main {
    min-height: 500px;
}

body.horizontal #main.second_level {
    /*padding-top: 25px;*/
}

#index_intro {
    background-color: #000000;
    font-size: 18pt;
}

body.vertical #index_intro {
    position: relative;
    /*top: 819px;*/
    top: 550px;
    padding: 60px 40px;
}

body.horizontal #index_intro {
    /*width: 165px;*/
    width: 180px;
    padding: 40px 40px;
    font-size: 14pt;
    min-height: 275px;
    min-height: 420px;
    color: #ffffff;
}




/*******************
* section display
********************/

/*#section_title, #section_desc_short, #section_desc_long {
    display: none;
}*/

body.vertical #section_desc_short, 
body.vertical #section_desc_long {
    padding: 60px 40px 0px;
}

body.horizontal #section_desc_short, 
body.gallery .section #sidebar {
    /*margin: 30px 40px 0px;*/
    margin: 20px 0px;
}

h2#section_title {
    text-align: center;
}

h3#section_desc_short {
    font-size: 16pt;
}

#section_desc_long {
    height: 325px;
    width: 30%;
    float: left;
}

body.gallery .section #sidebar {
    /*float: right;
    width: 100%;*/
    text-align: right;
}

#go_home, #toggle_view, #num_nav {
    cursor: pointer;
    /*position: relative;*/
    /*position: absolute;
    top: 1250px;*/
    /*top: 700px; /* for dev */
}

body.horizontal #go_home, 
body.horizontal #toggle_view {
    padding: 0 60px;
    clear: both;
}

#go_home {
    /*left: 273px;*/
    /*bottom: 10px;*/
    width: 32px;
}
#toggle_view {
    /*left: 935px;*/
    float: right;
}
#toggle_view img {
    padding: 0px 3px;
}



/*******************
* thumbnail display
********************/
body.gallery #sidebar {
    /*float: left;*/
    /*margin: -19px auto 0;*/
    /*width: 91%;*/
    /*margin-top: -19px;*/
}

@-moz-document url-prefix() {
    body.gallery #sidebar {
        margin-top: 0px;
    }
}

body.gallery #main.item #sidebar {
    margin: 0 auto;
    width: 90%;
    clear: left;
}

body.gallery #sidebar h3 {
    font-size: 9pt;
    padding: 0px 5px;
}

/*.thumbnail_grid {
    /*background-color: #000000;*/
    /*border-collapse: separate;
    border-spacing: 10px;
    /*margin-top: 100px;*/
/*}*/

body.gallery .item #sidebar ul#thumbnail_grid {
    height: 54px;
    overflow: hidden;
}

body.gallery #sidebar #thumbnail_grid li {
    /*height: 110px;
    width: 110px;*/
    display: inline;
    
    text-align: center;
    vertical-align: middle;
    
    background-color: #FCFDFA;
}

body.gallery #sidebar #thumbnail_grid img {
    width: 50px;
    height: 50px;
    margin: 2px 2px;
}

/*
body.gallery #sidebar #thumbnail_grid {
    border-spacing: 5px;
}*/

body.gallery .item  #sidebar #thumbnail_grid img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 8 */
    filter: alpha(opacity=70); /* IE 5-7 */
    opacity: 0.7;  /* current css 3 standard. works in firefox, safari, opera */
    -moz-opacity: 0.7;  /* old versions of mozilla browsers like netscape navigator */
    -khtml-opacity: 0.7; /* old versions of safari (1.x) */
}

body.gallery .item #sidebar #thumbnail_grid li.active img {
    border: 2px solid #D8BA4C;
    margin: 0 -1px;
    
    /*zoom: 1;*/
    filter: alpha(opacity=100); /* IE 5-9 */
    -moz-opacity: 1.0;  /* old versions of Mozilla browsers, like Firefox 0.9 and Netscape Navigator */
    -khtml-opacity: 1.0; /* Safari 1.x (pre WebKit) */
    opacity: 1.0;  /* current CSS3 standard. works in Firefox 0.9+, Safari 2?, Opera 9+, Chrome any?, IE 9+ */
}

body.gallery .item #sidebar .bx-next, 
body.gallery .item #sidebar .bx-prev {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 9px;
}

body.gallery .item #sidebar .bx-next {
    background: transparent url(../img/arrow_right_sm.png) no-repeat scroll right top;
    right: -39px;
}

body.gallery .item #sidebar a:hover.bx-next {
    background-image: url(../img/arrow_right_gold_sm.png);
}

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

body.gallery .item #sidebar .bx-prev {
    background: transparent url(../img/arrow_left_sm.png) no-repeat scroll left top;
    left: -39px;
}

body.gallery .item #sidebar a:hover.bx-prev {
    background-image: url(../img/arrow_left_gold_sm.png);
}

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



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

body.vertical #piece, body.vertical #artist_name, body.vertical #active_dates, body.vertical #title, body.vertical #release_date, body.vertical #format, body.vertical #dimensions, body.vertical #donor, body.vertical #location, body.vertical #description {
    text-align: center;
}

body.horizontal #piece, body.horizontal #artist_name, body.horizontal #active_dates, body.horizontal #title, body.horizontal #release_date, body.horizontal #format, body.horizontal #dimensions, body.horizontal #donor, body.horizontal #location, body.horizontal #description {
    text-align: left;
}

#title {
    margin-top: 15px;
}

.prev_item, .next_item {
    display: block;
    height: 49px;
    width: 49px;
}

body.horizontal .prev_item, 
body.horizontal .next_item {
    position: absolute;
}

body.vertical .prev_item, 
body.vertical .next_item {
    position: relative;
}

.prev_item {
    background: #000000 url(../img/arrow_left.png) no-repeat scroll left top;
}

body.vertical .prev_item {
    left: -64px;
    top: -240px;
}

body.horizontal .prev_item {
    left: 0px;
}

.next_item {
    background: #000000 url(../img/arrow_right.png) no-repeat scroll left top;
}

body.vertical .next_item {
    top: -290px;
    left: 615px;
}

body.horizontal .next_item {
    right: 0px;
}

/*body.vertical .prev_item, 
body.vertical .next_item {
    top: 550px;
}*/

body.horizontal .prev_item, 
body.horizontal .next_item {
    top: 325px;
}

#num_nav {
    font-size: 14pt;
    font-weight: bold;
    left: 600px;
}

body.horizontal #piece {
    float: left;
    margin: 0 45px 0 0;
    min-height: 300px;
}

body.horizontal #piece img {
    /*width: 270px;*/
    max-height: 375px;
}