@charset "UTF-8";
/*
	for all spotlight/tv/*.html pages
	© Films for Christ / Christian Answers
	last edit 7.7.2025 pst
	► may need some cleanup
*/

@media screen {

/* body */
body {
	color:#000;
	background:#000;
}

#tvhome h1 {
	text-align:center;
	font-size:36px;
	font-weight:700;
	margin:20px 0 8px 0;
	line-height:42px;
}
#tvhome #content,
#content {
	background:#fff;
	border-radius:0 0 15px 15px;
}
#tvhome #content p {
	font-size:18px;
	margin:10px 0 20px 20px;
	line-height:200%;
}
#tvhome #AlphabeticalList li {
	margin-bottom:30px;
}
#tvhome #rightcolumn {
	width:30%;
	max-width:250px;
	border-left:1px solid #999;
}

#TVArticle #content,
#TVArticle #content p {
	font-size:18px;
}
#TVArticle #content p {line-height:180%;}

#TVArticle h1 span {
	font-size:12px;
	padding-left:20px;
	color:#000;
}
#TVArticle .tvseriesDescription,
#tvseriesreviewindex .tvseriesDescription {
	font-size:18px;
	line-height:175%;
	margin:10px 0 40px 20px;
}
#TVArticle .sidebar li {
	margin-bottom:20px;
}
#TVArticle #content .disclaimer {
	font-size:14px !important;
}

#tvseriesreviewindex #pagewrapper #content {
	background:#fff;
}
#tvseriesreviewindex h1 {
	text-align:center;
}
#tvseriesreviewindex h2 {
	text-align:center;
	font-size:24px;
}
#tvseriesreviewindex #tvtitlecommentsindex,
#TVArticle #tvtitlecommentsindex {
	font-size:18px;
	margin-bottom:30px;
	padding-top:15px;
}
#TVArticle #tvtitlecommentsindex {}

#tvseriesreviewindex #tvtitlecommentsindex a,
#TVArticle #tvtitlecommentsindex a {
	margin-left:20px;
	padding:5px 10px;
	border:1px solid #000;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
/* END body */


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

.tvlistspacer {
	clear:left;
	margin-bottom:20px;
}

.tableofcontents li {
	list-style:square;
}
#tocbox { /* dependency: jquery-toc.enc.js */
	margin:40px 0 40px 15px;
	font-size:85%;
}
	#tocbox div {/* toc title */
		font-size:15px;
		font-style:italic;
		font-weight:600;
	}
	#tocbox ul {
		margin-left:10px;
		padding-left:0;
	}
		#tocbox li {
			margin:15px 0 0 0;
			padding-left:0;
			margin-left:0;
			font-weight:400;
		}
		#tocbox li span {
			font-weight:normal;
		}
	#tocbox a,
	#tocbox a:link,
	#tocbox a:visited,
	#tocbox a:active {
		border-bottom:none !important;
	}

a h1:hover {
	color:#000 !important;
}

.tvpic {/* for tv show pictures */
	float:left;
	margin:0 30px 20px 0;
	width:190px;
	border:none;
	background:#ccc;
	-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);
}

img.tvpic300 {/* for tv show pictures max-width=300 */
	float:left;
	margin:0 30px 20px 0;
	width:50%;
	max-width:300px;
	border:none;
	background:#ccc;
	-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);
}

/* ----Dependency: /scripts/pullquote.js */
div.pullquote,
div.pullquote p,
div.pullquote p a {
	font-family:Oswald,'Open Sans',Arial,Helvetica,sans-serif !important;
	}
	div.pullquote {
		float:left;
		width:200px;
		margin:4px 15px 15px 0;
		padding:8px;
		border:3px solid #576d70;/* CuttySarkGreen */
		border-width:3px 0;
		background:transparent;
	}
	div.pullquote p:first-letter {
		text-transform:uppercase;
	}
	div.pullquote p {
		margin:0;
		color:#576d70;/* CuttySarkGreen */
		font-size:18px;
		font-weight:400;/* 700 highest currently available for Oswald 7.9.2017 */
		line-height:30px !important;
		text-align:center;
		/* font-style:normal !important; */
		/* font:italic 1.3em/1.3 Osmond; */
	}
	div.pullquote p a {
		border:none !important;
	}
