/*************************


  Coppermine Photo Gallery


  ************************


  Copyright (c) 2003-2008 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.18


  $HeadURL: https://coppermine.svn.sourceforge.net/svnroot/coppermine/trunk/cpg1.4.x/themes/classic/style.css $


  $Revision: 4380 $


  $Author: gaugau $


  $Date: 2008-04-12 12:00:19 +0200 (Sa, 12 Apr 2008) $


**********************************************/





/* 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 f7f0f9 = RBG 209, 215, 220 = toned purple


   Hex CCCCCC = RBG 204, 204, 204 = medium grey


   Hex EFEFEF = RBG 239, 239, 239 = dark white


   Hex FFFFFF = RBG 255, 255, 255 = white


   Hex 732989 = RBG   0,  93, 140 = dark purple


   Hex 0033CC = RBG   0,  91, 104 = medium blue


   Hex 732989 = RBG  14, 114, 164 = purple


*/





body {


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


        font-size: 12px;


        background : #ffffff;


        color : Black;


        margin: 0px;


}





table {


        font-size: 12px;


}





h1{


        font-weight: bold;


        font-size: 22px;


        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;


        text-decoration: none;


        line-height : 120%;


        color : #000000;


        margin: 2px;


}





h2 {


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


        font-size: 18px;


        margin: 0px;


}





h3 {


        font-weight: normal;


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


        font-size: 12px;


        margin: 2px;


}





p {


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


        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: Verdana, Arial, Helvetica, sans-serif;


        font-size: 100%;


        border: 1px solid #f7f0f9;


        padding-right: 3px;


        padding-left: 3px;


}





.listbox {


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


        font-size: 100%;


        border: 1px solid #f7f0f9;


        vertical-align : middle;


}





.button {


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


        font-size: 100%;


        border: 1px solid #732989;


        background-image : url(images/button_bg.gif);


        background-position : bottom;


}





.comment_button {


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


        font-size: 85%;


        border: 1px solid #732989;


        background-image : url(images/button_bg.gif);


        background-position : bottom;


        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;


}





a {


        color: #0033CC;


        text-decoration: underline;


}





a:hover {


        color: #0033CC;


        text-decoration: underline;


}





.bblink a {


        color: #0033CC;


        text-decoration: none;


}





.bblink a:hover {


        color: #0033CC;


        text-decoration: underline;


}





.maintable {


/*        border: 1px solid #732989;*/


       background-color: #FFFFFF;


/*         background-color: #efefef;*/


        margin-top: 1px;


        margin-bottom: 1px;


}





.tableh1 {


        background : #ffffff ;


        color : #FFFFFF;


        padding-top: 3px;


        padding-right: 10px;


        padding-bottom: 3px;


        padding-left: 10px;


}





.tableh1_compact {


        background : #ffffff ;


        color : #FFFFFF;


        padding-top: 2px;


        padding-right: 5px;


        padding-bottom: 2px;


        padding-left: 5px;


}





.tableh2 {


        background: #f7f0f9 ;


        color : #000000;


        padding-top: 3px;


        padding-right: 10px;


        padding-bottom: 3px;


        padding-left: 10px;


}





.tableh2_compact {


        background: #f7f0f9 ;


        color : #000000;


        padding-top: 2px;


        padding-right: 5px;


        padding-bottom: 2px;


        padding-left: 5px;


}





.tableb {


        background: #ffffff ;


        padding-top: 3px;


        padding-right: 10px;


        padding-bottom: 3px;


        padding-left: 10px;


}








.tableb_compact {


        background: #ffffff ;


        padding-top: 2px;


        padding-right: 5px;


        padding-bottom: 2px;


        padding-left: 5px;


}


.tablesearch {


        background: #ffc310 ;


        padding-top: 6px;


        padding-right: 10px;


        padding-bottom: 10px;


        padding-left: 6px;


}



.tablef {


        background: #f7f0f9;


        padding-top: 10px;


        padding-right: 10px;


        padding-bottom: 10px;


        padding-left: 10px;


}





.catrow_noalb {


        background: #ffffff ;


        color : #000000;


        padding-top: 3px;


        padding-right: 10px;


        padding-bottom: 3px;


        padding-left: 10px;


}





.catrow {


        background: #ffffff ;


        padding-top: 3px;


        padding-right: 10px;


        padding-bottom: 3px;


        padding-left: 10px;


}





.album_stat {


        font-size: 85%;


        margin: 5px 0px;


}





.thumb_filename {


        font-size: 80%;


        display: block;


}





.thumb_title {


        font-weight : bold;


        font-size: 90%;


        padding: 2px;


        display : block;


}





.thumb_caption {


        font-size: 80%;


        padding: 1px;


        display : block;


}





.thumb_caption a {


        text-decoration: underline;


        color: #0033CC;


}





.thumb_num_comments {


        font-weight: normal;


        font-size: 80%;


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


}





.user_thumb_infobox td {


        font-size: 80%;


        margin-top: 1px;


        margin-bottom: 1px;


        text-align : left;


}





