/*  
Theme Name: Lovely Natalia Dyer
Theme URI: https://natalia-dyer.net/photos
Author: Cristina
Author URI: http://www.secret-smile.com/
Description: Responsive Coppermine Theme developed by Secret Smile Design for Lovely Natalia Dyer
Version: 1.0
*/

html {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 *, *:before, *:after {
     -webkit-box-sizing: inherit;
     box-sizing: inherit;
}
 body, html {
     overflow-x: hidden;
}
 body, button, input, select, textarea, .tableb strong {
     color: #666666;
     font-size: 14px;
     line-height: 2.0;
     margin: 0;
     word-wrap: break-word;
}
 body {
     background-color: #fbf9fa;
}
/* Fonts */
 body, textarea, option, select, input, .thumb_title_title, .sortorder_cell {
     font-family: 'Karla', sans-serif;
     font-weight: 400;
}
 em, .tableh1, .statlink h2, .thumb_size, .statlink_bread g, #footer .disclaimer u {
     font-family: 'DM Serif Display', serif;
     font-weight: 400;
}
 h1, h2, h3, h4, h5, h6, .cpgnav, .catrow strong, #footer .disclaimer strong, .tableh1c, .thumb_caption_ctime, .nav, .menu-link, .catlink a, .alblink, .tableh1_info, .navmenu, #footer .inner {
     font-family: 'Raleway', sans-serif;
     font-weight: 500;
}
 a.menu-link:before {
     font-family: 'Font Awesome 6 Free';
     font-weight: 900;
}

/* ----------------- GENERAL STYLE ----------------- */

 a {
     color: #98A160;
     text-decoration: none;
     cursor: help;
}
 a:hover {
     color: #989898;
     text-decoration: none;
}
 a, .button, .buttonlist ul li a, .admin_menu {
     -webkit-transition: all .3s ease-in-out 0s;
     -moz-transition: all .3s ease-in-out 0s;
     -ms-transition: all .3s ease-in-out 0s;
     -o-transition: all .3s ease-in-out 0s;
     transition: all .3s ease-in-out 0s;
}
 h1, h2, h3, h4, h5, h6 {
     clear: both;
     margin-top: 10px;
     margin-bottom: 10px;
     line-height: 1.5;
     letter-spacing: 0;
     text-align: left;
}
 u {
     font-style: italic;
     border-bottom: 2px solid #98A160;
     position: relative;
     text-decoration-color: #98A160;
}
 #footer .disclaimer u {
     color: #1c1c1c;
     font-style: italic;
     text-decoration: none;
     border: 0;
     position: relative;
}
 #footer .disclaimer u:before {
     background-image: url(images/underlinebg.png);
     background-size: cover;
     background-repeat: no-repeat;
     content: "";
     position: absolute;
     bottom: -0.5rem;
     left: -0.5rem;
     right: -0.5rem;
     height: 0.75rem;
     z-index: -1;
}
 .catrow strong, #footer .disclaimer strong{
     font-weight: 700;
     font-size: 12px;
     position: relative;
     color: #1c1c1c;
     display: inline-block;
     text-transform: uppercase;
}
 .catrow strong:before, #footer .disclaimer strong:before {
     content: "";
     display: block;
     height: 20%;
     width: 100%;
     margin-left: -3px;
     margin-right: -3px;
     position: absolute;
     background: #BAC094;
     transform: rotate(2deg);
     bottom: 5px;
     left: 1px;
     border-radius: 20% 25% 20% 24%;
     padding: 10px 3px 3px 10px;
     z-index: -1;
}
 .catrow em, #footer .disclaimer em {
     text-decoration: none;
     color: #464646;
}
 p {
     margin: 14px 0;
     display: block;
     -webkit-margin-before: 1em;
     -webkit-margin-after: 1em;
     -webkit-margin-start: 0px;
     -webkit-margin-end: 0px;
}
 pre.filepath {
     margin: 0;
     padding: 0;
}
 ul, ol {
     margin: 0;
     padding: 0;
}
 li {
     margin: 0;
     padding: 0;
     list-style-position: outside;
}
 ul li {
     list-style-type: none;
}

