/*
** 
** Bio-page styling
**
*/

.bio-short-background, .bio-full-background {
	background-color:#E8E8E8;
	filter:alpha(opacity=70);
	height:550px;
	opacity:0.85;
	position:absolute;
}

.bio-short-background {
	width:340px;
}

.bio-full-background {
	width:1024px;
}

.bio-short, .bio-full {
	height:460px;
	left:0;
	padding:90px 20px 0 20px;
	position:absolute;
	top:0;
}

.bio-short {
	width:300px;
}

.bio-short p, .bio-full p {
	color:#333333;
	font-size:11px;
	line-height:16px;
	margin:0 0 15px 0;
}

.bio-full {
	width:984px;
}

.bio-full div.column-1, .bio-full div.column-2, .bio-full div.column-3 {
	float:left;
	width:300px;
	margin:0 40px 0 0;
}

.bio-full div.column-3 {
	margin:0;
}

.action-button {
	float:right;
	margin-top:15px;
	padding:20px 0 0 0;
	text-align:right;
}

.action-button a img.bio-continue-reading {
	background-image:url(/design/button-bio-continue.png);
	height:28px;
	width:298px;
}

.action-button a:hover img.bio-continue-reading {
	background-position:0 -28px;
}

.action-button a img.bio-close {
	background-image:url(/design/button-bio-close.png);
	height:28px;
	width:149px;
	margin-right:5px;
}

.action-button a:hover img.bio-close {
	background-position:0 -28px;
}

.action-button a img.bio-more {
	background-image:url(/design/button-bio-more.png);
	height:28px;
	width:149px;
}

.action-button a:hover img.bio-more {
	background-position:0 -28px;
}