/* ============================================================
   MERGED MASTER + CUSTOM CSS
   Desktop layout preserved, mobile scaling enabled
   ============================================================ */

/* GLOBAL RESET */
* {
    margin: 0;
    padding: 0;
}

body {
    text-align: center;
    margin: 0;
    padding: 2px 0;
    background-color: #000000;
    color: #b3b3b3;
    overflow-x: hidden;
    font-family: helvetica, arial, tahoma, verdana, sans-serif;
    font-size: 26px;
}

img {
    border: 0;
}

/* TYPOGRAPHY */
body, h1, h2, h3, h4, h5, h6, p, a {
    background-color: inherit;
    color: #b3b3b3;
    font-size: 26px;
}

/* LINKS */
a, a:link, a:hover {
    text-decoration: underline;
    color: inherit;
    cursor: pointer;
}

a:visited, a:active {
    color: inherit;
    text-decoration: none;
}

/* WRAPPERS */
#wrapper_large {
    width: 732px;
    margin: 0 auto;
    padding-left: 2px;
    padding-right: 2px;
}

#wrapper_thumb {
    width: 645px;
    margin: 0 auto;
}

/* SITE TITLE */
#sitetitle {
    margin-bottom: 4px;
    border-bottom: 1px dotted #333333;
    text-align: center;
    width: 732px;
}

/* STAGE AREAS */
#stage, #stage2 {
    float: left;
    position: relative;
    margin: 0;
    padding-bottom: 10px;
    border-bottom: 1px dotted #333333;
}

#stage {
    width: 645px;
}

#stage2 {
    width: 732px;
}

/* PREVIEW FULL */
#previewFull {
    float: left;
    position: relative;
    background-color: #191919;
    width: 732px;
    color: inherit;
}

#previewFull .padding {
    padding-top: 15px;
}

/* IMAGE RESPONSIVENESS */
img.previewFullImage {
    max-width: 100%;
    height: auto;
}

/* NAVIGATION */
.detailNav {
    width: 100%;
    float: left;
    clear: both;
    text-align: center;
}

.detailNav ul {
    margin: 10px auto;
    text-align: center;
}

.detailNav ul li {
    display: inline;
    list-style: none;
    padding: 5px;
}

/* GALLERY LINKS */
.gallinks {
    float: left;
    clear: both;
    margin-bottom: 1px;
    padding: 0;
    font-size: 20px;
    text-align: center;
    padding-right: 6px;
    padding-left: 1px;
    margin-left: 2px;
}

.gallinks ul {
    margin: 0;
    padding: 0;
}

.gallinks li {
    float: left;
    list-style: none;
    padding: 5px;
}

.gallinks li, .gallinks a {
    font-size: 26px;
    text-align: center;
    padding-right: 3px;
    padding-left: 3px;
}

/* DROP SHADOW */
.dropShadow {
    background: url(../misc/shadow.png) right bottom no-repeat;
    display: block;
    float: left;
    margin: 13px -10px -10px 10px;
    position: relative;
}

.dropShadow .inner {
    display: block;
    left: -10px;
    margin: 0;
    overflow: hidden;
    position: relative;
    top: -13px;
}

/* THUMBNAILS */
.thumbnail {
    background-color: #191919;
    color: inherit;
}

.selectedThumbnail, .thumbnail:hover {
    background-color: #333333;
    color: inherit;
}

.thumb {
    border: 1px solid #000000;
}

/* BORDERS (CUSTOM OVERRIDES) */
.borderTopLeft {
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
}

.borderBottomRight {
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.borderRight {
    border-right: 1px solid #000000;
}

.borderRightDotted {
    border-right: 1px dotted #000000;
}

.borderBottom {
    border-bottom: 1px solid #000000;
}

/* TEXT OVERRIDES */
.detailText { color: #999999; }
.detailTitleText { color: #B3B3B3; }
.detailCaptionText { color: #B3B3B3; }
.detailCopyrightText { color: #B3B3B3; }
.detailNavText { color: #006; }
.detailAllGalleries { color: #006; }
.detailAKGeoText { color: #666666; }
.caption { color: #B3B3B3; }

/* HIDE UNUSED */
.logo { display: none; }
.itemNumber { display: none; }

/* ============================================================
   MOBILE OVERRIDES — ENABLE SCALING ON PHONES
   ============================================================ */

@media (max-width: 767px) {

    /* Allow layout to shrink */
    #wrapper_large,
    #wrapper_thumb,
    #stage,
    #stage2,
    #previewFull,
    #sitetitle {
        width: 100%;
        max-width: 100%;
    }

    /* Responsive image */
    img.previewFullImage {
        max-width: 100%;
        height: auto;
    }

    /* Prevent horizontal overflow */
    body {
        overflow-x: hidden;
    }
}