/* END PULLQUOTES */

.vidheader h2,
.vidheader .videoAbout,
.videocontainer600 .videoheader {
	margin-top:0;
	margin-bottom:0 !important;
	padding:10px 0;
	width:100%;
	background:#5b0000;/* a red */
	color:#fff;
	font-size:18px !important;
	font-weight:bold;
	line-height:32px;
	text-align:center;
	border-radius:15px 15px 0 0;
}

.aka {
	margin-top:0;
	margin-bottom:20px;
}
#aka span {
	font-style:italic;
	margin-bottom:20px;	
}

.tvviewercommentsrequest {
	width:200px;
	margin:20px 0 20px 220px;
	padding:10px 20px 10px 20px;
	line-height:150%;
	font-style:italic;
	border:2px solid #660000;
	border-radius:10px;
}
.tvviewercommentsrequest a {
	border-bottom:none !important;
}
.tvviewercommentsrequest a:hover {
	color:#660000 !important;
	background:none;
	font-style:normal;
}
.tvviewercommentsrequest:hover {
	color:#660000 !important;
	background:#f0eee4; /* Marshmallow */
}

a:hover {
	color:#cccc99; /* gold */
	background-color:#5d0000; /* red */
}

.linkEmphasis a:link,
a:visited {
	font-size:16px;
	border-bottom:2px dotted #999;
	padding-bottom:1px;
}

h1 {
	margin:20px 0 8px 0;
	color:#caca83;/* PineGladeB */
	font-size:36px;
	font-weight:300 !important;
	line-height:42px;
}
h2 {
	margin:0 0 20px 0;
	padding-left:20px;
	text-align:left;
}
#tvseriesreviewindex #content .wrapperpaddingAlpha h3 {
	border-top:1px solid #ccc;
	margin-top:60px;
	padding-top:30px;
	font-size:28px !important;
	font-weight:300;
	line-height:34px !important;
}
	#tvseriesreviewindex #content .wrapperpaddingAlpha h3 span {
		font-size:14px !important;
	}

p,
tr,
td {
	font-size:14px;
}

/* ==========IDs========== */
#intereviewWrapper {}
	#intereviewWrapper h2 {
		font-size:16px;
		font-weight:600;
		text-align:left;
		color:#000;
		background:none;
		background-color:transparent;
		margin:30px 0 0 0;
		padding:0;
	}

#tvratingsTable td {
	font-size:16px;
}
#tvratingsTable tr {
	vertical-align:top;
}
#tvcredits {
	font-size:16px;
	margin:20px 0 40px 20px;
}

#viewercomments {
	font-size:24px;
	font-weight:300;
	margin:30px 0 0 0;
}
#tvmoralrating {
	text-align:right;
	width:145px;
}

#tvsiteidentifier {
	margin:0;
	padding:5px 10px 8px 10px;
	position:relative;
	-webkit-box-shadow:4px 5px 10px rgba(0, 0, 0, 0.50);
	-moz-box-shadow:4px 5px 10px rgba(0, 0, 0, 0.50);
	box-shadow:4px 5px 10px rgba(0, 0, 0, 0.50);
}
#tvsiteidentifier,
#tvsiteidentifier a,
	#tvsiteidentifier a:link,
	#tvsiteidentifier a:visited {
	text-align:center;
	font-size:28px;
	font-weight:500;
	color:#caca83;/* PineGladeB */
}

#tvguide img {}

#ratingslist {}
	#ratingslist li {
		list-style:none;
		line-height:150%;
		margin-bottom:20px;
	}

#techproblems {
	text-align:center;
}

