@charset "UTF-8";
/*
	Christian Spotlight ACTORS LISTS
	Last edit 10.23.2025 pst
	► some cleanup needed
*/

@media screen {

body#csActorsList,
body#csActorsListHome {background:#000;}

#csActorsList #pagewrapper,
#csActorsListHome #pagewrapper {
	max-width:1200px;
	margin:0 auto !important;
	float:none !important;
	background:#fff;
	font-size:18px;
	border:none;
}

body,
p,
h1,
h2,
h3,
h4,
a,
td,
li,
div,
input {
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
}

#csMenubarContainer {
	background:#576d70;/* CuttySarkGreen */
	margin:0;
	padding:0;
	border:0;
}
#csMenuBar {
	margin:0 !important;
	padding-top:6px;
	padding-bottom:6px;
	height:35px;
	max-height:35px;
	display:flex;
	justify-content:space-around;
}
#csMenuBar ul li a,
#csMenuBar a:link,
#csMenuBar a:visited {
	margin:0;
	color:#cccc99;/* GoldMuted */
	height:16px;
	font-size:16px !important;
	line-height:16px !important;
	font-weight:400 !important;
	text-shadow:4px 3px 3px #333;
}
#csMenuBar a:hover {text-shadow:4px 3px 3px #000;}
#csMenuBar li {
	list-style:none;
	margin:0;
	padding:0 10px;
}

/* nav */
#csActorsList #selectfirstletter,
#csActorsListHome #selectfirstletter {
	font-size:18px;
	font-weight:700;
}
#csActorAlphabet {
	clear:left;
	padding:15px 0 10px 20px;
}
#csActorAlphabet a,
#csActorAlphabet a:link,
#csActorAlphabet a:visited {
	float:left;
	font-style:normal !important;
	font-size:120% !important;
	width:35px !important;
	height:35px !important;
	margin:4px;
	background:#fff;
	color:#000;
	line-height:35px;
	cursor:pointer;
	border:1px solid #ccc;
	display:block;
	text-align:center;
	text-decoration:none;
	border-radius:5px;
}
#csActorAlphabet a:hover,
#csActorAlphabet a:focus {
	background-color:#004052;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	-webkit-box-shadow:4px 5px 10px rgba(0, 0, 0, 0.30);
	-moz-box-shadow:4px 5px 10px rgba(0, 0, 0, 0.30);
	box-shadow:4px 5px 10px rgba(0, 0, 0, 0.30);
}
#csActorAlphabet a:active {
	-webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0.0);
	-moz-box-shadow:0 0 0 rgba(0, 0, 0, 0.0);
	box-shadow:0 0 0 rgba(0, 0, 0, 0.0);
	background:#f5df4d;/* IlluminatingYellow */
}
#actorlistinfoUpdatedLast {
	padding:10px;
	background:#fff;
	font-size:12px;
	text-align:center;
}
#csActorsList #header h1,
#csActorsListHome #header h1 {
	margin:0 20px 0 40px;
	padding:30px 0 0 0;
	color:#fff;
	font-size:36px;
	font-weight:bold;
	line-height:40px;
}
#csActorsList #header h1 a,
#csActorsListHome #header h1 a:link,
#csActorsListHome #header h1 a:visited {
	color:#fff;
}
#h1Subtitle {
	margin:1px 10px 0 40px;
	font-size:18px;
	font-weight:300;
	color:#fff;
	line-height:22px;
}

/* begin prayer focus */
#csActorsPrayerFocusContainer {
	max-width:100%;
}
#prayer li {
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
	clear:left;
}
.prayerfocus {
	color:#caca83;/* gold */
	background-color:#011523;
	font-size:18px;
	font-weight:700;
	text-align:center;
	margin:0;
	padding:5px 10px 8px 10px;
}
#prayerfocus ul li {
	font-size:16px;
	line-height:24px;
}
#prayerfocus ul li img {
	position:relative;
	float:right;
	margin-left:10px;
	padding:2px;
	width:70px;
	height:50px;
	font-size:6px;
	border:1px solid #d7d7d7;
	-webkit-box-shadow:4px 5px 10px rgba(0, 0, 0, 0.80);
	-moz-box-shadow:4px 5px 10px rgba(0, 0, 0, 0.80);
	box-shadow:4px 5px 10px rgba(0, 0, 0, 0.80);
}
#prayerfocus li a,
#prayerfocus li a:link, 
#prayerfocus li a:active, 
#prayerfocus li a:visited {
	color:#000;
	border:none;
}
/* end prayer focus */

