body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-color: #1C1F33;
        color: Black;
        margin: 0px;
}

a img {
        border: 0px;
}

table {
        font-size: 12px;
}

h1 {
        font-weight: bold;
        font-size: 22px;
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        line-height: 120%;
        color: #FFF;
        margin: 2px;
}

h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        margin: 0px;
}

h2 img.bigimage {
        max-width: 100%;
        display: block;
        height: auto;
        margin: auto;
}

h3 {
        font-weight: normal;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        margin: 2px;
}

p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        margin: 2px 0px;
}

ul {
        margin-left: 5px;
        padding: 0px;
}

li {
        margin-left: 10px;
        margin-top: 4px;
        margin-bottom: 4px;
        padding: 0px;
        list-style-position: outside;
        list-style-type: disc;
}

#art_gallery {
        max-width: 100%;
        display: block;
        height: auto;
}

.backlight {
        background-color: #000;
}

.desktop, .album_stat, .buttonlist, .tableb>p{ display: none; }





        .back {
                background-image: url('images/header_back.gif');
        }

        .wrap {
                max-width: 819px;
                margin-left: auto;
                margin-right: auto;
        }


        .header {
                border-top: 1px solid #fff;
                border-bottom: 1px solid #fff;
                background-image: url('images/gallery_header.gif');
                background-repeat: repeat;

        }

        /* background-color:#342F4D; */
        .textinput {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 100%;
                border: 1px solid #D1D7DC;
                padding-right: 3px;
                padding-left: 3px;
        }

        .listbox {
                font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
                font-size: 100%;
                border: 1px solid #D1D7DC;
                vertical-align: middle;
        }

        .button {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 100%;
                border: 1px solid #005D8C;
                background-image: url(images/button_bg.gif);
                background-position: bottom;
        }

        .radio {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 100%;
                vertical-align: middle;
        }

        .checkbox {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-size: 100%;
                vertical-align: middle;
        }

        a {
                color: #0033CC;
                text-decoration: none;
        }

        a:link {
                color: #0033CC;
                text-decoration: none;
        }

        a:visited {
                color: #0033CC;
                text-decoration: none;
        }

        a:focus {
                color: #0033CC;
                text-decoration: none;
        }

        a:active {
                color: #0033CC;
                text-decoration: none;
        }

        a:hover {
                color: #0033CC;
                text-decoration: underline;
        }

        .bblink a {
                color: #0033CC;
                text-decoration: underline;
        }

        .bblink a:hover {
                color: #0033CC;
                text-decoration: underline;
        }

        .maintable {
                /*       border: 1px solid #0E72A4;
                       background-color: #FFFFFF;*/
                background-color: #efefef;
                margin-top: 1px;
                margin-bottom: 1px;
                max-width: 800px;
        }

        .tableh1 {
                background: #342E53;
                color: #FFFFFF;
        }

        .tableh2 {
                background: #D1D7DC;
                color: #000000;
        }

        .tableb {
                background: #EFEFEF;
        }

        .tablef {
                background: #D1D7DC;
                padding: 10px;
        }

        .catrow_noalb {
                background: #D1D7DC;
                color: #000000;
        }

        .catrow {
                background: #EFEFEF;
        }

        .catrow_noalb, .catrow, .tableb, .tableh2, .tableh1  {
                padding: 2px 0px 2px 0px;
        }

        .album_stat {
                font-size: 12px;
                margin: 5px 0px;
        }

        .thumb_filename {
                font-size: 80%;
                display: block;
        }

        .thumb_title {
                font-weight: bold;
                font-size: 80%;
                padding: 2px;
                display: block;
        }

        .thumb_caption {
                font-size: 80%;
                padding: 1px;
                display: block;
        }

        .thumb_caption a {
                text-decoration: underline;
                color: #000000;
        }

        .thumb_num_comments {
                font-weight: normal;
                font-size: 80%;
                padding: 2px;
                font-style: italic;
                display: block;
        }

        .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: 80%;
                margin-top: 1px;
                margin-bottom: 1px;
                text-align: center;
        }

        .user_thumb_infobox a {
                text-decoration: none;
                color: #000000;
        }

        .user_thumb_infobox a:hover {
                color: #000000;
                text-decoration: underline;
        }

        .sortorder_cell {
                background: #342E53;
                color: #FFFFFF;
                padding: 0px;
                margin: 0px;
        }

        .sortorder_options {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                background: #342E53;
                color: #FFFFFF;
                padding: 0px;
                margin: 0px;
                font-weight: normal;
                font-size: 80%;
                white-space: nowrap;
        }

        .navmenu {
                font-family: Verdana, Arial, Helvetica, sans-serif;
                color: #FFFFFF;
                font-size: 100%;
                font-weight: bold;
                background: #000000;
                border-style: none;
        }

        .navmenu img {
                margin-top: 1px;
                margin-right: 5px;
                margin-bottom: 1px;
                margin-left: 5px;
        }

        .navmenu a {
                display: block;
                padding-top: 2px;
                padding-right: 5px;
                padding-bottom: 2px;
                padding-left: 5px;
                text-decoration: none;
                color: #FFFFFF;
        }

        .navmenu a:hover {

                text-decoration: none;
                color: #000000;
        }

        .admin_menu {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 85%;
                color: #000000;
                text-align: center;
        }

        a.admin_menu, .admin_menu a {
                border: 1px solid #005D8C;
                background-color: #FFF;
                background-position: bottom;
                color: #000000;
                text-decoration: none;
                display: block;
                position: relative;
                padding: 2px 4px 2px 4px;
                margin: 2px;

        }

        a.admin_menu:hover, .admin_menu a:hover {
                color: #000000;
                background-color: #aef;
        }

        .admin_float {
                float: left;
                margin-left: 1px;
                margin-right: 1px;
                margin-top: 1px;
                margin-bottom: 1px;
        }

        .admin_menu_wrapper {
                width: 100%;
        }

        td #admin_menu_anim {
                background-image: url(images/button_bg_anim.gif);
        }

        .comment_date {
                color: #5F5F5F;
                font-size: 90%;
                vertical-align: middle;
        }

        /* pseudo-classes for image links */
        a:link .image {
                border-style: solid;
                border-width: 1px;
                border-color: #000000;
                margin: 2px;
        }

        a:visited .image {
                border-style: solid;
                border-width: 1px;
                border-color: #840084;
                margin: 2px;
        }

        a:focus .image {
                border-style: solid;
                border-width: 1px;
                border-color: #000000;
                margin: 2px;
        }

        a:hover .image {
                border-style: solid;
                border-width: 1px;
                border-color: #0033CC;
                margin: 2px;
        }

        a:active .image {
                border-style: solid;
                border-width: 1px;
                border-color: #000000;
                margin: 2px;
        }

        .image {
                border-style: solid;
                border-width: 1px;
                border-color: #000000;
                margin: 2px;
        }

        .imageborder {
                border: 1px solid #000000;
                background-color: #FFFFFF;
                margin-top: 30px;
                margin-bottom: 30px;
        }

        .display_media {
                background: #EFEFEF;
                padding-top: 3px;
                padding-right: 10px;
                padding-bottom: 3px;
                padding-left: 10px;
        }

        .thumbnails {
                background: #EFEFEF;
                padding: 5px;
        }

        .footer {
                font-size: 9px;
        }

        .footer a {
                text-decoration: none;
                color: #000000;
        }

        .footer a:hover {
                color: #000000;
                text-decoration: underline;
        }

        .statlink {
                color: #FFFFFF;
        }

        .statlink a {
                text-decoration: none;
                color: #fc6;
                font-weight: bold;
        }

        .statlink a:hover {
                color: #fff;
        }

        .alblink a {
                text-decoration: underline;
                color: #000000;
        }

        .alblink a:hover {
                color: #000000;
                text-decoration: underline;
        }

        .catlink {
                display: block;
                margin-bottom: 2px;
        }

        .catlink a {
                text-decoration: none;
                font: bold 150%/100% Verdana, Ariel, san-serif;
                color: #000;
        }

        .catlink a:hover {
                text-decoration: underline;
                color: #c00;

        }

        .topmenu {
                line-height: 130%;
                position: relative;
                font-size: 10px;
                padding: 15px;
                text-align: center;
        }

        .topmenu a {
                background: #000;
                color: #FFFFFF;
                text-decoration: none;
                padding: 0px 5px;
                border: 1px solid #333;
        }

        .topmenu a:hover {
                color: #FFFFFF;
                background: #FF6600;
                border: 1px solid #FFFF00;
        }

        .admin_menu_thumb {
                line-height: 130%;
                font-size: 10px;
                padding: 15px;
                text-align: center;
                font-weight: bold;
        }

        .admin_menu_thumb a {
                background: #CC3300;
                color: #FFFFFF;
                text-decoration: none;
                padding: 2px 5px 2px 5px;
                border: 1px solid #990000;
        }

        .admin_menu_thumb a:hover {
                color: #FFFFFF;
                background: #FF6600;
                border: 1px solid #FFFF00;
        }

        .img_caption_table {
                border: none;
                background-color: #FFFFFF;
                width: 100%;
                margin: 0px;
        }

        .img_caption_table th {
                background: #D1D7DC;
                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: #EFEFEF;
                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;
        }

        .listbox_lang {
                color: #000000;
                background-color: #D1D7DC;
                border: 1px solid #D1D7DC;
                font-size: 80%;
                font-family: Arial, Helvetica, sans-serif;
                vertical-align: middle;

        }

