/* 
 *   CSS style file for EMPTY BRAIN
 *   EmptyLab Blog   
 *
 *   background image by erracticwisdom 
 *
 */


/* the body of the html page */
body {
	margin: 20px 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background: url(../../dotclear/admin/images/body_bg_width1024.png) center top no-repeat;
}

/* a paragraph */
p {
	font-size: 0.9em;
	line-height: 1.5em;
}

/* new links */
a {
	color: #59708C;
	text-decoration: none;
}

/* visited link */
a:visited {
	color: #505050;
	text-decoration: none;
}

/* link style when mouse passes over it */
a:hover {
	color: #505050;
	text-decoration: underline;
}

ul, ol {font-size: 0.9em}
ul a, ol a {text-decoration: none}
ul a:hover, ol a:hover {color: #333}

/* home page main div style */
#pageaccueil 
{
	background: #f8f8f0;
	width: 892px;
	height: 550px;
	margin: 0 auto;
	padding: 30px 40px 10px 40px;
	border: 1px solid #eee;
}

/* result page main div style */
#page 
{
	background: #f8f8f0;
	width: 892px;
	margin: 0 auto;
	padding: 30px 40px 10px 40px;
	border: 1px solid #eee;
}

/* style for div that contains result image and result text, with vertical centering
   (underscores are for IE...) */
#results {
	background: #f8f8f0;
	display: table;
/*	height: 580px; */
	width: 892px;  /* 892px = 512px (robotimage) + 380px (textresult) with no margin */
	_position: relative;
	overflow: hidden;
/*	margin: 0;
	padding: 0 0 0 0;*/
}

/* style for div that contains robot image */
#robotimage {
	background: #f8f8f0;
	_position: absolute;
	_top: 50%;
	display: table-cell;
	vertical-align: middle;
	width: 512px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/*float: left;		we loose vertical centering if we use this */
}

/* style for div that contains text result */
#textresult 
{
	background: #fff;
	_position: absolute;
	_top: 50%;
	display: table-cell;
	vertical-align: middle;
	width: 380px;
	padding: 0 0 0 0;
    /*float: right;		we loose vertical centering if we use this */
}

/* style for paragraphs inside text results, centered vertically */
#textp
{
	margin: 20px 20px 20px 20px;
	_position: relative;
	_top: -50%;
}

/* footer style, "Retour" */
#footer {
	background: #f8f8f0;
	padding: 30px 20px 10px 40px;
	clear: left;
}

.clear {clear: both}