#programreviews {
	color:#9b48a0;
	font-size:130%;
	font-weight:bold;
	font-style:italic;
	margin:20px 0 15px 0;
}

#moviereviews {
	text-align:left;
	padding:0 0 0 10px;
}

#gamereviews {
	text-align:left;
	padding:0 0 20px 10px;
}
#gamereviews ul {
	margin:0 0 0 20px;
	padding:0;
}
#gamereviews li {
	padding:0;
	margin:0 0 10px 0;
	list-style-type:square;
}
#prayersect ul {
	list-style:none;
	margin:10px 0 0 0;
	padding:0 0 0 10px;
}
#prayersect li {
	list-style:none;
	line-height:150%;
	margin:0 0 10px 0;
}
/* END IDs */





/* ==========CLASSES========== */
.bigcap {
	color:#5d0000; /* red */

}

/* INSERTS========== */
div.insertbox {
	margin:10px 0 10px 40px;
	padding:10px;
	width:200px;
	border:1px solid #999;
	border-radius:10px;
	background-color:#fff;
	float:right;
}
	.insertbox a:link,
	.insertbox a:visited {
		border-bottom:2px dotted #999;
		padding-bottom:1px;
	}
	.insertbox h2 {
		margin:0 0 10px 0;
		padding:0;
		text-align:center;
		font-size:16px;
		color:#000;
		background:none;
		font-weight:700;
	}


/* inserts */
.insert_QA {
	display:block;
	float:none;
	margin-top:30px;
	padding:0 0 15px 0;
	border-bottom:2px solid #cfcfcf;/* VeryLightGray */
	margin-bottom:35px;
}
.QA_divider div { 
	color:#939597;/* UltimateGray */
}
.QA_divider {
	border:0px solid #fff;
	background-image:url('/img/lineHMid.png');
	background-repeat:repeat-x;
	background-position:center;
}
.QA_divider div {
	font-size:18px;
	font-weight:600;
}
div.QA_divider span {
	background:#fff;
	margin-left:40px;
}

/* editor’s note*/
.editorsnote {
	font-family:Lora,Georgia,'Times New Roman',Times,serif;
	font-size:100%;
	line-height:150%;
	margin:0 0 20px 15px;
}
	.editorsnote span {
		color:#666666;
		font-weight:bold;
	}
	.editorsnote p {
		font-family:Lora,Georgia,'Times New Roman',Times,serif;
		font-size:100%;
	}
	.editorsnote li {
		font-family:Lora,Georgia,'Times New Roman',Times,serif;
		font-size:100%;
	}
	.editorsnote a:link,
	.editorsnote a:visited {
		border-bottom:2px dotted #999;
		padding-bottom:1px;
	}
/* END editor’s note*/


div.alsosee {
	font-size:14px;
}
	.alsosee a:link,
	.alsosee a:visited {
		border-bottom:2px dotted #999;
		padding-bottom:1px;
	}

div.seeviewercomments {
	font-size:18px;
	margin-left:30px;
	font-style:italic;
}
	.seeviewercomments a:before {
		content:"► see viewer comments";
	}

ul.titlelist {
	margin:40px 0 40px 20px;
}
ul.titlelist li {
	font-size:14px;
	font-weight:600;
	margin-bottom:20px;
}
	.description {
		font-size:12px;
		padding:10px 0 0 20px;
		line-height:150%;
	}
		.nameofTVCommenter {
			font-weight:400;
			font-style:italic;
		}
			.nameofTVCommenter:before {
				content:"—Commenter: ";
				font-style:italic;
				padding-left:10px;
			}

.sidebar {
	z-index:99;
	float:right;
	background-color:#fff;
	width:250px;
	padding-left:30px;
}

li.AlphabetLetter {
	font-size:28px;
	line-height:34px;
	font-weight:300;
	list-style:none;
	border-bottom:1px solid #CCCCCC;
	margin:30px 0 10px 0;
	position:relative;
	left:-15px;
}


