/* CSS for www.yiannakos.gr */
/* This is an open source document, you are free to modify and use it*/
/* at your descretion!*/

/*Major link colors for all pages*/
a:link {color: gold;}     /* unvisited link */
a:visited {color: gold;}  /* visited link */
a:hover {color: gold;}   /* mouse over link */
a:active {color: gold;}   /* selected link */

/*The following 2 styles are for centering the slideshow Java Script*/

.centerdiv {
  text-align: center;
}
.centerdiv > div {
  margin: 0 auto;
}

/* Normal general text*/
.text {
  font-family: Arial,Helvetica,sans-serif;
  color: silver;
  font-size: 14px;  
  text-align: justify;
}

/*Style for the left cells of the construction table of the site*/
.left_cell {
  background-image: url(Graphics/left_header.png);
  background-position: right top;
}

/*Style for the top (header) of the construction table of the site*/
.top_cell {
  background-image: url(Graphics/top_header.png);
  background-position: left bottom;
}

/*Body properties*/
.body {
  font-family: Arial,Helvetica,sans-serif;
  background-color: #333333;
  color: silver;
  font-size: 14px; 
}

/*Style for the link images on the left cells*/
.link_style {
  font-family: Arial,Helvetica,sans-serif;
  color: #333333;
  background-color: #333333;
  border-width: 0px;
  border:0px;
}

/*Style for the description of the links in the links page*/
.links {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  color: silver;
  text-align: left;
}

/*Style for the image containning the mail address*/
.mail_image {
  border: 0px;
}

/*From here and after are the styles for the slideshow script*/
	#dhtmlgoodies_slideshow{
		width:520px;	/* Total width of slideshow */


	}
	
	#previewPane{
		border:2px solid #000000;
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:5px;
		padding-bottom:5px;
		position:relative;
		
		/* CSS HACK */
		height: 512px;	/* IE 5.x */
		height/* */:/**/500px;	/* Other browsers */
		height: /**/500px;
				
	}
	#previewPane img{
		line-height:00px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{
		
		height:102px;	/* Height of the images + 2 */
		border:2px solid #000000;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/102px;	/* Other browsers */
		height: /**/102px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #333333;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #333333;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:2px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}