/*************************
  Coppermine Photo Gallery
  ************************
  Copyright (c) 2003-2005 Coppermine Dev Team
  v1.1 originaly 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.
  
  This template based on the original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
  ********************************************
  Coppermine version: 1.4.3
  $Source: /cvsroot/coppermine/devel/themes/subsilver/style.css,v $
  $Revision: 1.3 $
  $Author: gaugau $
  $Date: 2005/10/25 02:17:01 $
  
**********************************************/

html, body {
	/* scroll bar colours for IE only*/
	 scrollbar-face-color: #DEE3E7;
	 scrollbar-highlight-color: #FFFFFF;
	 scrollbar-shadow-color: #DEE3E7;
	 scrollbar-3dlight-color: #D1D7DC;
	 scrollbar-arrow-color:  #006699;
	 scrollbar-track-color: #EFEFEF;
	 scrollbar-darkshadow-color: #98AAB1;
}

body  {
    background-color : #e5e5e5;
    padding-top : 0px;
}

font, th, td, p {
    font-family : Verdana, Arial, Helvetica, sans-serif;
}

th {
	color: #FFA34F;
	font-size: 10pt;
	font-weight : bold;
	height: 28px;
	background-image: url(images/cellpic3.gif);
	border: 1px solid #ffffff;
}

a {
    color: #006699;
	 text-decoration: none;
}

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

hr {
    height : 1px;
    border : 1px solid #d1d7dc;
    border-top-width : 1px;
}
img { border: none; }

table {
    font-size : 11pt;
    border: none;
}
h1 {
    font-weight : bold;
    font-size : 1.8em;
    font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-decoration : none;
    line-height : 120%;
    color : #000000;
    margin : 2px;
}
h1.pic_title {
    font-size: 110%;
}
h2 {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 1.44em;
    margin : 0;
}
h2.pic_caption {
    font-size: 100%;
}
h3 {
    font-weight : normal;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 1.22em;
    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 : Verdana, Arial, Helvetica, sans-serif;
    font-size : 100%;
    border : 1px solid #d1d7dc;
    padding-right : 3px;
    padding-left : 3px;
}

#menuprincipal {
	text-align: left;
	color: #fff;
	}
