/* 
*   CSS specific to the gallery itself goes here
*   all other styling should go in a different stylesheet
*/

#gallery_container {
    width:705px;
    margin-left:auto;
    margin-right:auto;
    padding:0px;
    border:0px;
    position:relative;
    }
    
/* gallery title styles */
#gallery_title { color:#0065a4; font-size:19px; font-weight:bold; text-align:left; margin-right: auto; margin-bottom: 15px; }
#gallery_title_input_p {
    color:#000;
    font-family:arial,"sans serif";
    text-align:center;
    width:30em;
    display:none;
    }
#gallery_title_input {
    background-color:#fff;
    width:29em;
    }
/* main image div styles */
#main_image { width:500px; float:left; text-align:center; position:relative; }
#main_image img, #main_image p {
    margin:0px auto 0px auto;
    }
#delete {
    width:45%;
    color:#fff;
    background:#f00;
    text-align:center;
    position:absolute;
    left:27%;
    padding:3px;
    cursor:pointer;
    }
#caption { width:90%; padding:2px; color:#686666; font-size:11px; line-height: 14px; }
#caption_input_p {
    display:none;
    text-align:center;
    }
#caption_input {
    width:90%;
    }
.save {
    width:5em;
    color:#fff;
    background-color:#0f0;
    }
.cancel {
    width:5em;
    color:#fff;
    background-color:#f00;
    }

/* thumbnail div styles */
#thumbs_container {
    width:197px;
    padding:0px;
    margin:0;
    float:left;
    }
    
/* thumbnail styles */
.thumbs {
    margin:0px 5px 10px 5px;
    padding:0px;
    height:54px;
    width:54px;
    float:left;
    }
.thumbs img, #thumbs:visited img{
    border:2px solid #0065A4;
    }
.thumbs:hover img, #thumbs:active img {
    border:2px solid #f00;
    }
    
.navLink, .navLink:visited {
    color:#888;
    text-decoration:none;
    }
.navLink:hover, navLink:active {
    color:#f00;
    text-decoration:none;
    }
#upload_title {
    color:#0065A4;
    text-align:center;
    }
.caption, .file {
    margin:0px 0px 10px 0px;
    }
.inputContainer label {
    margin:10px auto 2px 2px;
    color:#0065A4;
    }
.inputContainer input {
    color:#0065A4;
    background:#fff;
    }
.inputContainer {
    text-align:left;
    float:left;
    width:49%;
    }
    
/* styles for gallery previews */
.subgallery_title { color:#0065a4; text-align:left; padding-top: 10px; padding-bottom: 15px; }
.gp { float:left; font-family: arial, "sans serif"; width:135px; margin-right: auto; margin-bottom: 10px; margin-left: 0; padding:5px; }
.gp_anchor {
    display:block;
    border:0px;
    text-align:center;
    padding:0px;
    margin:0;
    }
.gp_image {
    border:1px solid #0065A4;
    display:block;
    padding:0px;
    margin: 0 auto 0 auto;
    }
.gp_title { display:block; font-size:13px; font-weight: bold; margin:5px auto; }
.gp_placeholder {
    display:block;
    width:125px;
    height:127px;
    }
#gp_hr { width:690px; text-align:center; height:1px; background-color:#c6c5bb; clear:both; margin: 20px auto 15px; }
.delete_gallery {
    display:block;
    width:115px;
    margin:0 auto 10px 5px;
    padding:5px;
    color:#fff;
    background-color:#f00;
    cursor:pointer;
    }
.new_gallery_form {
    color:#0065A4;
    width:100%;
    clear:both;
    }
    
/* specific to brentmore site */
#gallery_row { background-color: #fff; }
#gallery_footer {
    background:#fff;
    }
#gallery_content { background-image: url(/images/sitewide/shadow_06.jpg); background-repeat: repeat-x; padding-top: 30px; border-top: 2px solid #d3c633; }
#sublinks { text-align: left; padding-top: 5px; padding-bottom: 25px; }
#featured_sublinks { text-align: left; padding-top: 10px; }