/*************************
  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: /cvsroot/coppermine/stable/themes/classic/style.css,v $
  $Revision: 1.9 $
  $Author: gaugau $
  $Date: 2006/11/03 13:32:45 $
**********************************************/

/* Colors used in this style sheet:
   Hex 000000 = RBG   0,   0,   0 = black
   Hex 5F5F5F = RBG  95,  95,  95 = light black
   Hex BDBEBD = RBG 189, 190, 189 = dark grey
   Hex D1D7DC = RBG 209, 215, 220 = medium grey
   Hex CCCCCC = RBG 204, 204, 204 = medium grey
   Hex EFEFEF = RBG 239, 239, 239 = dark white
   Hex FFFFFF = RBG 255, 255, 255 = white
   Hex 005D8C = RBG   0,  93, 140 = dark blue
   Hex 0033CC = RBG   0,  91, 104 = medium blue
   Hex 0E72A4 = RBG  14, 114, 164 = light blue
*/

html {
	background:rgb(123,187,221);
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin:0;
	padding:0 10px 0 10px;
	border:0;
	height:100%;
	background:rgb(123,187,221);
	overflow-y:auto;
}

#page {
	margin:10px 0 10px 200px;
	display:block;
	border:2px solid #888;
	width:550px;
	background:#EFEFEF;
	padding:0px;
}

#admin_menu {
	margin:0 0 0 200px;
	display:block;
	width:550px;
	background:#EFEFEF;
	padding:0px;
}

#gal_footer {
	margin:0 0 0 200px;
	display:block;
	width:550px;
	text-align:center;
	background:#EFEFEF;
	padding:0px;
}

#header {
	width:550px;
	height:100px;
	background: url(images/header.jpg) no-repeat center center;
}

#page .gal_name {
	font-size:2.0em;
	color:#fff;
	padding-top:5px;
	text-align:left;
}

#page .gal_desc {
	font-size:1.2em;
	color:#fff;
	padding-top:2px;
	text-align:left;
}

#menu {
	display:block;
	top:50px;
	left:30px;
	width:130px;
	position:fixed;
	border:1px solid #888;
	padding:10px;
	text-align:left;
	font-size:1.2em;
	color:#fff;
}

* html #menu {
	position:absolute;
}

#menu a:visited, #menu a {
	display:block;
	width:120px;
	height:20px;
	margin:0 auto;
	border-top:1px solid #fff;
	border-bottom:1px solid #000;
	text-align:left;
	text-decoration:none;
	line-height:20px;
	color:#000;
}

#menu a:hover {
	background:#0E72A4;
	color:#fff;
}

.clear {
	clear:both;
}

#fixpic {
	display:block;
	width:150px;
	height:153px;
	position:fixed;
	bottom:0;
	left:0;
}

* html #fixpic {
	position:absolute;
}

table {
    font-size: 1.1em;
}

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

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

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

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

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

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

.textinput {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    border: 1px solid #D1D7DC;
    padding-right: 3px;
    padding-left: 3px;
}

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

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

.comment_button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    border: 1px solid #005D8C;
    background-image : url(images/button_bg.gif);
    background-position : bottom;
    padding-left: 3px;
    padding-right: 3px;
}

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

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

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

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

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

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

.maintable {
    background-color: #efefef;
}

.tableh1 {
    background : #0E72A4 ;
    color : #FFFFFF;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
}

.tableh1_compact {
    background : #0E72A4 ;
    color : #FFFFFF;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
}

.tableh2 {
    background: #D1D7DC ;
    color : #000000;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
}

.tableh2_compact {
    background: #D1D7DC ;
    color : #000000;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
}

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


.tableb_compact {
    background: #EFEFEF ;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
}

.tablef {
    background: #D1D7DC;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.catrow_noalb {
    background: #D1D7DC ;
    color : #000000;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;
}

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

.album_stat {
	    color: #888;
    font-size: 0.8em;
    margin: 5px 0px;
}

.thumb_filename {
    font-size: 0.8em;
    display: block;
}

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

.thumb_caption {
    font-size: 0.8em;
    padding: 1px;
    display : block;
}

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

.thumb_num_comments {
    font-weight: normal;
    font-size: 0.8em;
    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: 0.9em;
    margin-top: 1px;
    margin-bottom: 1px;
    text-align : center;
}

.user_thumb_infobox td {
    font-size: 1.0em;
    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 : #0E72A4 ;
    color : #FFFFFF;
    padding: 0px;
    margin: 0px;
}

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

.navmenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 0.9em;
    font-weight: bold;
    background : #0E72A4 ;
    border-style: none;
}

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

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

.navmenu a:hover {
    background : #EFEFEF ;
    text-decoration: none;
    color:     #000000;
}

.admin_menu_thumb {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    border: 1px solid #005D8C;
    background-image : url(images/button_bg.gif);
    background-position : bottom;
    color: #000000;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 85px;
}

.admin_menu_thumb a {
    color: #000000;
    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: #000000;
    text-decoration: underline;
}

.admin_menu {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: 1px solid #005D8C;
    background-color:#EFEFEF;
    background-image : url(images/button_bg.gif);
    background-position : bottom;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:1px;
    padding-right:1px;
    text-align: center;
}

.admin_menu a {
    color: #000000;
    text-decoration: none;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
}

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

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

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

.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 : 1.0em;
}

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

}

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

.statlink {
    color: #FFFFFF;
}

.statlink a {
    text-decoration: none;
    color: #FFFFFF;
}

.statlink a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.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: underline;
    color: #000000;
}

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

.topmenu {
    line-height : 130%;
    font-size: 1.2em;
}

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

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

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

.img_caption_table th {
    background: #D1D7DC ;
    font-size: 1.0em;
    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 : 1.2em;
    margin : 0px;
}

.clickable_option {
    cursor : default;
}

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

}
#vanity a {
    display:block;
    width:57px;
    height:20px;
    margin: 3px 10px;
}
#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);}