/*************************
  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.5
  $Source: /cvsroot/coppermine/stable/themes/toninho/style.css,v $
  $Revision: 1.0 $
  $Author: realz $
  $Date: 2006/08/01 00:00:00 $
**********************************************/

/* Colors used in this style sheet:
    Hex 000000 = RBG   0,   0,   0 = black
    Hex 222222 = RBG  34,  34,  34 = black
    Hex 343333 = RBG  52,  51,  51 = black
    Hex 3F3F3F = RBG  63,  63,  63 = light black
    Hex 454444 = RBG  69,  68,  68 = light black
    Hex 4A4A4A = RBG  74,  74,  74 = dark grey
    Hex 5F5F5F = RBG  95,  95,  95 = dark grey
    Hex 666666 = RBG 102, 102, 102 = dark grey
    Hex 838383 = RBG 131, 131, 131 = medium grey
    Hex BDBEBD = RBG 189, 190, 189 = medium grey
    Hex BFC0C3 = RBG 191, 192, 195 = medium grey
    Hex C6B78E = RBG 198, 183, 142 = beige
    Hex E6E6E6 = RBG 230, 230, 230 = light grey
    Hex EFEFEF = RBG 239, 239, 239 = light grey
    Hex F0AF00 = RBG 240, 175,   0 = orange
    Hex ff0000 = RBG 255,   0,   0 = red
    Hex FFFFCC = RBG 255, 255, 204 = light yellow
    Hex FFFFFF = RBG 255, 255, 255 = white
*/

/* Foreground color definition */

/* Menu Inicial */
.menu_left{ background-image: url(images/left_menu_button.jpg);	
background-position: left; 
background-repeat: no-repeat; 
line-height: 25px; 
padding-left: 0px;
padding-right: 0px; 
padding-top:0px; 
padding-bottom: 0px;}
		
.menu_right{background-image: url(images/right_menu_button.jpg); 
background-position: left; 
background-repeat: no-repeat;
line-height: 25px;
padding-left: 0px;
padding-right: 0px;
padding-top:0px; 
padding-bottom : 0px;}

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

.top_menu_left_bttn{ white-space:nowrap;}
.top_menu_left_bttn a{ background-image: url(images/menu_button.gif);
padding-left: 2px;
padding-right: 8px;
padding-top: 0px;
padding-bottom: 0px;
display: block; 
line-height: 25px;
text-decoration: none;
color: #ffffff; 
font-size: 12px;}
		