/* ----------------- TOP ----------------- */

 #top-wrapper {
     width: 100%;
     float: left;
     margin: 0 auto;
}
 .top-menu-bar {
     margin: 30px auto;
     display: block;
     text-align: center;
}
/* Menus */
 .menu-link {
     display: none;
}
 .nav {
     margin: 0;
     padding: 0;
     text-align: center;
     display: inline-block;
     font-weight: 600;
}
 .nav ul {
     display: block;
     padding: 0 25px;
     margin: 0 auto;
     position: relative;
     letter-spacing: 1px;
}
 .nav li {
     display: inline-block;
     text-align: center;
     margin: 0 20px;
}
 .nav a {
     color: #464646;
     position: relative;
}
 .nav li a {
     font-size: 0.929em;
     text-decoration: none;
     text-transform: uppercase;
     margin: 0;
     text-align: center;
     padding: 0 5px;
     display: inline-block;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
}
 .nav a:hover, .nav a:active {
     color: #464646;
}
 .nav a:before {
     content: " ";
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     inset: 0 0 0 0;
     background: #C11112;
     z-index: -1;
     transition: transform 0.3s ease;
     transform: scaleX(0);
     transform-origin: bottom right;
}
 .nav a:hover:before {
     transform: scaleX(1);
     transform-origin: bottom left;
}

/* ----------------- CONTAINERS ----------------- */

 #wrapper {
     width: 100%;
     max-width: 1080px;
     margin: 0 auto;
     overflow: hidden;
}

/* ----------------- HEADER ----------------- */

 #ad {
     margin: 5px auto;
     width: 100%;
     align-items: center;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: center;
}
 #header {
     width: 100%;
     height: 450px;
     float: left;
     margin: 0 auto;
     background-image: url(images/header.png);
     background-position: center center;
     background-repeat: no-repeat;
}
 #mobile-header {
     display: none;
}

/* ----------------- TABLE ----------------- */

 #featured-wrapper {
     margin: 10px auto 30px auto;
     float: left;
     width: 100%;
     position: relative;
     text-align: center;
}
 .cpgnav {
     position: relative;
     max-width: 1080px;
     display: block;
     margin: 0 auto;
     padding: 20px 0 10px 0;
     text-align: center;
     text-transform: uppercase;
     font-size: 11px;
     position: relative;
     border-top: 5px solid #BAC094;
     border-bottom: 1px dashed #e3e3e3;
}
 .cpgnav a {
     padding: 0;
     line-height: 1.0em;
     color: #464646;
     margin: 1px 3px;
     display: inline-block;
}
 .cpgnav a:hover {
     color: #989898;
}
 .cpgnav:before {
     content: "";
     position: absolute;
     top: -5px;
     right: 0;
     width: 50%;
     height: 5px;
     background: #98A160;
}
 .cpgnav .divider {
     color: #BAC094;
     margin: 0 3px;
     font-weight: bolder;
}
 .container {
     margin: 0 auto;
     padding: 0;
}
 .cpgcontainer {
     margin: 10px auto 0 auto;
     width: 100%;
     float: left;
     overflow: hidden;
}
 .maintable {
     position: relative;
     margin: 0 auto;
     padding: 10px 0;
}
 .tableh1 {
     margin: 8px 0;
     font-size: 1.6em;
     font-style: italic;
     color: #464646;
     padding: 10px 0;
     border-top: 5px solid #BAC094;
     border-bottom: 1px dashed #e3e3e3;
     position: relative;
}
 .tableh1:before {
     content: "";
     position: absolute;
     top: -5px;
     left: 0;
     width: 10%;
     height: 5px;
     background: #98A160;
}
 .tableh1 .textinput, .tableh1 .button {
     font-size: 0.5em;
}
 .tableh1c {
     letter-spacing: 0.5px;
     text-transform: uppercase;
     line-height: 0.8;
}
 .tableh1c sep {
     display: inline-block;
     padding: 0 5px;
}
 .tableh1c .statlink {
     font-size: 10px;
     display: inline-block;
     padding: 0 5px;
     font-style: normal;
     color: #464646;
     line-height: 1.3;
}
 .cat_name {
     display: inline-block;
     padding: 0 15px;
}
 .tableh1_info {
     font-size: 10px;
     padding: 0 0 0 3px;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #464646;
     border-top: 1px dashed #e3e3e3;
     border-bottom: 1px dashed #e3e3e3;
}
 .tableh2 {
     font-size: 14px;
     padding: 5px 10px;
     border: 1px dashed #e3e3e3;
}
 .tableh3 {
     margin: 0;
     color: #666666;
     padding-bottom: 5px;
}
 .tableb {
     padding: 8px 10px 8px 22px;
}
 .tableb strong {
     color: #666666;
}
/* This class will be used in conjunction with class tableb: attributes not particularly (re)-assigned will be taken into account from tableb. */
/* It is being used to accomplish alternating row colors for lists. */
/* It's recommended to only assign another background color that slightly differs from the one defined in tableb */
 .tableb_alternate {
     background-color: transparent;
}
 .tablef {
     background-color: transparent;
     border: 1px dashed #e3e3e3;
     padding: 10px;
}