a.specialEmphasis:link,
a.specialEmphasis:visited {
	font-weight:inherit;
	font-size:inherit;
	color:#000;
	border-bottom:1px dotted #999;
	text-decoration:none !important;
}

a.linkemphasisminor {
	font-weight:inherit !important;
	font-size:inherit !important;
	border-bottom:1px dotted #999;
}

/* videos */
.vidcontainer .vidheader em {
	font-size:18px;
}
.vidcontainer .vidfooter .vidDesc {
	font-size:16px;
}
.vidcontainer .vidfooter .videoByLine {
	padding-top:15px;
	line-height:24px;
}

.videodescription {
	display:block;
	position:relative;
	top:-6px;
	margin:0 0 30px 0;
	padding:10px 20px;
	background-color:#000;
	color:#fff;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
div.videocontainer300 {
	width:300px;
}
.videocontainer300 iframe {
	width:300px;
	height:170px;
	margin-top:10px;
	border:none;
}
div.videocontainer600 {
	width:600px;
}
.videocontainer600 iframe {
	width:600px;
	height:337px;
	margin-top:10px;
	border:none;
}
.videodescription {
	display:block;
	position:relative;
	top:-6px;
	margin:0 0 30px 0;
	background-color:#000;
	color:#fff;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
.videodescription a:link,
.videodescription a:visited,
.videodescription a:active {
	color:#fff;
}
.videodescription .videoAbout {
	text-align:center;
}
.videodescription .videoByLine {
	text-align:center;
	margin-top:10px;
	font-size:90%;
	color:#dede7b;/* MutedGold */
}
.videodescription .videoRunningTime {
	text-align:right !important;
	font-size:11px;
	margin:10px 0;
}
/* end videos */

div.cantopbar {/* outdated ? */
	background-color:#dede7b;/* MutedGold */
	height:12px;
	width:100%;
}
div#header {
	background-color:#011523;
	background-image:url('/spotlight/images/actors-list-header.png');
	height:129px;
}
#actoralphabtnscontainer {
	margin:0;
	padding:18px 20px 20px 30px;
	background-color:#011523;
	font-size:14px;
	color:white;
	background-repeat:repeat
	text-align:left;
}

.zoom_searchform {
	position:relative;
	top:0;
}
/* @end */

.christianspotlightlogo {
	float:left;
	margin:20px;
	width:200px;
	height:73px;
}
#actorsqandalist {
	clear:left;
	position:relative;
	left:10px;
	padding:20px 0 20px 0;
}
#actorsqandalist li,
#actorarticle p {
	line-height:200%;
}
#actorarticle a {
	border-bottom:2px solid #a7c6e5;/* TrustBlue */
}
#actorslistnone {
	font-size:24px;
	text-align:center;
}
fieldset {border:none;}

h2 {
	text-align:center;
	color:#fff;
	background-color:#000;
	padding:3px 0 5px 0;
	margin:10px 0 10px 0;
}
h2.featuredActor {
	color:#caca83;/* gold */
	background-color:#004052;/* dark greenish blue */
	font-size:18px !important;
	font-weight:700;
	text-align:center;
	margin:0 0 20px 0;
	padding-bottom:15px !important;
}

