body { line-height: 1.5em; color: #333333; background:#5e3c54 url('../_images/index/indexBodyBg.png') repeat-x; background-attachment:fixed ; font-size:80%; font-family:Geneva, Tahoma, sans-serif; height: 100%; min-height:100%; min-width:100%; margin:0; padding:0; }
#promoBG { position:absolute; width: 100%; height:100%; background:transparent; z-index: 0; }
html #wrapper { min-height: 100%; }
#wrapper { min-height: 100%; margin: auto; width: 923px; background:#f2f2f2; position:relative; z-index:2; }

#footer{ height:60px; text-align:center; color:#6a6a6a; padding-top:0px; background-color:#fff; border-top:1px solid #915d82; position:relative; width:100%; margin: -61px auto 0; z-index:3; }

@media (min-width: 1209px) {
  body.new_chat #wrapper {
    left:-117px;
  }
  body.new_chat #footer .wrapped{
    left:-117px;
  }
}

body #wrapper.adjusted, body #footer.adjusted .wrapped {
    left: -117px;
}

.logo { 
	position:absolute;
	left:2px;
	top:2px;
	z-index:0;
}

/* /promotional styles */

#contenu{ width:923px; margin:auto; }
#shadow { width:100%; height:15px; background:transparent url('../_images/d2/shadow.png') repeat-x; display:none;}

#headBar-R { 
	background:transparent url('../_images/d2/headBarBg-R.png') no-repeat;
	height:27px;
	width:10px;
}

#headBar { 
	background-image:url('../_images/d2/headBarBg.png');
	float:left;
	position:relative;
	width:903px;
	padding:0;
	height:27px;
	margin:0 0 4px 0;
}

.headBar,
#headBar-R { 
	float:right;
	position:relative;
}

.headBar.sep { margin:0 2px;}

.headBar p { line-height:27px;}

.headBar p a { text-decoration:none; }

.headBar p span.hbInfos { 
	position:relative;
	font-size:10px;
	top:3px;
	margin-left:2px;
	color:#5a3a50;
}

.headBar p span.hbText { 
	position:relative;
	font-size:11px;
	top:0;
	color:#5a3a50;
	margin-left:2px;
}

.headBar.username { float:left; }

.headBar.username p span.hbText { 
	color:#333;
	top:-3px;
	font-weight:700;
}

.headBar.credits { width:243px;}
.headBar.credits p span.hbText { font-weight:700; }
.headBar.credits p span.hbSubText { font-weight:300; font-size:10px }

.headBar.status { width:91px; }

.headBar.status p span.hbText { 
	margin-left:0;
	margin-right:2px;
	color:#333;
	top:-2px;
	font-weight:700;
}

.headBar.status a img.on,
.headBar.status a img.off { 
	background:transparent url('../_images/d2/headBarStatus.png') no-repeat;
	width:38px;
	height:21px;
}

.headBar.status a img.on { background-position: 0 0; }
.headBar.status a img.off { background-position:0 -21px; }

.headBar.disconnect { width:105px;}

.headBar.disconnect p span.hbText { 
	color:#333;
	top:-2px;
	font-weight:700;
}
.headBar.disconnect a img { 
	background:transparent url('../_images/d2/headBarDisconnect.png') no-repeat 0 0;
	width:21px;
	height:21px;
}

.headBar.disconnect a:hover img { 
	background:transparent url('../_images/d2/headBarDisconnect.png') no-repeat 0 -21px;
}

.columns:after,
.columns .column:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.columns .column {
	float:left;
	position:relative;
	margin-right:10px;
}
.columns .column.last { margin-right:0;}