/*************************
  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.4
  $Source: /cvsroot/coppermine/stable/themes/water_drop/style.css,v $
  $Revision: 1.11 $
  $Author: gaugau $
  $Date: 2006/02/24 13:32:46 $
**********************************************/



body {
        
background: url(images/bg.png) repeat-x #fda01b;
 
font-family: Arial;
        
font-size : 11px;
        
color: #FFFFFF;
        
margin: 0px;

font-variant: small-caps;
text-transform: lowercase;
}



#buzz{
height:29px;
text-transform: none;
font-variant: normal;
}

table {
        
font-size : 11px;
}



h1{
        
font-weight: normal;
        
font-size: 12px;
        
font-family: Arial;
        
text-decoration: none;
        
line-height : 120%;
        
color: #09474d;
        
margin: 0px;
}



h2 {
        
font-family: Arial;

background-image : url(/images/star.png);
        
background-repeat : no-repeat;
        
background-position : left;
        
padding-left : 12px;
   
padding-right : 12px;
     
font-size: 12px;
        
margin: 0px;
}



h3 {
        
font-weight: normal;
        
font-family: Arial;
        
font-size: 12px;
        
margin: 2px;
}



p {
        
font-family: Arial;
        
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;
}



.textinput {
        
font-family: Arial;
font-size: 100%;
        
border: 1px solid #ed6c2b;
        
padding-right: 3px;
        
padding-left: 3px;
background-color:#e4b975;
color:
#d75113;}



.listbox {
        
font-family: Arial;
        
font-size: 100%;
        
border: 1px solid #ed6c2b;
        
vertical-align : middle;
}



.button {
        
font-family: Arial;
       
 font-size: 100%;
        
border: 1px solid #ed6c2b;
        
background-color:#e3e3e3;
}



.comment_button {
        
font-family: Arial;
       
 font-size: 100%;
        
border: 1px solid #ed6c2b;
        
background-color:#e3e3e3;
        
padding-left: 3px;
        
padding-right: 3px;
}



.radio {
        
font-family: Arial;
        
font-size: 100%;
        
vertical-align : middle;
}



.checkbox {
        
font-family: Arial;
        
font-size: 100%;
        
vertical-align : middle;
}



a {
        
color: #FFFFFF;
        
text-decoration: none;
        
font-weight:bold;
}



a:hover {
        
color: #FFFFFF;
        
text-decoration: underline;
        
font-weight:bold;
}



.bblink a {
        
color: #FFFFFF;
        
text-decoration: none;
        
font-weight:bold;
}



.bblink a:hover {
        
color: #FFFFFF;
        
text-decoration: underline;
        
font-weight:bold;
}



.maintable {
        
border: 1px solid #ed6c2b;
        
background-color:#e4b975;
}



.tableh1 {
        
font-weight:normal;
        
letter-spacing:1px;
        
background: url(images/bit.png) repeat-x #dfc395;
        
color: #FFFFFF;
        
padding-top: 5px;
        
padding-right: 15px;
        
padding-bottom: 5px;
        
padding-left: 15px;
}



.tableh1_compact {
        
font-family:  Arial;
        
background : #e4b975;
        
        
font-weight:normal;
        
letter-spacing:1px;
        
color: #FFFFFF;
        
padding-top: 5px;
        
padding-right: 15px;
        
padding-bottom: 5px;
        
padding-left: 15px;
}




.tableh2 {
        
background: url(images/bit.png) repeat-x #dfc395;


        color : #FFFFFF;
        
padding-top: 5px;
        
padding-right: 15px;
        
padding-bottom: 5px;
        
padding-left: 15px;
}



.tableh2_compact {
        
background: #e4b975;
        
color : #FFFFFF;
        
padding-top: 5px;
        
padding-right: 15px;
        
padding-bottom: 5px;
        
padding-left: 15px;
}





.tableb {
        
background: #e4b975;
        
padding-top: 5px;
        
padding-right: 15px;
        
padding-bottom: 5px;
 
padding-left: 15px;
}




.tableb_compact {
        
background: #e4b975;
}



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


.catrow_noalb {
        
background: #e4b975;
        
color : #de5514;
        
padding-top: 5px;
        
padding-right: 15px;
        
padding-bottom: 5px;
        
padding-left: 15px;
}



.catrow {
        
background: #e4b975;
        
color : #de5514;
        
padding-top: 5px;
        
padding-right: 15px;
        
padding-bottom: 5px;
        
padding-left: 15px;
}



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



.thumb_filename {
        
font-size: 10px;
        
display: block;
}



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


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


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


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


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


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



.sortorder_cell {

color: #FFFFFF;
        
font-size:9px;
        
text-transform:uppercase;
        
font-weight:normal;
        
letter-spacing:1px;
        
padding-top: 0px;
        
padding-bottom: 0px;
        
padding-left: 0px;
        
padding-right: 20px;
        
margin: 0px;
}



.sortorder_options {
        
font-family: Arial;
        
color: #FFFFFF;
        
font-size:9px;
        
text-transform:uppercase;
        
font-weight:normal;
        
letter-spacing:1px;
        
padding: 0px;
        
margin: 0px;
       
 font-weight: normal;
        
white-space: nowrap;
}



.navmenu {
        
font-family: Arial;
        
color: #FFFFFF;
        
font-weight: bold;
        
border-style: none;
background:#f1ab3c;
}



.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: #df6020;
}

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


.admin_menu_thumb {
        
font-family: Arial;
        
font-size: 90%;
        
color: #FFFFFF;
        
font-weight: bold;
        
margin-top: 0px;
        
margin-bottom: 0px;
        
width: 85px;
}

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



.admin_menu {
        
font-family: Arial;
        
font-size: 90%;
        
border: 1px solid #ed6c2b;
        
background-color: #e4b975;
        
color: #FFFFFF;
        
margin-top: 0px;
        
margin-bottom: 0px;
        
text-align: center;
}



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

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


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


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

.image {
        
border: 1px solid #e6a134;
              
margin: 5px;
padding:3px;

}

.image:hover {
        
border: 1px solid #df6020;
              

}






.imageborder {
      
margin-top: 30px;
        
margin-bottom: 30px;
}

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



.thumbnails {
        
background: #e4b975;
        
padding: 10px;
}



.footer {
        
font-size : 9px;
}


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


.footer a:hover {
        
color: #FFFFFF;
        
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: #FFFFFF;
}



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

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

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

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


.topmenu {
        
font-family: Arial;
        
line-height : 130%;
        
font-size : 110%;
}

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


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


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


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


.img_caption_table td {
        
background: #e4b975 ;
        
padding-top: 6px;
        
padding-right: 10px;
        
padding-bottom: 6px;
        
padding-left: 10px;
        
border-top : 1px solid #FFFFFF;

}



.debug_text {
        
border: #FFFFFF;
        
background-color: #98c7cb;
       
 width : 100%;
        
margin : 0px;
}



.clickable_option {
        
cursor : default;

}



.listbox_lang {
        
color: #FFFFFF;
        
background-color: #98c7cb;
        
border: 1px solid #00acbe;
        
font-size: 100%;
        
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);}