a:link    {color:#000;}
a:active  {color:red; text-decoration:underline;}
a:hover   {color:#e09a2f !important;}
a:visited {color:#243356; text-decoration:none;}

td.grid_3 {border-right:1px solid #999;}

/* @group content */
.actorcontent {background:#000;}

.actorcontent object {/* outdated ? */
	width:960px;
	height:10000px;
}
.actorcontent h3 {
	margin:0 0 20px 0;
	padding:0;
	font-size:26pt;
	text-align:center;
	color:#f5df4d;/* IlluminatingYellow */
	background:#004052;/* dark greenish blue */
	border-top:1px solid #fff;
}
.actorcontent ul {
	list-style:none;
	padding:0 20px 40px 20px;
}
.actorcontent ul li,
.actorcontent ul li span,
.actorcontent ul li span a {font-size:16px;}

.actorcontent ul li {
	list-style:none;
	margin:0;
	padding:0 0 30px 0;
}
.actorcontent ul li img {
	width:70px;
	height:50px;
	margin:5px 0 10px 0;
	padding:2px;
	border:1px solid #d7d7d7;
	font-size:9px;
	position:relative;
	-webkit-box-shadow:4px 5px 10px rgba(0, 0, 0, 0.80);
	-moz-box-shadow:4px 5px 10px rgba(0, 0, 0, 0.80);
	box-shadow:4px 5px 10px rgba(0, 0, 0, 0.80);
}
.actorcontent ul li div {margin-top:0;}
.actorcontent ul li {line-height:200%;}

.actorcontent ul li a {
	font-size:16px;
	font-weight:600;
}
.actorcontent ul li a.actorName {
	font-weight:700;
	font-size:18px;
	color:#004052;
}
.actorcontent li span {
	font-size:16px;
	color:#666;
}
span.relativetoActor a {
	font-size:16px !important;
	font-weight:600 !important;
}

.deceased {
	background:#e7e9e7;/* BlancDeBlancGray */
	padding:5px 10px 25px 10px !important;
	margin-bottom:30px !important;
	border-radius:0 15px 15px 15px;
}

/* @group Navigation Styles */
#navigation {
	margin:0 0 14px 0px;
	background-color:#011523;
	font-size:14px;
	padding:10px;
	color:white;
	height:19px;
	text-align:left;
	border-bottom:2px solid #2b4255;
}
#navigation ul li {
	display:inline;
	font-weight:bold;
	font-size:14px;
	margin:0;
	float:none;
	height:25px;
}
#navigation ul li a:hover {
	padding:12px;
	text-decoration:none;
	background-color:#004b60;
	color:#fff;
}
#navigation ul li a,
#navigation ul li a:visited {
	padding:12px;
	color:#a2c1c3;
}
#navigation ul li span.highlight-green a {
	color:#ccec46;
}
/* @end group */


/* @group Sidebar Styles */
#sidebar h2 {
	margin:10px 0 0;
	text-align:center;
	text-transform:uppercase;
	font-size:19px;
	background-color:#000;
	color:#fff;
	padding-left:10px;
	padding-top:3px;
}
div#sidebar {
	margin:0 0 0 20px;
}

/* @group footer */
#footer {
	background-color:#444;
	font-size:14px;
	text-align:center;
	padding:10px;
	margin:22px 0 0;
	color:#fff;
}
	#footer a:visited,
	#footer a:hover,
	#footer a {
		color:#fff;
}
/* @end */

/* OLD */
	.content h3 {
		font-size:18pt;
		color:#00495F;
		margin:0 0 10px 10px;
		padding:0;
		border-bottom:1px solid #999;
}
	.content ul {
		list-style:none;
		margin-left:20px;
		padding:0;
}
	.content ul li {
		list-style:none;
		margin:0;
		padding:0 0 15px 0;
}
	.content ul li img {
		width:70px;
		height:50px;
		margin:5px 0 0 0;
		padding:2px;
		border:1px solid #d7d7d7;
		font-size:9px;
}
	.content ul li div {
		margin-top:0;
}
	.content li a:link {
		font-size:14px;
}
	.content li span {
		font-size:85%;
		color:#666666;
}
/* @end */


/* ========== ? EXTINCT ========== */
.featuredactorText {font-size:14px;}/* extinct? */
.featuredactorText a,
.featuredactorText a:link,
.featuredactorText a:visited {
	color:#000;
	border-bottom:1px dotted #999;
	text-decoration:none !important;
}
.bigcap {color:#004052;}

/* @group Christian Film News ?-No long used? */
#sidebar div.rss-box-cfn div.rss-box-cfn ul.rss-items,
#sidebar div.rss-box-cfn div.rss-box-cfn ul.rss-items li {
	margin:0;
	padding:0 7px 0 0;
	list-style-type:none;
}
#sidebar div.rss-box-cfn div.rss-box-cfn ul.rss-items li.rss-item img {
	float:left;
	padding:0;
	margin:6px;
}
/* @end */

} /* end default media screen */


/* BREAKPOINTS */
@media only screen and (max-width:800px) {

#csActorsList #header h1,
#csActorsListHome #header h1 {
	font-size:28px;
}
#h1Subtitle {
	font-size:15px;
}
#selectfirstletter {
	font-size:16px !important;
}
#csActorsList .vidcontainer .vidDesc {
	font-size:14px;
}
#csActorsListHome .vidcontainer .vidheader em,
#csActorsList .vidcontainer .vidheader em {
	font-size:95%;
}

}

@media only screen and (max-width:400px) {

#h1Subtitle {
	font-size:12px;
}
#header h1 a:link span,
#h1Subtitle span {
	display:none;
}
#csActorsList #header h1,
#csActorsListHome #header h1 {
	margin:0 20px 0 20px;
}
#actoralphabtnscontainer {
	padding:18px 10px 20px 20px;
}
#csActorAlphabet {
	padding:15px 0 10px 0;
}

}