.user_thumb_infobox a {


        text-decoration: none;


        color: #000000;


}





.user_thumb_infobox a:hover {


        color: #000000;


        text-decoration: underline;


}





.sortorder_cell {


        background : #ffffff ;


        color : #FFFFFF;


        padding: 0px;


        margin: 0px;


}





.sortorder_options {


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


        background : #ffffff ;


        color : #FFFFFF;


        padding: 0px;


        margin: 0px;


        font-weight: normal;


        font-size: 80%;


        white-space: nowrap;


}





.navmenu {


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


        color: #FFFFFF;


        font-size: 100%;


        font-weight: bold;


        background : #ffffff ;


        border-style: none;


}





.navmenu img {


        margin-top: 1px;


        margin-right: 5px;


        margin-bottom: 1px;


        margin-left: 5px;


}





.navmenu a {


        display: block;


        padding-top: 2px;


        padding-right: 5px;


        padding-bottom: 2px;


        padding-left: 5px;


        text-decoration: none;


        color: #FFFFFF;


}





.navmenu a:hover {


        background : #EFEFEF ;


        text-decoration: none;


        color:         #000000;


}





.admin_menu_thumb {


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


        font-size: 85%;


        border: 1px solid #732989;


        background-image : url(images/button_bg.gif);


        background-position : bottom;


        color: #000000;


        font-weight: bold;


        margin-top: 0px;


        margin-bottom: 0px;


        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 #732989;


        background-color:#ffffff;


        background-image : url(images/button_bg.gif);


        background-position : bottom;


        color: #000000;


        margin-top: 0px;


        margin-bottom: 0px;


        padding-top:2px;


        padding-bottom:2px;


        padding-left:1px;


        padding-right:1px;


        text-align: center;


}





.admin_menu a {


        color: #000000;


        text-decoration: none;


        display: block;


        position: relative;


        padding-top: 1px;


        padding-bottom: 1px;


        padding-left: 2px;


        padding-right: 2px;


}





.admin_menu a:hover {


        color: #000000;


        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:0px;


        border-color: #ffffff;


        margin: 2px;


}





.imageborder {


        border: 1px solid #ffffff;


        background-color: #FFFFFF;


        margin-top: 30px;


        margin-bottom: 30px;


}





.display_media {


        background: #ffffff ;


        padding-top: 3px;


        padding-right: 10px;


        padding-bottom: 3px;


        padding-left: 10px;


}





.thumbnails {


        background: #ffffff ;


        padding: 5px;


}





.footer {


        font-size : 9px;


}





.footer a {


        text-decoration: none;


        color: #000000;


}





.footer a:hover {


        color: #000000;


        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: #000000;


}





.alblink a:hover {


        color: #000000;


        text-decoration: underline;


}





.catlink {


        display: block;


        margin-bottom: 2px;


}





.catlink a {


        text-decoration: underline;


        color: #000000;


}





.catlink a:hover {


        color: #000000;


        text-decoration: underline;


}





.topmenu {


        line-height : 130%;


        font-size: 100%;


}





.topmenu a {


        color : #0033CC;


        text-decoration : none;


}





.topmenu a:hover  {


        color : #0033CC;


        text-decoration : underline;


}





.img_caption_table {


        border: none;


        background-color: #FFFFFF;


        width : 100%;


        margin : 0px;


}





.img_caption_table th {


        background: #f7f0f9 ;


        font-size: 100%;


        color : #000000;


        padding-top: 4px;


        padding-right: 10px;


        padding-bottom: 4px;


        padding-left: 10px;


        border-top : 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;


        white-space: normal;


}





.debug_text {


        border: #BDBEBD;


        background-color: #EFEFEF;


        width : 100%;


        margin : 0px;


}





.clickable_option {


        cursor : default;


}





.listbox_lang {


        color: #000000;


        background-color: #f7f0f9;


        border: 1px solid #f7f0f9;


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

/* Added Styles */

.sideNav {
	font-size: 10px; /* 16x0.75=12px */
	line-height: 1em; /* 12x1=12px */ 
	color: #0033CC;
	font-weight: normal;
	text-decoration: none;
}

a:link.sideNav {
	color:#0033CC;
	text-decoration: none;
}

a:visited.sideNav {
	color:#0033CC;
	text-decoration: none;
}
a:hover.sideNav {
	color:#FF6633;
	text-decoration: underline;
}

p {
    font-size: 100%;
	margin: 1.286em 0; /* 14x1.286=18px */
    line-height : 120%;
}

hr { text-align: left; width: 65%; height: 2px; color: #732989; border: none; } /* For Internet Explorer */
html>body hr { margin-left: 0; text-align: left; width: 65%; height: 2px; background-color: #732989; border: none; } /* For Gecko-based browsers */
html>body hr { margin-left: 0; text-align: left; width: 65%; height: 2px; background-color: #732989; border: 0px solid #0033CC; } /* For Opera and Gecko-based browsers */