/*
------------------------------------------------------------------------------
   YaPiG Default template CSS
   
   Just modifying this file you can heavily customize your 
   YaPiG's look.
   
------------------------------------------------------------------------------
*/

/****************************************************
 HTML Elements
******************************************************/

div {
    /* margin-left: 20px; */
}

pre {
   /* margin-left: 20px; */
}  

h3,h4,p {
   /* margin-left: 20px; */
}



h1 {
   /*
   margin-top: 8px;
   margin-bottom: 5px;
   padding: 3px;   
   */
   color: white;
   font-size: 9px;
   font-family: Verdana;
   }

strong {
       color: F79797;
}

address {
	font-family: Verdana; 
	font-size: 9px; 
	color: #FFFFFF;	 
	margin: 10px;	 
}

input,textarea {	
	border: 1 solid #FFFFFF;
	color: black;
	padding: 2px;
	margin-left: 5px;
	font-size: 11px;
	font-family: Verdana, Helvetica;
	background-color: #F7F7F7
}

heading {
	font-family: Verdana;
	font-size: 20px;
	color: #FFFFFF;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 3px;
	border: thin solid #FFFFFF;
}


/******************************************************
YaPiG Interface Classes
*******************************************************/

/*  Main task bar style */
.main {
      /*
      border-top: 1px dotted #FFFFFF;
      border-bottom: 1px dotted #FFFFFF;
      border-left-style: double;
      border-left-color: #FFFFFF;
      border-left-width: 4px;
      border-right-style: double;
      border-right-color: #FFFFFF;
      border-right-width: 4px;
      */		
      /*background: #9F9FAF;*/
      padding-bottom: 2px; 
           
      margin-top: 5px;
      margin-left: 10px;
      margin-right: 5px;
      
      font-family: Verdana; 
	  font-size: 9px; 
	  color: #FFFFFF
      
}

/* Admin task bar style */
.admin {
      border-bottom: thin solid #FFFFFF;
      border-top: thin solid #FFFFFF;
      color: #FAAAAA;
      padding: 2px;
      background: #315C82;
      margin: 10px;
      font-family: Verdana; 
	  font-size: 11px; 	        
}

/* Admin forms */

.admin_data {
      margin-left: 15px;
}

/* form buttons style*/
.button {
	border: thin outset #AAAAFA;
	background: #FDDDDD;
}

/* Gallery Index container */
.gidindextable{
   width: 100%;
   font-size: inherit;
}

.gidindex {
     padding-top: 5px;
	 padding-bottom: 5px;
	 /* width: 100%; */
	 /* font-size: 90%;	 */
}

/* Information about a gallery container style*/
.gidindexdata{
	 /* border: thin dotted #AAAABA;*/
	/*  background: #DDDDED;*/
	font-family: Verdana; 
	font-size: 11px; 
	color: #FFFFFF	  
}

/* TD of Index of galleries */
.gidindextd{
	    width: 180px;
}

/*DIV containing information about image information (name,size,dimensions)*/
/* background: #D0D0E0; 
   border: thin solid #FFFFFF; */
.phidinfo {	  
	  text-align: center
	  margin: 6px;
	  padding: 5px;
	  font-family: Verdana; 
	  font-size: 11px; 
	  color: #FFFFFF;	  
	  }
	  
/* UserComments Style */
/* background: #EDDDDD; */
.comment {	  
	  font-family: Verdana; 
	  font-size: 10px; 
	  color: #FFFFFF;
	  margin: 5px;
	  padding: 5px;
	  width: 400px;
}

/* Image name in a gallery index (below thumbnail) */
.view {
      font-size: 60%;
}

/*Thumbnail Image style */
.thumb {
  /*
  display: block;
  position: relative;
  background-color: #ddd;
  border: 1px solid #808080;
  padding: 4px 4px 4px 4px;
  */
}

.thumb {
 /* border: thin outset #9999A9; */
  /*
  display: block;
  position: relative;
  background-color: #ddd;
  border: 1px solid #808080;
  padding: 4px 4px 4px 4px;
  */
}

/* div style of the container of the 'big' image */
.viewimage {
	   padding-top: 10px;
	   text-align: center;
}

/* style of the 'big' image itself*/
.image{
}

/* image with a frame around it */
.imgframe img {
  /*
  position: relative;
  background-color: #ddd;
  border: 1px solid #808080;
  padding: 8px 8px 8px 8px;
  */
}

.imgframe {
  /*
  display: block;
  position: relative;
  background-color: #ddd;
  border: 1px solid #808080;
  padding: 8px 8px 8px 8px;
  */
}