#menuprincipal a { color: #fff; font-size: 100%; margin-right: 10px; }
#menusecundari { margin-left: 8px; margin-top: 2px; font-size: 90%;}
#menusecundari a { margin-right: 10px; }
#llenguatge { font-size: 80%;}
.listbox {
    font-family : Verdana, Arial, Arial, Helvetica, 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 #005d8c;
    background-image : url(images/button_bg.gif);
    background-position : 50% 100%;
}
.comment_button {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 85%;
    border : 1px solid #005d8c;
    background-image : url(images/button_bg.gif);
    background-position : 50% 100%;
    padding-left : 3px;
    padding-right : 3px;
}
.radio {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 100%;
    vertical-align : middle;
}
.checkbox {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 100%;
    vertical-align : middle;
}
.bblink a {
    color : #0033cc;
    text-decoration : none;
}
.bblink a:hover {
    color : #0033cc;
    text-decoration : underline;
}
.maintable {
    border: 1px #006699 solid;
    background-color: #ffffff;
    margin-top : 1px;
    margin-bottom : 1px;
}
.tableh1 {
    padding-top : 3px;
    padding-right : 10px;
    padding-bottom : 3px;
    padding-left : 10px;
    color : #ffa34f;
    font-size : 10pt;
    font-weight : bold;
    /*background-color : #006699;*/
    height : 25px;
    background-image : url(images/cellpic4.gif);
	 text-align: center;
}
.tableh1_compact {
    background-image: url(images/cellpic1.gif);
    color : #006699;
    padding-top : 2px;
    padding-right : 5px;
    padding-bottom : 2px;
    padding-left : 5px;
    font-size: 90%;
}
.tableh2, .catrow_noalb {
    background-color: #d1d7dc;
    color : #000000;
    padding-top : 3px;
    padding-right : 10px;
    padding-bottom : 3px;
    padding-left : 10px;
	 text-align: left;
}
.tableh2_compact {
    background : #d1d7dc;
    color : #000000;
    padding-top : 2px;
    padding-right : 5px;
    padding-bottom : 2px;
    padding-left : 5px;
}
.tableb, .catrow {
    background : #efefef;
    padding-top : 3px;
    padding-right : 10px;
    padding-bottom : 3px;
    padding-left : 10px;
	 text-align: left;
}
.display_media {
        background-color: #efefef;
        padding: 3px 10px 3px 10px;
}
.tableb_compact {
    background : #efefef;
    padding-top : 2px;
    padding-right : 5px;
    padding-bottom : 2px;
    padding-left : 5px;
	 text-align: left;
	 font-size: 90%; 
}
.tablef {
	 background-color: #d1d7dc;
    padding: 5px;
}
.album_stat {
    font-size : 85%;
    margin : 5px 0;
}
.thumb_title {
    font-weight : bold;
    font-size : 76%;
    padding : 2px;
    display : block;
}
.thumb_filename {
        font-size: 76%;
        display: block;
}
.thumb_caption {
    font-size : 76%;
    padding : 1px;
    display : block;
}
.thumb_caption a {
    text-decoration : underline;
    color : #000000;
}
.thumb_num_comments {
    font-weight : normal;
    font-size : 76%;
    padding : 2px;
    font-style : italic;
    display : block;
}
.user_thumb_infobox {
    margin-top : 1px;
    margin-bottom : 1px;
}
.user_thumb_infobox th {
	color: #FFA34F;
	font-size: 9pt;
	font-weight : bold;
	height: 28px;
	background-image: url(images/cellpic3.gif);
	border: 1px solid #ffffff;
	margin-top : 1px;
	margin-bottom : 1px;
	text-align : center;
}
.user_thumb_infobox td {
    font-size : 80%;
    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: transparent;
    color : #ffffff;
    padding : 0;
    margin : 0;
}
.sortorder_options {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    background-color: transparent;
    color : #ffffff;
    padding : 0;
    margin : 0;
    font-weight : normal;
    font-size: 90%;
    white-space : nowrap;
}
.buttonlist ul li, .buttonlist ul li a {
display: inline;
}
.sortorder_cell { text-align: right; }
.navmenu {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size : 90%;
    font-weight : bold;
    background-image: url(images/cellpic3.gif);
    border: none;
}
.navmenu a { color: #fff; }
.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: #ffa34f;
}
.navmenu a:hover {
    background-color: #efefef;
    text-decoration: none;
	 color: #DD6900;
}
.admin_menu_thumb {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 85%;
    border : 1px solid #005d8c;
    background-image : url(images/button_bg.gif);
    background-position : 50% 100%;
    color : #000000;
    font-weight : bold;
    margin-top : 0;
    margin-bottom : 0;
    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 : 85%;
    border : 1px solid #005d8c;
    background-image : url(images/button_bg.gif);
    background-position : 50% 100%;
    color : #000000;
    margin-top : 0;
    margin-bottom : 0;
    text-align : center;
    display: inline;
}
.admin_menu a {
    color : #006699;
    text-decoration : none;
    position : relative;
    padding-top : 1px;
    padding-bottom : 1px;
    padding-left : 2px;
    padding-right : 2px;
}
.admin_menu a:hover {
    color : #FFA34F;
    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 : #000000;
    margin : 2px;
}
.imageborder {
    border : 1px solid #000000;
    background-color : #ffffff;
    margin-top : 30px;
    margin-bottom : 30px;
}
.thumbnails {
    background : #efefef;
    padding : 5px;
}
.footer {
    font-size : 9px;
}
.footer a {
    text-decoration : none;
    color : #000000;
}
.footer a:hover {
    color : #000000;
    text-decoration : underline;
}
.statlink, .statlink h2 {
    color: #fff;
    text-align: left; 
}
.statlink h2 { font-size: 1.3em; }
.statlink a, .statlink a:link, .statlink a:visited, .statlink a:active {
    color: #fff;
    text-decoration: none;
}
.statlink a:hover {
    color : #ffffff;
    text-decoration : underline;
}
.alblink {
    font-weight : bold;
    font-size : 11pt;
    color : #006699;
}
.alblink a {
    text-decoration : none;
    color : #006699;
}
.alblink a:hover {
    text-decoration : underline;
    color : #FFA34F;
}
.catlink {
    font-weight : bold;
    font-size : 11pt;
    color : #006699;
    display : block;
    margin-bottom : 2px;
}
.catlink a {
    text-decoration : none;
    color : #006699;
}
.catlink a:hover {
    text-decoration : underline;
    color : #FFA34F;
}
.topmenu {
    font-size : 10pt;
    color : #000000;
    line-height : 16px;
    display : block;
    margin-bottom : 6px;
}
.topmenu a {
    text-decoration : none;
    color : #006699;
}
.topmenu a:hover {
    text-decoration : none;
    color : #FFA34F;
}
.topmenu img {
    border : 0;
    margin : 0 3px 0 5px;
}
.img_caption_table {
    border: medium;
    background-color : #ffffff;
    width : 100%;
    margin : 0;
}
.img_caption_table th {
    color: #FFA34F;
	 font-size: 10pt;
	 font-weight: bold;
    padding-top : 4px;
    padding-right : 10px;
    padding-bottom : 4px;
    padding-left : 10px;
    height: 28px;
	 background-image: url(images/cellpic3.gif);
	 border: 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;
}
.debug_text {
    border : medium none #bdbebd;
    background-color : #efefef;
    width : 100%;
    margin : 0;
}
.clickable_option {
    border-bottom : 1px dotted blue;
}
.listbox_lang {
    color : #000000;
    background-color : #d1d7dc;
    border : 1px solid #d1d7dc;
    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);}

textarea#caption.elastic.textinput {
    overflow: visible;
    font-size: 90%;
    max-height: 1000px;
}