/*************************
  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 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
*/

/*.top_panel {
        background-image: url(images/top_panel_r1_c1b.gif);
        background-repeat: no-repeat;
        background-color: #FFFFFF;
        background-position: left;
}

.top_panel_r {
        background-image:url(images/top_panel_r1_c2.jpg);
        background-repeat:no-repeat;
        background-position:right;
}*/

#MENUS {
          background-image:url(images/top_panel_r2_c1b.gif);
          background-repeat: repeat-x;
          border-collapse: collapse;
          margin: 0 0;
          padding:0;
		width: 100%
}

#SUB_MENU {
	width: 100%;
	margin: 0 0;
}

#SUB_MENU a {
        white-space: nowrap;
	   line-height: 26px;
	   font-family: Tahoma, Arial, sans-serif;
	   font-weight: bold;
	   color: #ABA;
}
#SUB_MENU a:hover {
	color: #FFEB00;
}

#SYS_MENU {
        position: relative;
        width:700px;
        height:10px;
        z-index:1;
        text-align:center;
        margin: 2px auto;
        padding:0;
        visibility: visible;
	   color: #888;
}

#GAL_NAME {
          width:900px;
          height: 75px;
		position: relative;
          text-align: left;
		margin: 0 0 5px 10px;
		color: #FFEB00;
}

#GAL_NAME h1{
		font-size: 150%;
		margin: 30px 0 0 5px;
		padding-bottom:  0px;
		color: #FFEB00;
}

#GAL_NAME h3{  
		font-size: 120%;
		margin: 3px 0 0 5px;
		color: #FFF;
}

#GALLERY {
	padding: 0px;
	width: 100%;
	margin: 0;
	color: #CEC9BC;
}

#SELECT_LISTS, #SELECT_FLAGS {
        text-align: center;
	   height: 0px;
	   position: relative;
	   right: -270px;
	   top: -115px;
	   
}

#CUSTOM_FOOTER {
     width: 99.9%;
	margin: 0 0;
     padding:0px;
	text-align: center;
}

#CUSTOM_HEADER {
	padding: 0px;
	/*margin-top: -17px; /*removes the gap at the top of the page*/
}


