/*************************
  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.12
  $Source:
  $Revision:
  $Author:
  $Date:
**********************************************/

/* Supernova theme designed by Billy Bullock revisions by CGC

Colors used in this style sheet:
   Hex 000000 = RBG   0,   0,   0 = black
   Hex FFFFFF = RBG 255, 255, 255 = white
   Hex 999999 = RBG 153, 153, 153 = gray
   Hex 666666 = RBG 102, 102, 102 = dark gray
   Hex CCCCCC = RBG 204, 204, 204 = light gray
   Hex EB5A00 = RBG 235,  90,   0 = orange
*/

body 
	{
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color : #999999;
        margin: 0px;
        background: #000000;
	}

table 	
	{
        font-size: 11px;
	}

div.logo	
	{
        font-weight: bold;
		  text-align: left;
        font-size: 20px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        color: #999999;
        margin: 2px;
        padding: 5px 5px 5px 5px;
	}

h1	
	{
        font-weight: bold;
        font-size: 16px;
        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: 14px;
        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 0px 0px 0px;    
	}

li {
		  margin: 4px 0px 4px 10px; /* t r b l*/
		  padding: 0px 0px 0px 0px;    
        list-style-position: outside;
        list-style-type: disc;
	}

.textinput 
	{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #666666;
		  margin: 0px 0px 0px 0px; /* t r b l*/
		  padding: 0px 3px 0px 3px;    
	}

.listbox 
	{
        font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #666666;
        vertical-align : middle;
	}

.button 
	{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #666666;
        background: #999999;
        background-position : bottom;
	}

.comment_button 
	{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #666666;
        background: #999999;
        background-position : bottom;
		  margin: 0px 0px 0px 0px; /* t r b l*/
		  padding: 0px 3px 0px 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: #EFEFEF;
        text-decoration: none;
	}

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

bblink a 
	{
        color: #EB5A00;
        text-decoration: none;
	}

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

.maintable 
	{
        border: 1px solid #EB5A00;
		  margin: 1px 0px 1px 0px; /* t r b l*/
		  padding: 0px 0px 0px 0px;    
	}

.tableh1 
	{
        background: #EB5A00;
	     font-size: 12px;
        color: #EFEFEF;
		  margin: 0px 0px 0px 0px; /* t r b l*/
		  padding: 2px 10px 2px 15px;    
	}

.tableh1_compact 
	{
        background: #EB5A00;
        color: #EFEFEF;
		  margin: 0px 0px 0px 0px; /* t r b l*/
		  padding: 2px 5px 2px 5px;    
	}

.tableh2, .catrow_noalb 
	{
        background: #EB5A00;
        color: #EFEFEF;
		  margin: 0px 0px 0px 0px; /* t r b l*/
		  padding: 3px 10px 3px 10px;    
	}

.tableh2_compact 
	{
        background: transparent;
        color : #999999;
		  margin: 0px 0px 0px 0px; /* t r b l*/
		  padding: 2px 5px 2px 5px;    
	}

.tableb, .catrow 
	{
        background: #000000 ;
		  margin: 0px 0px 0px 0px; /* t r b l*/
		  padding: 3px 10px 3px 10px;    
        color: #999999;
	}

.tableb_compact 
	{
        background: transparent;
		  margin: 0px 0px 0px 0px; /* t r b l*/
		  padding: 2px 5px 2px 5px;    
	}

.tablef 
	{
        background: transparent;
		  margin: 0px 0px 0px 0px; /* t r b l*/
		  padding: 10px 10px 10px 10px;    
	}

.display_media {
		  margin: 0px 0px 0px 0px; /* t r b l*/
		  padding: 3px 10px 3px 10px;    
	}

.album_stat 
	{
        color : #999999;
        font-size: 90%;
        margin: 5px 0px;
	}

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

.thumb_title 
	{
        font-weight : normal;
        color : #999999;
        font-size: 95%;
        padding: 1px;
        display : block;
	}

.thumb_caption 
	{
        font-size: 60%;
        color : #999999;
        padding: 1px;
        display : block;
	}

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

.thumb_num_comments 
	{
        color : #999999;
        font-weight: normal;
        font-size: 75%;
        padding: 2px;
        font-style : italic;
        display : block;
	}

.user_thumb_infobox {
		  margin: 1px 0px 1px 0px; /* t r b l*/
		  padding: 0px 0px 0px 0px;    
	}

.user_thumb_infobox th 
	{
        font-weight : bold;
        font-size: 95%;
		  margin: 1px 0px 1px 0px; /* t r b l*/
		  padding: 0px 0px 0px 0px;    
        text-align : center;
	}

