/* ------------------------------------------------------------------------------
   YaPiG Default template CSS
   
   Just modifying this file you can heavily customize your 
   YaPiG's look.
   
-----------------------------------------------------------------------------*/

/****************************************************
 HTML Elements
******************************************************/
/* My css */
@import url(http://www.lasarenas.co.uk/top.css);
@import url(http://www.lasarenas.co.uk/bottom.css);

/* ----------- Links --------------------- */
a:link{
	color:#7777D5;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a:visited{
	text-decoration: underline;
}

/* --------------------------------------- */

body
{
	background-image:url(/images/background.jpg);
	background-repeat:repeat-x;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	width: 1000px;
	margin: 0px;
}

div {
    margin-left: 0px;
}

pre {
   margin-left: 20px;	    
}  

h3,h4,p {
   margin-left: 20px;
}

.table_hdr
{
	background-color: #E6E6E6;
     border-top: solid 2px #3399FF;
}
table {
	background-color: #FFFFFF;
	  padding-left: 5px;
      font-size: inherit;
	  width: 100%;
}

h1 {
   margin-top: 0px;
   margin-bottom: 0px;
   background: #BFBFcF;
   color: black;
   clear: both;
   font-size: 100%;
	background-color: #E6E6E6;
	padding-top: 5px;
	padding-left: 5px;
  }



/* ------------ Forms ------------------------ */

input,textarea {
	background: white;
	border: thin solid #AAAABA;
	color: black;
	padding: 2px;
	margin-left: 5px;
}

/* ------------------------------------------ */

strong {
       color: #F79797;
}

address {
	 border-top: thin solid #000010;
	 margin: 10px;
	 background: #CCCCdC;
}



/******************************************************
YaPiG Interface Classes
*******************************************************/

.center {
  text-align: center;
}



/*  Main task bar style */
.main {
      background: #E6E6E6;
      font-size: 90%;
      padding: 3px;
      color: #444464;
}

.main_prev_next {
     background: #E6E6E6;
      font-size: 90%;
      padding: 3px;
      color: #444464;
}

.main_menu_bar {
      background: #E6E6E6;
      font-size: 90%;
      padding: 3px;
      color: #444464;
}
/* form buttons style */
.formbutton {
	border: thin outset #AAAAFA;
	/*background: #BBBBCA;*/
}



/* gallery index container (div)*/
.gidindex {
/*	 border-bottom: thin dashed #AAAABA;*/
	 width: 100%;
	 font-size: 90%;
}

/* this is the main table on the index page*/
.gidindextable{
	width: 100%;
	font-size: inherit;
}

/* information about a gallery container style*/
.gidindexdata{
     border-top: solid 2px #3399FF;
	 /* border: thin dotted #AAAABA;*/
	/*  background: #DDDDED;*/	  
}

/*  TD of Index of galleries */
.gidindextd{
	    width: 180px;
}

/*DIV containing information about image information (name,size,dimensions)*/
.phidinfo{
	  border: thin solid #AAAABA;
	  background: #E6E6E6;
	  padding: 10px;
	  }
	  
/* Box style with the name,web,email and the posted comment*/
.comment {
	  border: thin solid #BAAAAA;
	  background: #EDDDDD;
	  padding: 10px;
}

/* Image text (name,caption,hits,comments) in a gallery index (below thumbnail) */
.view {
      font-size: 70%;
}

/*Thumbnail Image style */
.thumb {
       border: thin outset #9999A9;
}

/* div style of the container of the 'big' image */
.viewimage {
     border-top: solid 2px #3399FF;
	   text-align: center;
}

/* style of the 'big' image itself*/
.image{
}

.red {
       color: #F75757;
       background: auto;
}



/* Admin task bar style */
.admin {
      border-bottom: solid 2px #3399FF;
      color: #FAAAAA;
      padding: 2px;
      background: #FCDCDC;
}

/* Admin forms */
.admin_data {
      margin-left: 15px;
}

/**
 * For the exif DIV (template: phid_info.php)
*/
.exif_data{
     border-top: solid 2px #3399FF;
  padding: 5px;
  float: right;
  font-size: 80%;
  background: #DDDDEE;
  border: thin solid #AAAABA;

}