.mainmenu {
        background-color: #000;
        color: #999;
        padding: 5px;
        height: 75px;
}

.mainmenu a {
        color: #FFFFFF;
}

.mainmenu a:hover {
        color: #FF6600;
}

.pic_title {
        color: #000000;
        font-size: 120%;
        font-family: Arial, Helvetica, sans-serif;
        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: #000000;
        font-size: 100%;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        line-height: 1.0em;
}

@media only screen and (min-width: 820px) {

        .catrow_noalb, .catrow, .tableb, .tableh2, .tableh1  {
                padding: 3px 10px 3px 10px;
        }


        .mainmenu {
                background-image: url('/images/resources_for_3d_artists.jpg');
                background-repeat: no-repeat;
                background-position: 100% 100%;
        }



        .cpg_message_info, .cpg_message_success, .cpg_message_warning, .cpg_message_error, .cpg_message_validation {
                border: 1px solid;
                margin: 10px 0px;
                padding: 15px 10px 15px 50px;
                background-repeat: no-repeat;
                background-position: 10px center;
        }

        .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: #FFFFFF;
                border: 5px solid #AAAAAA;
        }

        .desktop, .album_stat, .buttonlist, .tableb>p { display: block; }
}


@media only screen and (min-width: 1020px) {
        .backlight {
                background-image: url('/images/3d_background.gif');
                background-repeat: repeat-y;
                width: 1024px;
                margin-left: auto;
                margin-right: auto;
                height: 100%;
        }

        .topmenu {
                background-image: URL(images/image_gallery.jpg);
                background-repeat: no-repeat;
                background-position: 100% 0%;
        }
}