body {

	color: #fff;
	background: #1e1e1e;
	
}

iframe {

	border: 0;

}

a ,
a:visited{

	color: #fff;

}

ul {

	margin: 0;
	padding: 0;
	list-style-type: none;

}

.person {
	width: auto;
	margin-bottom: 40px;
	height: 240px;
	padding: 10px;
	float: left;
	overflow: hidden;
}

/* actor specific */

.person.actor .pic,
.person.actor .pic img {
	width: 160px;
}

.person.actor {
	height: 250px;
}

.pic {

	width: 150px;
	height: 190px;
	overflow: hidden;
	border: 10px solid #fff;

}

.person img {
	width: 150px;
	min-height: 190px;
	background: #fff;
}


.person p{
	font-size: 12px;
	font-family: Arial;
	text-align: center;
	padding: 0px;
	text-transform: uppercase;
	color: #fff;
}

.person a:link,
.person a:visited {

	color: #fff;
	text-decoration: none;
	text-transform: uppercase;

}

.extra {
	width: auto;
	margin-bottom: 15px;
	height: 200px;
	padding: 10px;
	float: left;
}

.epic {

	width: 130px;
	height: 150px;
	overflow: hidden;
	border: 10px solid #fff;

}

.extra img {
	
	width: 130px;
	min-height: 150px;
	background: #fff;
}

.extra p{
	font-size: 12px;
	font-family: Arial;
	text-align: center;
	padding: 0px;
	text-transform: uppercase;
	color: #fff;
}

#pagination {

	float: left;
	width: 100%;
	height: 30px;
	text-align: center;
	margin-top: 30px;
}

#imagehold {

	width: 100%;
	height: auto;
	float: left;

}

#genderselect {

	text-align: center;
	height: 30px;
	float: left;
	width: 100%;
	
}

/* button styling for cv area */

a.button:visited,
a.button:active {

	color: #000;

}

.pagination {
	width: 30%;
	margin: 0 auto;
}

.pagination a,
.pagination strong,
.button {
	background: #efefef;
	border: 1px solid #999999;
	width: auto;
	padding: 4px 7px;
	color: #000;
	text-decoration: none;
	font-family: verdana;
	font-size: 12px;
	margin-right: 2px;
}

.button {

	max-height: 15px;
	min-width: 10px;
}