/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2009 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 version 3
  as published by the Free Software Foundation.
  
  ********************************************
  Coppermine version: 1.4.25
  $HeadURL: https://coppermine.svn.sourceforge.net/svnroot/coppermine/trunk/cpg1.4.x/themes/water_drop/style.css $
  $Revision: 5997 $
  $Author: gaugau $
  $Date: 2009-05-26 08:43:24 +0200 (Di, 26 Mai 2009) $
**********************************************/

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

#maincontainer{
width: 800px;
margin: 0 auto;
text-align:justify;
position:relative;
}


body {

	background:#f4f6f0;

	background-attachment: scroll;

	background-repeat: repeat-x;

font-family: Lucida Sans, Arial;

font-size : 11px;

line-height: 15px;

color: #808181;

margin: 0px;}



.welcome {

text-align: justify;

margin-bottom: 10px;

padding-top: 0px;

font-family: Lucida Sans;

font-weight: normal;

color: #F5F9F8;

text-transform: normal;

line-height : 18px;

font-size: 10px;}



.navigate {

text-align: right;

margin-top: 10px;

padding-top: 0px;

font-family: Geneva, Arial, Helvetica, sans-serif;

font-weight: none;

font-style:italic;

color: #bca3c1;

text-transform: none;

line-height : 14px;

font-size: 12px;}



.navigate a, .navigate a:link, .navigate a:visited {

color: #cac64b;

font-weight: normal;

font-style:italic;

text-transform: none;

text-decoration: none;}



.navigate a:hover {

color: #b2ae42;

font-weight: normal;

font-style:italic;

text-transform: none;

text-decoration: underline;}



table {

font-size : 11px;

line-height: 15px;}



h1 {

font-family: Arial;

line-height : 100%;

color: #c3b8a9;

margin: 0px;}



h2 {

font-family: Lucida Sans;

padding-left : 14px;

font-weight:bold;

font-size: 18px;

font-style: normal;

text-transform:none;

margin: 0px;

}



h3 {

font-weight: normal;

font-family: Arial;

font-size: 11px;

margin: 0px;}