/* COMMENTS from readers */
.commentdivider {
	margin:30px 0 15px 20px;
	color:#4b5d52; /* Nandor */
	font-size:18px;
	font-weight:300;
	padding-bottom:5px;
	border-bottom:1px solid #f0eee4; /* Marshmallow */
}

.comment {
	break-inside:avoid-column; /* prevents nameage from separating from comment when in balanced columns */
	/* word-break:keep-all; not helping */
	font-size:18px;
	margin:10px 0 30px 20px;
	text-align:left;
	line-height:200%;
}
	.comment ol,
	.comment ul {
		position:relative;
		left:20px;
	}
	.comment blockquote {}
	.comment blockquote p {
		font-family:Lora,Georgia,'Times New Roman',Times,serif;
		font-size:14px;
		line-height:140%;
	}
	.comment span.myratings {
		font-weight:600;
		padding:20px;
		line-height:170%;
	}
	.comment .nameage {
		position:relative;
		left:20px;
		font-family:'Oswald',sans-serif;
		font-size:14px;
		margin-top:5px;
	}
	.comment .nameage a {
		font-family:'Oswald',sans-serif;
		font-size:14px;
	}
	.nameage:before {
		content:"—";
		font-style:italic;
		padding-left:10px;
	}
	.comment .overall {
		font-weight:700;
	}
	.comment a:hover {
		border-bottom:0;
		padding-bottom:0;
	}
	.comment a:link,
	.comment a:visited {
		border-bottom:2px dotted #999;
		padding-bottom:1px;
	}

.commentresponse {
	font-size:13px;
	line-height:140%;
	position:relative;
	left:20px;
	margin:10px 0 10px 0;
}
	.commentresponse span.myratings {
		margin-top:5px;
		font-style:italic;
	}
	.commentresponse .nameage {
		font-family:'Oswald',sans-serif;
		font-size:13px;
		margin:5px 0 0 20px;
	}
/* END comments */


img.tvspotlightlogo { /* phaseout */
	float:left;
	margin:0 15px 10px 0;
	width:150px;
	height:105px;
}

span.qanda {
	font-size:185%;
	font-weight:bold;
	color:#990099;
	font-style:italic;
	padding:0 12px 0 0;
}

span.question {
	display:block;
	width:auto;
	background:#f0eee4; /* Marshmallow */
	margin:0 0 0 0;
	padding:1px 15px 5px 25px;
}

img.green {
	width:20px;
	height:16px;
	margin:0 5px 0 0;
}
img.yellow {
	width:20px;
	height:16px;
	margin:0 5px 0 0;
}
img.red {
	width:20px;
	height:16px;
	margin:0 5px 0 0;
}
img.unrated {
	width:18px;
	height:14px;
	margin:0 5px 0 0;
	border:1px solid #ccc;
}

a.1 {}
	a.1:link {
		color:#cc0066;
	}
	a.1:visited {
		color:#990066;
	}
	a.1:hover {
		color:#ff0000;/* BrightRed */
		background-color:#ffffcc;
	}
	a.1:active {
		color:#ff00ff;
	}
/* END classes */

} /* end default media screen */

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

#tvhome #rightcolumn,
#tvseriesreviewindex .sidebar,
#TVArticle .sidebar,
.sidebar {display:none !important;}

#tvhome h1 {font-size:28px; line-height:34px;}

#tvseriesreviewindex #tvtitlecommentsindex,
#TVArticle #tvtitlecommentsindex  {
	padding-top:15px; font-size:18px;
}
#tvseriesreviewindex .tvpic300,
#tvseriesreviewindex .tvpic {
	float:right;
	margin:0 0 20px 30px;
}
#tvseriesreviewindex h3 {font-size:22px;}

#tvseriesreviewindex .tvviewercommentsrequest {
	width:80%;
	font-size:14px;
	margin:20px 0 20px 20px;
	padding:10px 20px 10px 20px;
}

} /* end 700 */