.top_menu_left_bttn a:hover{ background-image: url(images/menu_button_over.gif); 
background-position: left; 
text-decoration: none; 
color: #FFFFFF}
		
.top_menu_right_bttn{ white-space:nowrap;}
.top_menu_right_bttn a{ background-image: url(images/menu_button.gif);
background-repeat: repeat; 
display: block; 
height: 25px; 
line-height: 25px;
padding-right: 2px;
padding-left: 8px;
padding-top: 0px;
padding-bottom: 0px; 
text-decoration: none; 
color: #FFFFFF; 
font-size: 12px;}
		
.top_menu_right_bttn a:hover{ background-image: url(images/right_menu_button_over.gif);
background-position: right; 
background-repeat: no-repeat;
text-decoration: none;	
color: #FFFFFF}
		
.top_menu_bttn{ white-space:nowrap;}
.top_menu_bttn a{ background-image: url(images/menu_button.gif);
background-position: left; 
display: block; 
height : 25px; 
line-height: 25px;
padding-left: 8px;
padding-right: 8px;
padding-top: 0px;
padding-bottom: 0px;
text-decoration: none;
color: #FFFFFF;
font-size: 12px;}
		
.top_menu_bttn a:hover{ background-image: url(images/menu_button_over.gif);
text-decoration: none;
color: #FFFFFF}
		
/* Menu de Admin */	
.admin_menu_thumb{ font-size: 90%;
background-image: url(images/menu_button.gif); 
background-position: bottom;
font-weight: bold; 
margin-top: 0px; 
margin-bottom: 0px;
width: 85px;}

.admin_menu_thumb a{ text-decoration: none;
display: block;
position: relative;
padding-top: 1px; 
padding-bottom: 1px; 
padding-left: 10px; 
padding-right: 10px;}

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

.admin_menu{ font-size: 10px;
white-space:nowrap; 
margin-top: 0px; 
margin-bottom: 0px; 
text-align: center;
}

.admin_menu a{ background-image: url(images/menu_button.gif); 
background-position: left; 
display: block; 
height : 25px; 
background-repeat:repeat-x;
line-height:25px;
/*position: relative; */
padding-top: 1px; 
padding-bottom: 1px; 
padding-left: 2px; 
padding-right: 2px; 
color: #ffffff; 
text-decoration:none; background-color:#4E4E4E; }

.admin_menu a:hover{ background-image : url(images/menu_button_over.gif);
 text-decoration: none; 
 color: #FFFFFF}

td #admin_menu_anim{ }
		
/* Menu de Sys */	
.sys_menu {color: #ffffff;
font-size: 10px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;}
.sys_menu a{ color: #ffffff; text-decoration: none;}
.sys_menu a:hover{ color: #F0AF00; text-decoration: none;}
		
		
body { color : #C6B78E; 
background-color: #4E4E4E; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
margin: 10px 0px;
padding: 0px;
margin-right: 0px;
margin-left: 0px;
padding-right: 0px;
padding-left: 0px; }

a:hover, .bblink a:hover, .user_thumb_infobox a:hover, .alblink a:hover, .catlink a:hover { color : #F0AF00; text-decoration: none;}

.footer, .footer a, .footer a:hover { color : #4E4E4E; font-size:xx-small; visibility: hidden;}

.tableh1, .tableh1a, .tableh1_compact, .navmenu, .navmenu a, .sortorder_cell, .sortorder_options, .statlink, .statlink a, .statlink a:hover { color : #C6B78E; }

.tableh2, .tableh2_compact, .catrow_noalb { color : #FFFFCC; }

.textinput, .listbox, .radio, .checkbox { color: #FFFFCC; }

.alblink, .alblink a, .catlink, .catlink a { color : #C6B78E; text-decoration: none;}

a,  .bblink a, .user_thumb_infobox a  { color: #FFFFCC; }

.button, .comment_button, .admin_menu_thumb, .admin_menu_thumb a, .admin_menu_thumb a:hover, .admin_menu, .admin_menu a, .admin_menu a:hover { color : #FFFFFF; text-decoration: none;}

.comment_date { color : #5F5F5F; }


/* Background colors definition */
.textinput, .listbox, .radio, .checkbox { background-color: #4A4A4A; }

.tableh1, .tableh1_compact, .navmenu, .navmenu a, .navmenu a:hover  { background : #3F3F3F ; }

.tableh2, .catrow_noalb, .tableh2_compact, .tablef, .img_caption_table th { background : #343333 ; }

.tableb, .catrow, .display_media, .tableb_compact, .thumbnails, .img_caption_table td { background : #454444 ; }


/* Borders for input controls */
.textinput, .listbox, .button, .comment_button, .admin_menu_thumb  { border: 1px solid #666666; }
.image { border: 0px solid #000000; }
.imageborder { border: 0px solid #000000; background-color:#000000; margin-top: 30px; margin-bottom: 30px; }
.image1 { border: 0px solid #ff0000; }

.maintable, .maintablea, .maintableb { background-color: #222222; }
.img_caption_table th, .img_caption_table td { border-top : 1px solid #000000; }

/* Fonts definition */
.tableh1, .tableh1a, .catlink, .tableh2, .catrow_noalb { font-family: Verdana, Arial, Helvetica, sans-serif; }
.textinput, .listbox, .radio, .checkbox { font-family: Verdana, Arial, Helvetica, sans-serif; }
.button, .comment_button, .sortorder_options, .admin_menu_thumb { font-family: Verdana, Arial, Helvetica, sans-serif; }

table { font-size : 12px; }



h1{     font-weight: normal;
        font-size: 28px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        padding-left : 20px;
        color: #FFFFFF;
        margin: 2px; }

h2 {    font-family: Arial, Helvetica, sans-serif;
        background-image : url(images/box_left_icon.gif);
        background-repeat : no-repeat;
        background-position : left;
        padding-left : 18px;
        font-size: 18px;
        margin: 0px; }

h3 {    font-weight: normal;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        padding-left : 20px;
        color: #F0AF00;
        margin: 2px; }

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

.top_panel {    background-image: url(images/top_panel_r1_c4.jpg);
                background-repeat : repeat-x;
                border-collapse:collapse;
                margin: 0;
                padding: 0;}

.top_panel_left { margin: 0;
                padding: 0;}


.top_panel_right { margin: 0;
                padding: 0;}



.top_panel_btm { background: #4A4A4A;
            background-image: url(images/top_panel_r2_c3.jpg);
            background-repeat : no-repeat;
            background-position:right;
            padding-top : 0;
            padding-bottom : 0;}



.textinput { font-size: 100%;
        padding-right: 3px;
        padding-left: 3px;}

.listbox { font-size: 100%;
        vertical-align : middle;}

.button { font-size: 100%;
        background-image : url(images/button_bg.gif);
        background-position : bottom;}

.comment_button { font-size: 100%;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        padding-left: 3px;
        padding-right: 3px;}

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

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

a { text-decoration: none;}

a:hover { text-decoration: none;}

.bblink a { text-decoration: none;}

.bblink a:hover { text-decoration: none;}

.maintable { margin-top: 2px;
        margin-bottom: 2px;/*        border: 1px solid #000000; */}

.maintablea { margin-top: 5px;}

.maintableb { margin-bottom: 2px;/*        border: 1px solid #000000; */}

.tableh1 { padding-right: 10px;
        padding-left: 10px;
        border-bottom: 1px solid #000000;
        border-right: 1px solid #000000;
        height: 25px;
        background-image: url(images/tableh1_bg.gif);}

.tableh1a { border-bottom: 1px solid #000000;
        color: #C6B78E;}

.tableh1a td { border: none;
        height: 30px;
        font-size: 100%;
        font-weight: bold;
        color: #C6B78E;
        background-image: url(images/tableh1a_bg_middle.gif);}

.tableh1a img { display: block;}

.tableh1_compact { padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
        border-bottom: 1px solid #000000;
        border-right: 1px solid #000000;
        height: 25px;
        background-image: url(images/tableh1_bg.gif);}

.tableh2 { padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;}

.tableh2_compact { padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;}

.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: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;}

.catrow_noalb { padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;}

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

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

.thumb_filename { font-size: 100%;
        display: block;}

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

.thumb_caption { font-size: 80%;
        padding: 1px;
        display : block;}
		
.thumb_caption a { text-decoration: underline;}

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

.user_thumb_infobox a { text-decoration: none;}

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

.sortorder_options { padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 80%;
        white-space: nowrap;}

.navmenu { font-weight: bold;
        border: none;
        background-image: url(images/tableh1_bg.gif);}

.navmenu img { margin-top: 5px;}

.navmenu a { position: relative;
        display: block;
        padding-left: 5px;
        padding-right: 5px;
        text-decoration: none;
        border-bottom: 1px solid #000000;
        border-left: 1px solid #838383;
        border-right: 1px solid #000000;
        background-image: url(images/tableh1_bg.gif);
        line-height: 25px;
        height : 25px;}

.navmenu a:hover { text-decoration: none;
        border-bottom: 1px solid #3F3F3F;
        border-left: 1px solid #3F3F3F;
        border-right: 1px solid #3F3F3F;}



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

.image { margin: 2px;}

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

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

.statlink a { text-decoration: none;}

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

.alblink a { text-decoration: none;}

.alblink a:hover { text-decoration: none;}

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

.catlink a { text-decoration: underline;}

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

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

.img_caption_table th { font-size : 100%;
        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;
        background-color: #EFEFEF;
        width : 100%;
        margin : 0px;}

.clickable_option { font-weight: bold;
        cursor : default;}

.listbox_lang { color: #C6B78E;
        background-color: #4A4A4A;
        border: 1px solid #4A4A4A;
        font-size: 80%;
        font-family: Arial, Helvetica, sans-serif;
        vertical-align : middle;}

#SELECT_LISTS { width: 300px;
        height: 50px;
        text-align:right;
        float: right;}

.header { width: 777px;
        height: 111px;
        background-position: center;
        padding-left: 0px;}

.frame { width: 777px;
	border: solid 0px #C6B78E;}

#SUB_MENU { background: #4E4E4E;
        background-position : left;
        padding-left: 0px;}
		
#SYS_MENU { position:relative;
        width:777px;
        height:30px;
        left: 120px;
        top: 7px;
        margin:-10px;
        padding:0;
        z-index:1;
        visibility: hidden;}
		
#ADMIN_MENU { 
        width:777px;
        height:27px;}

#SELECT_FLAGS { text-align: center;}

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

.pms_linecolor3{background-color: #EFEFEF;font-size: 10px;}
.pms_linecolor4{background-color: #D1D7DC;font-size: 10px;}