a {
	color: #ABA;
	text-decoration: none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

a:link,a:active,a:visited {
	color: #ABA;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a:hover {
	color: #FFEB00;
	text-decoration: none;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body {
	/*background: #424A4D url(../../../images/main_background.jpg) center top no-repeat;*/
	background: #454545;
	margin:0px;
	padding: 0px;
}

body a:hover {
	color: #FFEB00;
	}

.page {
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	overflow: hidden;
	background: #303030;
}
	
font {
	font: 12px Arial, Helvetica, sans-serif;
	color: #9C9C9C;
}

h1{
	text-decoration: none;
	color: #757978;
	margin: 2px;
	font: bold 160% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	margin: 0px;
	color: #757978;
	font: bold 140% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	margin: 2px;
	color: #757978;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

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

p {
	margin: 2px 0px;
	font: 100% Arial, Helvetica, sans-serif;
	color: #9C9C9C !important;
}

table {
	font-size: 12px;
}

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

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

.admin_menu {
	border: 1px solid #454545;
	color: #757978;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	background: #303030 url(images/button_bg.gif) bottom;
	padding: 2px 1px;
}

.admin_menu a {
	color: #FFEB00 !important;
	text-decoration: none;
	display: block;
	font: 85%  Arial, sans-serif;
	position: relative;
	padding: 1px 2px;
}

.admin_menu a:hover {
	color: #7BD827 !important;
	text-decoration: none;
}

.admin_menu_thumb {
	border: 1px solid #757978;
	color: #757978;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 85px;
	font: bold 85% Arial, Helvetica, sans-serif;
	background: url(images/button_bg.gif) bottom;
}

.admin_menu_thumb a {
	color: #757978;
	text-decoration: none;
	display: block;
	position: relative;
	padding: 1px 10px;
}

.admin_menu_thumb a:hover {
	color: #333333;
	text-decoration: none;
}

.alblink a {
	text-decoration: none;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 145%;
	color: #149EED;
}

.alblink a:hover {
	text-decoration: none;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 145%;
	color: #FFEB00;
}

.album_stat {
	font-size: 120%;
	font-family: Verdana;
	margin: 10px 20px;
}

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

.bblink a:hover {
	color: #149EED;
	text-decoration: underline;
}

.button {
	border: 1px solid #757978;
	font: 100% Arial, Helvetica, sans-serif;
	background: url(images/button_bg.gif) bottom;
	color: #FFEB00;
}

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

.catlink a {
	text-decoration: none;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 145%;
	color: #149EED;
}

.catlink a:hover {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 145%;
	color: #FFEB00;
}

.catrow {
	background: #454545;
	font-family: Arial, Verdana, sans-serif;
	color: #9C9C9C;
	padding: 3px 5px;
}

.catrow_noalb {
	background: #404040;
	font-family: Arial, Verdana, sans-serif;
	color: #9C9C9C;
	padding: 3px 5px;
}

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

.clickable_option {
	cursor: default;
}

.comment_button {
	border: 1px solid #656565;
	padding-left: 3px;
	padding-right: 3px;
	font: 90% Arial, Helvetica, sans-serif;
	color: #FFEB00;
	background: url(images/button_bg.gif) bottom;
}
.comment_button:hover {
	
	border: 1px solid #A7A7A7;
}

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

.debug_text {
	border: #757978;
	width: 100%;
	margin: 0px;
	background: #EFEFEF;
}

.display_media {
	background: #292929;
	padding: 3px 10px;
}

.footer {
	font-size: 9px;
	color: #CEC9BC;
}

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

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

.image {
	border-style: solid;
	border-width: 5px;
	border-color: #222;
	margin: 2px 3px;
}

.imageborder {
	/*border: 1px solid #757978;*/
	margin-top: 10px;
	margin-bottom: 10px;
	background: #292929;
	color: #9C9C9C;
}

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

.img_caption_table td {
	background: #EFEFEF;
	border-top: 1px solid #FFFFFF;
	white-space: normal;
	padding: 6px 10px;
}

.img_caption_table th {
	background: #EFEFEF;
	font-size: 100%;
	color: #757978;
	border-top: 1px solid #FFFFFF;
	padding: 4px 10px;
}

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

.listbox_lang {
	color: #333333;
	border: 2px solid #666666;
	vertical-align: middle;
	font: 100% Arial, Helvetica, sans-serif;
	background: #F2F2F2;
}

.maintable {
	border: 1px solid #252525;
	margin: 5px auto;
	background: #454545;
	width: 99%;
}

.navmenu {
	color: #1290E8;
	background: url(images/cellpic3.gif);
	border-style: none;
	font: bold 130% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.navmenu a {
	display: block;
	text-decoration: none;
	color: #757978;
	padding: 2px 5px;
}

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

.navmenu img {
	margin: 1px 5px;
}

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

.sortorder_cell {
	color: #757978;
	padding: 0px;
	margin: 0px;
}

.sortorder_options {
	color: #ABA;
	padding: 0px 5px;
	margin: 0px;
	white-space: nowrap;
	font: 100% Tahoma, Arial, Helvetica, sans-serif;
}

.statlink {
	color: #149EED;
	font: 50% Tahoma, Arial, Helvetica, sans-serif;
}

.statlink a {
	text-decoration: none;
	color: #ABA;
	font: 110% Tahoma, Arial, Helvetica, sans-serif;
}

.statlink a:hover {
	color: #149EED;
	text-decoration: none;
	font: 110% Tahoma, Arial, Helvetica, sans-serif;
}

.tableb {
	background: #303030;
	padding: 3px 10px;
	color: #9C9C9C;
}

.tableb_compact {
	background: #363636;
	padding: 2px 5px;
	color: #9C9C9C;
}

.tablef {
	background: #454545;
	padding: 10px;
	color: #9C9C9C;
}

.tableh1 {
	background: url(images/cellpic3.gif);
	color: #555555;
	font: 160% "Trebuchet MS", Arial;
	padding: 3px 10px;
}

.tableh1_compact {
	background: url(images/cellpic3.gif);
	color: #666666;
	font: 110% "Trebuchet MS", Arial;
	padding: 2px 5px;
}

.tableh2 {
	background: url(images/cellpic1.gif);
	color: #757978;
	padding: 2px 10px;
}

.tableh2_compact {
	background: url(images/cellpic1.gif);
	color: #757978;
	padding: 2px 5px;
}

.textinput {
	border: 1px solid #EFEFEF;
	padding-right: 3px;
	padding-left: 3px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}

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

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

.thumb_filename {
	font: 100% Tahoma;
	display: block;
}

.thumb_num_comments {
	font-weight: normal;
	font: 100% Arial;
	color: #9C9C9C;
	padding: 2px;
	font-style: italic;
	display: block;
}

.thumb_title {
	font-weight: normal;
	font: 100% Tahoma;
	padding: 2px;
	display: block;
}

.thumbnails {
	background: #363636;
	padding: 5px;
	color: #9C9C9C;
}

.thumbnails :hover{
	border-color: #118FE9;
}

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

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

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

.user_thumb_infobox {
	margin-top: 1px;
	margin-bottom: 1px;
}

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

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

.user_thumb_infobox td {
	font-size: 80%;
	margin-top: 1px;
	margin-bottom: 1px;
	text-align: center;
}

.user_thumb_infobox th {
	font-weight: bold;
	font-size: 100%;
	margin-top: 1px;
	margin-bottom: 1px;
	text-align: center;
}

#vanity a {
        display:block;
        width:57px;
        height:20px;
        margin: 15px 20px;
}

#vanity {
	width: 400px;
	position: relative;
	margin: 0 auto;
}

#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);}