/* ----------------- FOOTER ----------------- */

 #footer {
     clear: both;
     max-width: 1080px;
     display: table;
     margin: 0 auto 10px auto;
     font-size: 13px;
     width: 100%;
     border-bottom: 1px dashed #e3e3e3;
     color: #464646;
}
 #footer a {
     color: #464646;
}
 #footer a:hover {
     color: #989898;
}
 #footer .inner {
     display: table-cell;
     width: 30%;
     float: left;
     padding: 25px 20px;
     text-align: center;
     text-transform: uppercase;
     border-top: 5px solid #BAC094;
}
 #footer .disclaimer {
     display: table-cell;
     width: 70%;
     float: right;
     padding: 25px 20px;
     border-left: 1px dashed #e3e3e3;
     border-top: 5px solid #98A160;
     color: #666666;
     text-align: justify;
}
 #scroll, #scroll:hover {
     position: fixed;
     margin: 0 auto;
     bottom: 0.9rem;
     right: 2.0rem;
     width: 40px;
     height: 32px;
     background: rgb(236 162 143 / 46%);
     color: #fbf9fa!important;
     border: 0;
     text-decoration: none;
     text-align: center;
     line-height: 32px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}

/* ----------------- FORMS ----------------- */

 input {
     background: transparent;
     border: 1px solid #e3e3e3;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}
 .textinput {
     font-size: 100%;
     background-color: transparent;
     border: 1px solid #e3e3e3;
     padding: 3px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}
 .listbox {
     vertical-align: middle;
     padding: 3px;
     background-color: transparent;
     border: 1px solid #e3e3e3;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}
 .radio {
     font-size: 100%;
     vertical-align: middle;
}
 .checkbox {
     font-size: 100%;
     vertical-align: middle;
     margin-right: 5px;
}
 .bblink a {
     text-decoration: none;
}
 .bblink a:hover {
     text-decoration: none;
}
 .comment_date {
     color: #666666;
     font-size: 90%;
     vertical-align: middle;
}

/* ----------------- NAVIGATION ----------------- */

 .admin_menu_wrapper {
     width: 100%;
     margin: 0 auto 15px auto;
     font-size: 0.769em;
     text-transform: uppercase;
}
 .admin_menu {
     background: transparent;
     border: 1px solid #e3e3e3;
     color: #666666;
     margin-top: 0px;
     margin-bottom: 0px;
     text-align: center;
     text-shadow: none;
     font-size: 0.846em;
     padding: 0 3px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}
 .admin_menu:hover {
     color: #666666;
     border: 1px dashed #e3e3e3;
}
 .admin_menu a {
     color: #666666;
     text-decoration: none;
     padding: 4px;
     text-shadow: none;
     margin: 1px;
     font-size: 1.077em!important 
}
 .admin_menu a:hover {
     text-decoration: none;
     text-shadow: none;
}
 .admin_float {
     float: left;
     margin-left: 1px;
     margin-right: 1px;
     margin-top: 1px;
     margin-bottom: 1px;
     display: block;
     position: relative;
     white-space: nowrap;
    /*width:100px;*/
}
 #admin_menu_anim {
     background-image: url(images/button_bg_anim.gif);
}
 .icon {
     vertical-align: middle;
     margin: 0 3px;
}
 .statlink h2 {
     color: #464646;
     font-style: italic;
     font-size: 15px;
}
 .statlink span {
     color: #666666;
     display: inline-block;
     position: relative;
     text-transform: uppercase;
     padding: 0 10px;
     letter-spacing: 1px;
}
 .statlink {
     font-style: italic;
     color: #989898;
     font-size: 14px;
}
 .statlink a {
     text-decoration: none;
     color: #989898;
}
 .statlink a:hover {
     text-decoration: none;
     color: #464646;
}
 .statlink_bread {
     display: block;
     padding: 0;
     text-align: center;
     letter-spacing: 0.5px;
     color: #464646;
     font-style: italic;
     margin-bottom: 15px;
}
 .statlink_bread a {
     color: #464646;
}
 .statlink_bread a:hover {
     color: #989898;
}
 .statlink_bread g {
     padding: 3px 10px;
}
 .stats {
     font-size: 10px;
}
 .alblink {
     color: #464646;
     line-height: 22px;
     padding: 2px 0;
     text-transform: uppercase;
     font-size: 13px;
}
 .alblink a {
     text-decoration: none;
     color: #464646;
}
 .alblink a:hover {
     color: #989898;
     text-decoration: none;
}
 .alblink:before {
     content: "";
     width: 8px;
     height: 8px;
     background: #BAC094;
     display: inline-block;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     border-radius: 100px;
     font-weight: bolder;
     margin-right: 5px;
}
 .alblink:hover:before {
     background: #98A160;
}
 .album_stat {
     font-size: 85%;
     margin: 5px 0px;
}
 .catrow_noalb, .catrow {
     border-bottom: 1px dashed #e3e3e3;
     padding: 5px 10px;
     font-size: 13px;
}
 .catrow .image {
     max-width: 10vw!important;
     height: auto!important;
     background: transparent!important;
     padding: 0!important;
     margin: 0 20px 0 0!important;
     border: 0!important;
     -webkit-border-radius: 5px!important;
     -moz-border-radius: 5px!important;
     border-radius: 5px!important;
     -webkit-filter: grayscale(0)!important;
     filter: grayscale(0)!important;
}
 .catlink {
     display: block;
     text-transform: uppercase;
     margin-bottom: 5px;
}
 .catlink a {
     display: inline-block;
     color: #464646;
     position: relative;
     font-weight: 700;
     font-style: italic;
}
 .catlink a:hover {
     color: #989898;
}
 .catlink a:before, .catlink a:after {
     content: "";
     position: absolute;
     height: 50%;
     width: 50%;
     z-index: -1;
     opacity: 0.6;
}
 .catlink a:before {
     left: 0;
     top: 0;
     background: #BAC094;
}
 .catlink a:after {
     right: 0;
     bottom: 0;
     background: #98A160;
}

/* ----------------- THUMBNAILS ----------------- */

 .button, .buttonlist ul li a {
     background-position: bottom;
     cursor: pointer;
     margin-right: 1px;
     white-space: nowrap;
     text-shadow: none;
     text-decoration: none;
     padding: 5px;
     text-transform: uppercase;
     font-size: 9px;
     font-weight: 700;
     letter-spacing: 1px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     background: #98A160;
     color: #fbf9fa;
     border: 0;
     -webkit-transition: all 300ms ease-in;
     -moz-transition: all 300ms ease-in;
     -ms-transition: all 300ms ease-in;
     -o-transition: all 300ms ease-in;
     transition: all 300ms ease-in;
}
 .button:hover, .buttonlist ul li a:hover {
     border: 0;
     background: #BAC094;
    ;
}
 .display_media {
     padding: 3px 10px;
}
 .display_media .image, .display_media .image:hover {
     max-width: 100%;
     height: auto;
     margin: 3px;
}
 .thumbnails {
     position: relative;
     padding: 10px 0 0 0;
}
 .thumbnails table td {
     padding: 12px 5px;
}
 .thumb_filename {
     display: block;
     width: 70%;
     margin: 0 0 3px 0;
     text-align: center;
}
 .thumb_title_views, .thumb_title_owner, .thumb_caption_ctime, .thumb_size, .thumb_caption_mtime, .thumb_num_comments, .thumb_caption_caption, .thumb_caption_msg_date, .thumb_caption_author, .thumb_caption_rating {
     display: block;
     padding: 0;
     margin: 0 0 4px 0;
     text-align: center;
     vertical-align: top;
}
 .thumb_title_views, .thumb_caption_mtime, .thumb_caption_ctime, .thumb_size, .thumb_num_comments, .thumb_caption_caption, .thumb_filename, .thumb_caption_msg_date, .thumb_caption_author, .thumb_title_owner, .thumb_caption_rating {
     width: 60%;
     overflow: hidden;
     font-size: 9px;
     text-transform: uppercase;
}
 .thumb_title_title {
     margin: 0 0 3px 0;
     line-height: 18px;
     padding: 0;
     font-size: 13px;
     font-weight: 500;
     text-align: center;
     display: block;
}
 .thumb_title_views {
     letter-spacing: 1px;
}
 .thumb_caption_ctime {
     color: #464646;
     letter-spacing: 1px;
}
 .thumb_size {
     letter-spacing: 1px;
     font-style: italic;
     margin-top: 3px;
     text-transform: none;
     background: #ffe5d3;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}
 .user_thumb_infobox {
     margin-top: 1px;
     margin-bottom: 1px;
}
 .user_thumb_infobox th {
     font-weight: bold;
     font-size: 100%;
     margin-top: 1px;
     margin-bottom: 1px;
     text-align: center;
}
 .user_thumb_infobox td {
     font-size: 85%;
     margin-top: 1px;
     margin-bottom: 1px;
     text-align: center;
}
 .user_thumb_infobox a {
     text-decoration: none;
}
 .user_thumb_infobox a:hover {
     text-decoration: none;
}
 .sortorder_cell {
     font-size: 10px;
     padding: 0 0 0 20px;
     margin: 0;
     color: #666666;
}
 .sortorder_options {
     padding: 0;
     margin: 0 2px;
     white-space: nowrap;
}
 .albnav {
     padding: 0 0 0 3px!important;
     font-size: 10px!important;
     letter-spacing: 1px;
     text-transform: uppercase;
}
 .navmenu {
     color: #464646;
     font-size: 0.846em;
     padding: 5px 1px;
     border-top: 1px dashed #e3e3e3;
     border-bottom: 1px dashed #e3e3e3;
}
 .navmenu img {
     margin: 1px 5px;
     padding: 0;
}
 .navmenu a {
     display: block;
     color: #464646;
}
 .navmenu a:hover {
     color: #989898;
}
 #tabs_dropdown_select {
     font-size: 10px;
     background: transparent;
     border: 1px solid #e3e3e3;
     color: #666666;
     margin-left: 3px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
}
 #tabs_dropdown_select0 {
     background: transparent;
     border: 1px solid #e3e3e3;
     color: #666666;
     font-size: 10px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
}

