/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2006 Coppermine Dev Team
  v1.1 originally written by Gregory DEMAR

  This program is free software; you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation; either version 2 of the License, or
  (at your option) any later version.
  ********************************************
  Coppermine version: 1.4.10
  $Source$
  $Revision: 3275 $
  $Author: gaugau $
  $Date: 2006-09-03 12:10:47 +0200 (So, 03 Sep 2006) $
**********************************************/
/* Colors used:                                */
/* --------------------------------------------*/
/* Hex 000000 = RGB   0,  0,  0 = black        */
/* Hex 5F5F5F = RGB  95, 95, 95 = light black  */
/* Hex BDBEBD = RGB 189,190,189 = dark grey    */
/* Hex D1D7DC = RGB 209,215,220 = medium grey  */
/* Hex CCD7E0 = RGB 204,215,224 = light grey   */
/* Hex CBD7DE = RGB 203,215,222 = steel grey   */
/* Hex F2F5F7 = RGB 242,245,247 = dark white   */
/* Hex EFEFEF = RGB 239,239,239 = dark white   */
/* Hex FFFFFF = RGB 255,255,255 = white        */
/* Hex 000666 = RGB   0,  6,102 = dark blue    */
/* Hex 0033CC = RBG   0, 91,104 = medium blue  */
/* Hex 718EA5 = RGB 113,142,165 = light blue   */
/* Hex 8AA5B5 = RGB 138,165,181 = light blue   */
/* if you don't like a color, just do a search */
/* and replace on the hex color...             */
body {
    background: url(images/bg.gif);
    background-color: #F2F5F7;
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
    font-size: 12px;
    color: #000666;
    margin: 0
    }
table {
    font-size: 12px
    }
h1 {
    font-weight: normal;
    font-size: 21px;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    line-height: 120%;
    color: #718EA5;
    margin: 2px
    }
h2 {
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(images/box_left_icon.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 18px;
    font-size: 18px;
    margin: 0
    }
h3 {
    font-weight: normal;
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
    font-size: 12px;
    margin: 2px
    }
p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    margin: 2px 0
    }
ul {
    margin-left: 5px;
    padding: 0
    }
li {
    margin-left: 10px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 0;
    list-style-position: outside;
    list-style-type: disc
    }
.textinput {
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
    font-size: 100%;
    border: 1px solid #D1D7DC;
    padding-right: 3px;
    padding-left: 3px
    }
.listbox {
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, 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 #CCD7E0;
    background-image: url(images/button_bg.gif);
    background-position: bottom
    }
.comment_button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    border: 1px solid #CCD7E0;
    background-image: url(images/button_bg.gif);
    background-position: bottom;
    padding-left: 3px;
    padding-right: 3px
    }
.radio {
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
    font-size: 100%;
    vertical-align: middle
    }
.checkbox {
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
    font-size: 100%;
    vertical-align: middle
    }
a {
    color: #03C;
    text-decoration: none
    }
a:hover {
    color: #03C;
    text-decoration: underline
    }
.bblink a {
    color: #03C;
    text-decoration: none
    }
.bblink a:hover {
    color: #03C;
    text-decoration: underline
    }
.maintable {
    border: 1px solid #CCD7E0;
    background-color: #FFF;
    margin-top: 1px;
    margin-bottom: 1px
    }
.tableh1 {
    font-family: Verdana, Geneva, Arial, sans-serif;
    background: #8AA5B5;
    color: #FFF;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px
    }
.tableh1_compact {
    font-family: Verdana, Geneva, Arial, sans-serif;
    background: #8AA5B5;
    color: #FFF;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px
    }
.tableh2 {
    background: #CBD7DE;
    color: #000;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px
    }
.tableh2_compact {
    background: #CBD7DE;
    color: #000;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px
    }
.tableb {
    background: #F2F5F7;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px
    }
.tableb_compact {
    background: #F2F5F7;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px
    }
.tablef {
    background: #CBD7DE;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px
    }
.catrow_noalb {
    background: #CBD7DE;
    color: #000;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px
    }
.catrow {
    background: #F2F5F7;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px
    }
.album_stat {
    font-size: 85%;
    margin: 5px 0
    }
.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: #000
    }
.thumb_num_comments {
    font-weight: normal;
    font-size: 85%;
    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: 85%;
    margin-top: 1px;
    margin-bottom: 1px;
    text-align: center
    }
.user_thumb_infobox a {
    text-decoration: none;
    color: #000
    }