p {

font-family: Lucida Sans;

font-size: 11px;

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



.textinput {

background: #ffffff;

border-bottom:1px solid #e4e4e7;

border-right:1px solid #e4e4e7;

-webkit-border-radius: 3px; 

border-radius: 3px;

-moz-border-radius:  8px; 

color: #808181;

font-family: Lucida Sans;

font-size: 90%;

padding: 4px;}



.listbox {

font-family: Lucida Sans;

font-size: 90%;

border: 1px solid #b9a777;

vertical-align : middle;}



.button {

background: #ffffff;

border-bottom:1px solid #e4e4e7;

border-right:1px solid #e4e4e7;

-webkit-border-radius: 3px; 

border-radius: 3px;

-moz-border-radius:  8px; 

color: #808181;

font-family: Lucida Sans;

font-size: 90%;

padding:4px;}



.comment_button {

background: #ffffff;

border-bottom:1px solid #e4e4e7;

border-right:1px solid #e4e4e7;

-webkit-border-radius: 3px; 

border-radius: 3px;

-moz-border-radius:  8px; 

color: #808181;

font-family: Lucida Sans;

font-size: 100%;

padding-left: 3px;

padding-right: 3px;}



.radio {

font-family: Lucida Sans;

font-size: 100%;

vertical-align : middle;}



.checkbox {

font-family: Lucida Sans;

font-size: 100%;

vertical-align : middle;}



a {

color: #262521;

text-decoration: none;}



a:hover {

color: #707f2a;

text-decoration: underline;}



bblink a {

color: #262521;

text-decoration: none;}



bblink a:hover {

color: #707f2a;

text-decoration: underline;}



.maintable {
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;}



.ztable {

padding: 18px;

margin-right:0px;

margin-top: 1px;

margin-bottom: 1px;}



.tableh1 {

	margin-left: 0px;

	margin-bottom: 5px;

	background: #707f2a;

	line-height: 15px;

	border: 1px #707f2a solid;

	font-family: Arial;

	font-style: normal;

	font-size: 16px;

	font-weight: normal;

	line-height: 11px;

	text-transform:none;

	padding: 10px;

	text-shadow: #707f2a 1px 1px 1px;

	letter-spacing:0px;
	
	-webkit-border-radius: 10px; 

	border-radius: 10px;

              -moz-border-radius:  20px;

	color: #ffffff;}



.tableh1_compact {

	margin-left: 0px;

	margin-bottom: 5px;

	background: #707f2a;

	line-height: 15px;

	border: 1px #707f2a solid;

	font-family: Arial;

	font-style: normal;

	font-size: 16px;

	font-weight: normal;

	line-height: 11px;

	text-transform:none;

	padding: 10px;

	text-shadow: #707f2a 1px 1px 1px;

	letter-spacing:0px;

	color: #ffffff;}



.tableh2 {

	margin-left: 0px;

	margin-bottom: 5px;

	background: #f0f0f0;

	line-height: 15px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-style: italic;

	font-size: 12px;

	font-weight: normal;

	line-height: 11px;

	text-transform:none;

	padding: 8px;
-webkit-border-radius: 10px; 

	border-radius: 10px;

              -moz-border-radius:  20px;

	color: #707f2a;}



.tableh2_compact {

	margin-left: 0px;

	margin-bottom: 5px;

	background: #f0f0f0;

	-webkit-border-radius: 5px; 

	border-radius: 5px;

	-moz-border-radius:  10px; 

	line-height: 15px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-style: italic;

	font-size: 12px;

	font-weight: normal;

	line-height: 11px;

	text-transform:none;

	padding: 8px;

	-webkit-border-radius: 10px; 

	border-radius: 10px;

              -moz-border-radius:  20px;

	color: #707f2a;}



.tableb {

padding-top: 3px;

padding-right: 10px;

padding-bottom: 3px;

padding-left: 10px;}



.tableb_compact {

padding-top: 2px;

padding-right: 5px;

padding-bottom: 2px;

padding-left: 5px;}





.tablef {

padding-top: 15px;

padding-right: 10px;

padding-bottom: 10px;

padding-left: 10px;}



.catrow_noalb {

	-webkit-border-radius: 10px; 

	border-radius: 10px;

	-moz-border-radius:  15px; 

border-bottom:1px solid #f8f7f5;

border-right:1px solid #f8f7f5;

padding-top: 8px;

padding-right: 5px;

padding-bottom: 8px;

padding-left: 5px;}



.catrow {

	-webkit-border-radius: 10px; 

	border-radius: 10px;

	-moz-border-radius:  15px; 

border-bottom:1px solid #f8f7f5;

border-right:1px solid #f8f7f5;

padding-top: 8px;

padding-right: 5px;

padding-bottom: 8px;

padding-left: 5px;}



.catrow_noalb:hover {

background: #ffffff;

border-bottom:1px solid #e4e4e7;

border-right:1px solid #e4e4e7;

-webkit-border-radius: 10px; 

border-radius: 10px;

-moz-border-radius:  15px; 

padding-top: 8px;

padding-right: 5px;

padding-bottom: 8px;

padding-left: 5px;}



.catrow:hover {

background: #ffffff;

border-bottom:1px solid #e4e4e7;

border-right:1px solid #e4e4e7;

-webkit-border-radius: 10px; 

border-radius: 10px;

-moz-border-radius:  15px; 

padding-top: 8px;

padding-right: 5px;

padding-bottom: 8px;

padding-left: 5px;}



.album_stat {

font-size : 85%;

margin: 5px 0px;}



.thumb_filename {

font-size: 80%;

display: block;}



.thumb_title {

font-weight : bold;

font-family:Georgia;

font-size: 80%;

padding: 2px;

display : block;}



.thumb_caption {

background: #ffffff;

border-bottom:1px solid #e4e4e7;

border-right:1px solid #e4e4e7;

-webkit-border-radius: 3px; 

border-radius: 3px;

-moz-border-radius:  8px; 

font-size: 80%;

color:#b2ae42;

padding: 4px;

margin-left:7px;

margin-right:7px;

display : block;}



.thumb_caption a {

text-decoration: none;

color: #8f8f8f;}



.thumb_num_comments {

font-family:Georgia;

font-weight: normal;

font-size: 85%;

padding: 3px;

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: #8f8f8f;}



.user_thumb_infobox a:hover {

color: #8f8f8f;

text-decoration: none;}



.sortorder_cell {

color: #fbfcfd;

padding-top: 0px;

padding-bottom: 0px;

padding-left: 0px;

padding-right: 10px;

text-transform:uppercase;

letter-spacing:0px;

margin: 0px;}



.sortorder_options {

font-family: Verdana;

text-transform:uppercase;

letter-spacing:0px;

color: #fbfcfd;

padding: 0px;

margin: 0px;

font-size: 9px;

white-space: nowrap;}





.navmenu {


padding: 5px;


font-size: 9px;


font-family: Verdana;


background: #707f2a;


-webkit-border-radius: 5px; 


border-radius: 5px;


-moz-border-radius:  10px; 


line-height: 15px;


border-top: 1px #dadada solid;


border-bottom: 1px #c1c1c1 solid;


color: #ffffff;


font-weight: normal;


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: transparent;


text-decoration: none;


color: #ffffff;}





.navmenu a img {


border: 0px;


padding: 0px;}





.navmenu a img:hover {


border: 0px;

padding: 0px;}





.admin_menu_thumb {

font-size: 80%;

background: #ffffff;

border-bottom:1px solid #e4e4e7;

border-right:1px solid #e4e4e7;

-webkit-border-radius: 3px; 

border-radius: 3px;

-moz-border-radius:  8px; 

color: #707f2a;

font-weight: none;

padding:2px;

margin-top: 0px;

margin-bottom: 0px;

width: 85px;}



.admin_menu_thumb a {

color: #707f2a;

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: #707f2a;

text-decoration: underline;}



.admin_menu {

font-size: 80%;

font-weight: none;

background: #ffffff;

border-bottom:1px solid #e4e4e7;

border-right:1px solid #e4e4e7;

-webkit-border-radius: 3px; 

border-radius: 3px;

-moz-border-radius:  8px; 

color: #707f2a;

margin-top: 0px;

margin-bottom: 0px;

padding:2px;

text-transform: normal;

text-align: center;}



.admin_menu a {

color: #707f2a;

text-decoration: none;

display: block;

position: relative;

padding-top: 1px;

padding-bottom: 1px;

padding-left: 2px;

padding-right: 2px;}



.admin_menu a:hover {

color: #707f2a;

text-decoration: underline;}



td #admin_menu_anim {

}



.comment_date{

color : #dcccde;

font-size: 90%;

vertical-align : middle;}



.comment_date a img {

border: 0px;

padding: 0px;}



.comment_date a img:hover {

border: 0px;

padding: 0px;}



.image {

-webkit-border-radius: 3px; 

border-radius: 3px;

-moz-border-radius:  8px; 

border: 1px solid #e6e6e6;

background: #f8f9f3;

background-repeat: repeat;

padding: 4px;}




.image:hover {

-webkit-border-radius: 3px; 

border-radius: 3px;

-moz-border-radius:  8px;
 
border: 1px solid #83963b;

background: #f8f9f3;

padding: 4px;}




.imageborder {

padding: 4px;

margin: 2px;

margin-top: 30px;

margin-bottom: 30px;}



.imageborder:hover {

padding: 4px;

margin: 2px;

margin-top: 30px;

margin-bottom: 30px;}



.display_media {

padding-top: 3px;

padding-right: 10px;

padding-bottom: 3px;

padding-left: 10px;}



.thumbnails {

padding: 5px;}



.footer {

font-size : 9px;}



.footer a {

text-decoration: none;

color: #8f8f8f;}



.footer a:hover {

color: #8f8f8f;

text-decoration: underline;}



.statlink {

font-weight: normal;

color: #ffffff;}



.statlink a {

text-decoration: none;

color: #ffffff;}



.statlink a:hover {

color: #f7f8fb;

text-decoration: underline;}



.alblink a {

font-weight:normal;

text-decoration: none;

color: #707f2a;

}



.alblink a:hover {

font-weight:normal;

text-decoration: none;

border-bottom: 1px dotted #707f2a;

color: #f25f69;

}





.catlink {

font-family: Rockwell;

color: #707f2a;

font-weight: bold;

text-transform: uppercase;

line-height : 17px;

font-size: 10px;

font-weight: normal;

display: block;

padding: 0px;

}



.catlink a {
background-repeat: no-repeat;
background-position : left;
padding-left: 3px;

font-weight: bold;

font-style:italic;

text-decoration: none;

color: #707f2a;

}



.catlink a:hover {
background-repeat: no-repeat;
background-position : left;
padding-left: 3px;


font-weight: bold;

font-style:italic;

color: #b2ae42;

text-decoration: none;

}



.topmenu {

font-family: Trebuchet MS, Geneva, Arial, sans-serif;

line-height : 130%;

font-size : 110%;}



.topmenu a {

color : #825c00;

text-decoration : none;}



.topmenu a:hover  {

color : #000000;

text-decoration : underline;}



.img_caption_table {

border: none;

width : 100%;

margin : 0px;}



.img_caption_table th {

font-size : 100%;

color : #000000;

padding-top: 4px;

padding-right: 10px;

padding-bottom: 4px;

padding-left: 10px;}



.img_caption_table td {

padding-top: 6px;

padding-right: 10px;

padding-bottom: 6px;

padding-left: 10px;

white-space: normal;}



.debug_text {

border: #BDBEBD;

width : 100%;

margin : 0px;}



.clickable_option {

cursor : default;}



.listbox_lang {

color: #8f8f8f;

border: 1px solid #808080;

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