/* ----------------- IMAGES ----------------- */

 .image {
     border: none;
     margin: 2px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     object-fit:cover;
     object-position:50% 50%;
}
/* pseudo-classes for image links */
 a:link .image, a:visited .image {
     margin: 5px;
     padding: 0;
     border: none;
     background: transparent;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     object-fit:cover;
     object-position:50% 50%;
     -webkit-filter: grayscale(0);
     filter: grayscale(0);
     -webkit-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
}
 a:focus .image, a:hover .image, a:active .image {
     border: none;
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
}
/* pseudo-classes for middlethumb links */
 a:link .middlethumb, a:visited .middlethumb, a:focus .middlethumb, a:hover .middlethumb, a:active .middlethumb {
     border: none;
     background: transparent;
     margin: 1px;
     padding: 0;
     object-fit:cover;
     object-position:50% 50%;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}
 .imageborder {
     border: none;
     margin-top: 3px;
     margin-bottom: 3px;
}

/* ----------------- RESPONSIVE ----------------- */

 @media all and (max-width: 1024px) {
     body {
         overflow-x: hidden;
    }
     .top-menu-bar, .cpgnav, #wrapper, #footer {
         max-width: 97%;
    }
     .container {
         max-width: 100%;
    }
     .thumbnails .image {
         max-width: 15vw!important;
         height: auto;
    }
     .display_media .image {
         max-width: 70vw!important;
         height: auto;
    }
     .tableh1_info {
         font-size: 80%;
         padding: 3px;
    }
     .thumbnails {
         margin: 0!important;
    }
     .thumb_title_title, .thumb_title_views, .thumb_caption_ctime, .thumb_caption_mtime, .thumb_num_comments, .thumb_caption_caption, .thumb_filename, .thumb_title_owner {
         max-width: 15vw!important;
    }
     .strip_image {
         max-width: 10vw!important;
         height: auto;
    }
     #film {
         width: 100%!important;
    }
     #film .thumb a:link {
         width: 100%!important;
    }
     .navmenu a {
         display: inline-block;
         padding: 3px;
    }
     .navmenu {
         padding: 0 3px;
    }
}
 @media all and (max-width: 980px) {
     #header {
         display: none;
    }
     #mobile-header {
         display: block;
    }
     #mobile-header img {
         width: 100%;
         height: auto;
         margin: 0;
         padding: 0;
         border: 0;
    }
     .menu-wrapper {
         margin: 0 auto;
    }
     .thumb_size {
         max-width: 15vw!important;
    }
}
 @media all and (max-width: 900px) {
     .top-menu-bar {
         text-align: left;
         margin: 20px auto;
    }
     a.menu-link {
         display: inline-block;
         color: #464646;
         text-decoration: none;
         padding: 0;
         margin: 0 15px;
         text-align: left;
         letter-spacing: 1px;
         text-transform: uppercase;
         font-size: 13px;
    }
     a.menu-link:before {
         content: "\f0c9";
         margin-right: 5px;
         color: #e9e9e9;
    }
     .nav {
         clear: both;
         min-width: inherit;
         float: left;
         width: 100%!important;
         overflow: hidden;
         max-height: 0;
    }
     .nav.active {
         max-width: 100vw!important;
         max-height: 55em;
    }
     .nav ul {
         display: inline;
         padding: 0;
         margin: 0 auto;
    }
     .nav ul li > a {
         padding: 10px 15px;
    }
     .nav li, .nav > ul > li {
         display: block;
    }
     .nav li a {
         text-transform: uppercase;
         text-align: left;
         display: block;
         border-bottom: 1px dashed #e3e3e3;
    }
     .nav a:hover {
         color: #989898;
    }
     .nav a:before {
         display: none;
    }
     .tableh1_info {
         display: none;
    }
}
 @media all and (max-width: 800px) {
     .thumbnails .image {
         max-width: 13.5vw!important;
         height: auto;
    }
     .thumb_title_views, .thumb_size, .thumb_caption_ctime {
         letter-spacing: 0;
    }
     .thumb_caption_ctime {
         padding: 1px 3px;
    }
}
 @media all and (max-width: 640px) {
     .thumbnails .image {
         max-width: 13vw!important;
         height: auto;
    }
}
 @media all and (max-width: 600px) {
     .thumbnails .image {
         max-width: 12.9vw!important;
         height: auto;
         padding: 0!important;
    }
     #footer .inner {
         display: block;
         width: 100%;
    }
     #footer .disclaimer {
         display: block;
         width: 100%;
         border-left: 0;
    }
}
 @media all and (max-width: 480px) {
     .tableh1 {
         font-size: 1.3em;
    }
     .thumb_title_title, .thumb_title_views, .thumb_caption_ctime, .thumb_caption_mtime, .thumb_size, .thumb_num_comments, .thumb_caption_caption, .thumb_filename, .thumb_title_owner {
         max-width: 15vw!important;
    }
     .thumbnails .image {
         margin: 0!important;
    }
     .thumb_size {
         background: transparent;
    }
     .statlink span {
         letter-spacing: 0;
    }
}
 @media all and (max-width: 400px) {
     #footer .disclaimer u::before {
         display: none;
    }
     .thumbnails table td {
         padding: 12px 0;
    }
     .thumb_title_title, .catrow_noalb, .catrow {
         font-size: 12px;
    }
     .tableb {
         padding: 0;
    }
}
 @media all and (max-width: 360px) {
     .navmenu {
         padding: 0;
    }
     .maintable, .admin_menu_wrapper {
         padding: 7px;
    }
     .tableh1, .statlink_bread {
         font-size: 1.0em;
    }
     .tableb {
         padding: 0;
         font-size: 0.846em;
    }
     .thumb_title_title, .thumb_title_views, .thumb_caption_ctime, .thumb_caption_mtime, .thumb_size, .thumb_num_comments, .thumb_caption_caption, .thumb_filename, .thumb_title_owner {
         letter-spacing: -0.5px;
         max-width: 12vw!important;
         padding: 0;
    }
}
 @media all and (max-width: 320px) {
     .navmenu a {
         padding: 1px;
    }
     .tableb {
         font-size: 0.846em;
    }
     .cpgnav {
         padding: 0 5px;
    }
}