.user_thumb_infobox a:hover {
    color: #000;
    text-decoration: underline
    }
.sortorder_cell {
    background: #8AA5B5;
    color: #FFF;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 20px;
    margin: 0
    }
.sortorder_options {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: #8AA5B5;
    color: #FFF;
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 80%;
    white-space: nowrap
    }
.navmenu {
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
    color: #FFF;
    font-weight: bold;
    background: #8AA5B5;
    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: #FFF
    }
.navmenu a:hover {
    background: #F2F5F7;
    text-decoration: none;
    color: #000
    }
.admin_menu_thumb {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    border: 1px solid #CCD7E0;
    background-image: url(images/button_bg.gif);
    background-position: bottom;
    color: #000;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    width: 85px
    }
.admin_menu_thumb a {
    color: #000;
    text-decoration: none;
    display: block;
    position: relative;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 10px
    }
.admin_menu_thumb a:hover {
    color: #000;
    text-decoration: underline
    }
.admin_menu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    border: 1px solid #CCD7E0;
    background-image: url(images/button_bg.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    background-color: #FFF;
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center
    }
.admin_menu a {
    color: #000;
    text-decoration: none;
    display: block;
    position: relative;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px
    }
.admin_menu a:hover {
    color: #000;
    text-decoration: underline
    }
td #admin_menu_anim {
    background-image: url(images/button_bg_anim.gif)
    }
.comment_date {
    color: #5F5F5F;
    font-size: 90%;
    vertical-align: middle
    }
.image {
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    margin: 2px
    }
.imageborder {
    border: 1px solid #000;
    background-color: #FFF;
    margin-top: 30px;
    margin-bottom: 30px
    }
.display_media {
    background: #F2F5F7;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px
    }
.thumbnails {
    background: #F2F5F7;
    padding: 5px
    }
.footer {
    font-size: 9px
    }
.footer a {
    text-decoration: none;
    color: #000
    }
.footer a:hover {
    color: #000;
    text-decoration: underline
    }
.statlink {
    color: #FFF
    }
.statlink a {
    text-decoration: none;
    color: #FFF
    }
.statlink a:hover {
    color: #FFF;
    text-decoration: underline
    }
.alblink a {
    text-decoration: underline;
    color: #000
    }
.alblink a:hover {
    color: #000;
    text-decoration: underline
    }
.catlink {
    display: block;
    margin-bottom: 2px
    }
.catlink a {
    text-decoration: underline;
    color: #000
    }
.catlink a:hover {
    color: #000;
    text-decoration: underline
    }
.topmenu {
    font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
    line-height: 130%;
    font-size: 110%
    }
.topmenu a {
    color: #03C;
    text-decoration: none
    }
.topmenu a:hover {
    color: #03C;
    text-decoration: underline
    }
.img_caption_table {
    border: none;
    background-color: #FFF;
    width: 100%;
    margin: 0
    }
.img_caption_table th {
    background: #D1D7DC;
    font-size: 100%;
    color: #000;
    padding-top: 4px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
    border-top: 1px solid #FFF
    }
.img_caption_table td {
    background: #F2F5F7;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    border-top: 1px solid #FFF;
    white-space: normal
    }
.debug_text {
    border: #BDBEBD;
    background-color: #EFEFEF;
    width: 100%;
    margin: 0
    }
.clickable_option {
    cursor: default
    }
.listbox_lang {
    color: #000666;
    background-color: #F2F5F7;
    border: 1px solid #F2F5F7;
    font-size: 80%;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle
    }
#vanity a {
    display: block;
    width: 57px;
    height: 20px;
    margin: 3px 20px
    }
#vanity img {
    border: 0
    }
#v_php {
    float: left;
    background-image: url(../../images/powered-php.gif)
    }
#v_php:hover {
    background-image: url(../../images/h_powered-php.gif)
    }
#v_mysql {
    float: left;
    background-image: url(../../images/powered-mysql.gif)
    }
#v_mysql:hover {
    background-image: url(../../images/h_powered-mysql.gif)
    }
#v_xhtml {
    float: right;
    background-image: url(../../images/valid-xhtml10.gif)
    }
#v_xhtml:hover {
    background-image: url(../../images/h_valid-xhtml10.gif)
    }
#v_css {
    float: right;
    background-image: url(../../images/valid-css.gif)
    }
#v_css:hover {
    background-image: url(../../images/h_valid-css.gif)
    }