.user_thumb_infobox td 
	{
        font-size: 95%;
		  margin: 1px 0px 1px 0px; /* t r b l*/
		  padding: 0px 0px 0px 0px;    
        text-align : center;
	}

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

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

.sortorder_cell 
	{
        background: transparent;
        color : #999999;
        padding: 0px;
        margin: 0px;
	}

.sortorder_options 
	{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background: transparent;
        color : #999999;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 90%;
        white-space: nowrap;
	}

.navmenu 
	{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #EFEFEF;
        font-size: 100%;
        font-weight: normal;
        background: #EB5A00;
        border-style: none;
	}

.navmenu img {
		  margin: 1px 5px 1px 5px; /* t r b l*/
		  padding: 0px 0px 0px 0px;    
	}

.navmenu a 
	{
        position: relative;
        display: block;
		  margin: 0px 0px 0px 0px; /* t r b l*/
		  padding: 2px 5px 2px 5px;    
        text-decoration: underline;
        color: #999999;
	}

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

.admin_menu_thumb 
	{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        border: 1px solid #666666;
        background: #999999;
        background-position : bottom;
        color: #000000;
        font-weight: bold;
		  margin: 0px 0px 0px 0px; /* t r b l*/
		  padding: 0px 0px 0px 0px;    
        width: 85px;
	}

.admin_menu_thumb a 
	{
        color: #000000;
        text-decoration: none;
        display: block;
        position: relative;
		  margin: 0px 0px 0px 0px; /* t r b l*/
		  padding: 1px 5px 1x 5px;    
	}


.admin_menu_thumb a:hover 
	{
        color: #000000;
        text-decoration: underline;
	}

.admin_menu 
	{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        border-top: 2px solid #999999;
	     border-left: 2px solid #999999;
	     border-bottom: 1px solid #999999;
	     border-right: 1px solid #CCCCCC
        background: #999999;
        background-position : bottom;
        color: #999999;
		  margin: 0px 0px 0px 0px; /* t r b l*/
		  padding: 0px 0px 0px 0px;    
        text-align: center;
	}

.admin_menu a 
	{
        color: #999999;
        text-decoration: none;
        display: block;
        position: relative;
		  margin: 0px 0px 0px 0px; /* t r b l*/
		  padding: 1px 5px 1px 5px;    
	}

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

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

.comment_date
	{
        color : #999999;
        font-size : 10px;
        vertical-align : middle;
	}

.image 
	{
        border-style: solid;
        border-width:2px;
        border-color: #EB5A00;
        margin: 2px;
	}

.thumbnails 
	{
        background: transparent;
        padding: 5px;
	}

.footer 
	{
        font-size: 0%;		
			color : #000000;
	}

.footer a 
	{
        text-decoration: none;
        color: #000000;
        font-size: 0%;		
	}

.footer a:hover 
	{
        font-size: 0%;		
        color: #000000;
        text-decoration: none;
	}

.statlink 
	{
        color: #EFEFEF;
	}

.statlink a 
	{
        text-decoration: none;
        color: #CCCCCC;
	}

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

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

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

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

.catlink a 
	{
     text-decoration: underline;
     color: #CCCCCC;
	  letter-spacing: 0.5px;
	}

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

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

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

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

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

.img_caption_table th 
	{
        background: transparent;
        font-size: 110%;
        color : #999999;
		  margin: 0px 0px 0px 0px; /* t r b l*/
		  padding: 4px 10px 4px 10px;    
        border-top : 1px solid #999999;
	}

.img_caption_table td 
	{
        background: transparent;
		  margin: 0px 0px 0px 0px; /* t r b l*/
		  padding: 6px 10px 6px 10px;    
        border-top : 1px solid #999999;
	}

.clickable_option 
	{
        border-bottom : 1px dotted blue;
        cursor : default;
	}

.mainbkg 
	{
	  background-image: url(images/bkg.jpg);
	  background-repeat: no-repeat;
	  background-position: left top;
	}

.mainblock {
		  margin: 5px 30px 5px 30px; /* t r b l*/
		  padding: 5px 5px 5px 5px;    
        background: transparent;
        color: FFFFFF;
        border: 1px #EB5A00 solid;
	}

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



/* TOTI added */

/* */


/* Footer for  black and dark background but not gray */

div.ssource 
	{
        font-size: 90%;		
        color: #666666;
        text-decoration: none;
	}


.ssource a 
	{
        color: #666666;
        text-decoration: none;
	}


.ssource a:hover 
	{
        color: #999999;
        text-decoration: none;
	}
		
div.totifooter 
	{
        font-size: 100%;		
        color: #666666;
        text-decoration: none;
	}


.totifooter a
	{
        color: #666666;
        text-decoration: none;
	}

.totifooter  a:hover 		
	{
        color:  #999999;
        text-decoration: none;
	}