/* ----------------- CPG CSS ----------------- */
 .topmenu {
     line-height: 130%;
     font-size: 100%;
     text-shadow: none;
     Text-decoration: none;
}
 .topmenu a {
     text-decoration: none;
     text-shadow: none;
     text-decoration: none;
}
 .topmenu a:hover {
     text-decoration: none;
}
 .img_caption_table {
     border: none;
     background-color: #BE837C;
     width: 100%;
     margin: 0px;
}
 .img_caption_table th {
     background: #BE837C;
     font-size: 100%;
     color: #000000;
     padding-top: 4px;
     padding-right: 10px;
     padding-bottom: 4px;
     padding-left: 10px;
     border-top: 1px solid #FFFFFF;
}
 .img_caption_table td {
     background: #BE837C;
     padding-top: 6px;
     padding-right: 10px;
     padding-bottom: 6px;
     padding-left: 10px;
     border-top: 1px solid #FFFFFF;
     white-space: normal;
}
 .debug_text {
     border: #BDBEBD;
     background-color: #EFEFEF;
     width: 100%;
     margin: 0px;
}
 .clickable_option {
     cursor: default;
     margin-left: 5px;
}
 .listbox_lang {
     color: #000666;
     background-color: #F2F5F7;
     border: 1px solid #D1D7DC;
     font-size: 80%;
     vertical-align: middle;
}
 .pic_title {
     color: #434343;
     font-size: 100%;
     font-weight: bold;
     text-align: center;
     padding-top: 0px;
     padding-bottom: 0px;
     margin-top: 0px;
     margin-bottom: 0px;
     line-height: 1.0em;
}
 .pic_caption {
     color: #434343;
     font-size: 100%;
     font-weight: normal;
     text-align: center;
     padding-top: 0px;
     padding-bottom: 0px;
     margin-top: 0px;
     margin-bottom: 0px;
     line-height: 1.0em;
     background-color: transparent;
}
 .important {
    /* background-image : url(images/important.gif);     */
     color: red;
     font-weight: bold;
     padding-left: 1px;
     padding-right: 1px;
     padding-top: 3px;
     padding-bottom: 3px;
}
 #cpgChooseLanguageWrapper {
     float: left;
}
 #cpgChooseThemeWrapper {
     float: left;
}
 .filmstrip_background {
     background-color: transparent;
}
 .prev_strip {
     text-align: left;
}
 .next_strip {
     text-align: right;
}
/** Swfupload css **/
 div.fieldset {
     border: 2px solid #efefef;
     margin: 10px 0;
     padding: 20px 10px;
}
 div.fieldset span.legend {
     position: relative;
     padding: 3px;
     top: -30px;
     background-color: #efefef;
     text-shadow: 1px 1px 0 #efefef;
     font-weight: bold;
}
 div.flash {
     width: 375px;
     margin: 10px 5px;
     border-color: #efefef;
}
 input[disabled] {
     border: 1px solid #e3e3e3 
}
/* FF 2 Fix */
 .progressWrapper {
     width: 357px;
     overflow: hidden;
}
 .progressContainer {
     margin: 5px;
     padding: 4px;
     border: solid 1px #F0F0EE;
     background-color: #F0F0EE;
}
/* Message */
 .message {
     margin: 1em 0;
     padding: 10px 20px;
     border: solid 1px #FFDD99;
     background-color: #FFFFCC;
     overflow: hidden;
}
/* Error */
 .red {
     border: solid 1px #B50000;
     background-color: #FFEBEB;
}
/* Current */
 .green {
     border: solid 1px #DDF0DD;
     background-color: #EBFFEB;
}
/* Complete */
 .blue {
     border: solid 1px #CEE2F2;
     background-color: #F0F5FF;
}
 .progressName {
     font-size: 8pt;
     font-weight: 700;
     color: #555;
     width: 323px;
     text-align: left;
     white-space: nowrap;
     overflow: hidden;
}
 .progressBarInProgress, .progressBarComplete, .progressBarError {
     font-size: 0;
     width: 0%;
     height: 2px;
     background-color: blue;
     margin-top: 2px;
}
 .progressBarComplete {
     width: 100%;
     background-color: green;
     visibility: hidden;
}
 .progressBarError {
     width: 100%;
     background-color: red;
     visibility: hidden;
}
 .progressBarStatus {
     margin-top: 2px;
     width: 337px;
     font-size: 7pt;
     font-family: Arial;
     text-align: left;
     white-space: nowrap;
     color: #555;
}
 a.progressCancel {
     font-size: 0;
     display: block;
     height: 14px;
     width: 14px;
     background-image: url(../../images/cancelbutton.gif);
     background-repeat: no-repeat;
     background-position: -14px 0px;
     float: right;
}
 a.progressCancel:hover {
     background-position: 0px 0px;
}
 .swfupload {
     vertical-align: top;
}
/**styles for photo manager*/
 table#pic_sort tr td {
     padding: 4px;
     border-bottom: 1px solid #e9e9e9;
}
/** styles for album manager and photo album*/
 table#album_sort tr td {
     padding: 4px;
     border-bottom: 1px solid #e9e9e9;
}
 table#album_sort tr td span.editAlbum {
     margin-left: 100px;
     font-size: 10px;
     line-height: 100%;
     text-decoration: underline;
     cursor: pointer;
     display: none;
     color: #FF0000;
}
 .cpg_message_info, .cpg_message_success, .cpg_message_warning, .cpg_message_error, .cpg_message_validation {
     border: 1px solid;
     margin: 10px auto;
     padding: 15px 10px 15px 50px;
     background-repeat: no-repeat;
     background-position: 10px center;
     width: 97%;
}
 .cpg_message_info {
     color: #00529B;
     background-color: #BDE5F8;
     background-image: url('../../images/message/info.png');
}
 .cpg_message_success {
     color: #4F8A10;
     background-color: #DFF2BF;
     background-image: url('../../images/message/ok.png');
}
 .cpg_message_warning {
     color: #9F6000;
     background-color: #FEEFB3;
     background-image: url('../../images/message/warning.png');
}
 .cpg_message_error {
     color: #D8000C;
     background-color: #FFBABA;
     background-image: url('../../images/message/stop.png');
}
 .cpg_message_validation {
     color: #D63301;
     background-color: #FFCCBA;
     background-image: url('../../images/message/error.png');
}
 .cpg_summary {
     font-size: 0.9em;
     border: 1px solid;
     margin: 10px 0px;
     padding: 5px 10px 5px 10px;
     color: #FF2B9C;
     background-color: #FFDEEF;
     text-align: right;
     float: right;
     width: 400px;
}
 #GB_window {
     background-color: #F2F5F7;
     border: 5px solid #CCD7E0;
}
 .external {
     background: transparent url('../../images/link.gif') 100% 50% no-repeat;
     padding-right: 10px;
}
 .detail_head_collapsed, .detail_head_expanded {
     color: #5C5C5C;
}