/*
 *	CSS Document for Peace and Love - CREATED 20250118
 *
 *	TABLE OF CONTENTS
 *	- Defaults
 *	- Header
 *	- Content
 *	- Footer
 *	- Responsive
 *	- Changes
 */

/* Defaults
------------------------------------------------------------------------*/

html {
	width: 100%;
	height: 100%;
	background-color: #000;
	scroll-behavior: smooth;
}

body {
	color: #ccc;
	font-family: Roboto, "Noto Sans", serif;
	font-size: 16px;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

#container {
	width: 650px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	z-index: 0;
}

h1 {
	color: #ff0000;
	font-size: 1.7em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 1.1em 0 1.2em;
}

h2 {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}

h3 {
	font-size: 1em;
	font-style: italic;
	margin-bottom: 0.25em;
}

h4 {
	color: #777;
	font-size: 0.85em;
	text-transform: uppercase;
}

p {
	line-height: 1.4em;
	margin: 0;
	padding: 0em 0em 0.7em;
}

a {
	color: #3399ff;	
}

a:hover {
	text-decoration: underline;
}

img {
	display: block;
	object-position: center;
}

img.avatar {
	width: 100px;
	height: 100px;
	opacity: 0.8;
}

/* Header
------------------------------------------------------------------------*/

#header {
	display: block;
	width: 650px;
	height: 60px;
	margin: 0;
	padding: 2em 0em;
}

#logo {
	position: absolute;
	left: 50%;
	margin-left: -30px;
}

.head-border {
	border-image: linear-gradient(to right, #000 0%, #333 50%, #000 100%) 1;
  border-width: 1px;
  border-style: solid;
}

/* Content
------------------------------------------------------------------------*/

/* HOME PAGE */

#home {
	display: block;
	padding: 1.5em 0em 3.5em;
}

.home-links {
	display: block;
	text-align: center;
	margin-top: 2em;
}

.home-links a {
	color: #eee;
	text-decoration: none;
}

.home-links a:hover {
	color: #3399ff;
	text-decoration: underline;
}

/* INNER PAGES */

#article {
	display: block;
	padding: 2em 0em 3em;
}

#article .breadcrumb {
	color: #777;
	font-size: 0.7em;
}

#article .breadcrumb p, 
#article .breadcrumb a,
#article .intro a {
	color: #777;
	text-decoration: none;
}

#article .breadcrumb a:hover,
#article .intro a:hover {
	color: #3399ff;
	text-decoration: underline;
}

#article .news-intro a,
#article .rec-article a {
	opacity: 0.8;
	color: #3399ff;
	text-decoration: none;
}

#article .news-intro a:hover,
#article .rec-article a:hover {
	opacity: 1;
	text-decoration: underline;
}

.soon p {
	line-height: 1em;
	text-align: center;
	padding: 0em 0em 0.6em;
}

.section-break {
	color: #707070;
	padding: 1.5em 0em 0.7em;
}

.about-closing,
.book-list-closing,
.book-movie-list,
.book-movie-closing,
.movie-list-closing,
.soon-closing {
	padding-top: 0.5em;
}

.about-list h3 {
	margin: 0.5em 0em 0em;
}

.privacy-list h3,
.terms-list h3 {
	margin: 1em 0em 0.5em;
}

.about-list p,
.book-list p,
.book-list-closing p,
.book-movie-list p,
.book-movie-closing p,
.best-books-list p,
.best-books-closing p,
.movie-list p,
.movie-list-closing p,
.soon-closing p {
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

.faith-list p,
.health-list p,
.news-list p {
	line-height: 1.4em;
	margin: 0;
	padding: 0px 0px 1px;
}

.health-list-closing {
		padding-top: 0.5em;
}

.health-list-closing p {
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

.reference-list p {
	color: #707070;
	line-height: 1.3em;
	font-size: 0.9em;
	margin: 0;
	padding: 0px 0px 7px;
}

.sitemap-list p {
	line-height: 1.4em;
	margin: 0;
	padding: 0px 0px 3px;
}

.intro-end,
.book-info,
.book-movie-info,
.health-info,
.movie-info {
	color: #707070;
}

.book-list a,
.book-movie-list a,
.best-books-list a,
.health-list a,
.movie-list a,
.movie-list-closing a {
	opacity: 0.7;
	text-decoration: none;
}

.book-list a:hover,
.book-movie-list a:hover
.best-books-list a:hover,
.health-list a:hover,
.movie-list a:hover,
.movie-list-closing a:hover {
	opacity: 1;
	text-decoration: underline;
}

.movie-list .why {
	color: #707070;
	padding-left: 3em;
}

.best-books p,
.best-movies p {
	padding: 0;
}

.best-books a,
.best-movies a {
	color: #3399ff;
	text-decoration: none;
}

.best-books a:hover,
.best-movies a:hover {
	text-decoration: underline;
}

.faith-list a,
.news-list a {
	opacity: 0.8;
	text-decoration: none;
}

.reference-list a {
	opacity: 0.6;
	text-decoration: none;
}

.sitemap-list a {
	opacity: 0.9;
	text-decoration: none;
}

.faith-list a:hover,
.news-list a:hover,
.reference-list a:hover,
.sitemap-list a:hover {
	opacity: 1;
	text-decoration: underline;
}

.sitemap-main-nav-item {
	display: block;
	margin: 1em 0em 0.5em;
}

.privacy-list a,
.terms-list a {
	opacity: 0.9;
	text-decoration: none;
}

.privacy-list a:hover, 
.terms-list a:hover {
	opacity: 1;
	text-decoration: underline;
}

.key-a {
	color: #3399ff;
	opacity: 0.7;
}

.ind1 {
	padding-left: 1em;
}

.ind2 {
	padding-left: 2em;
}

.ind3 {
	padding-left: 3em;
}

.sup-bod {
  color: #707070;
  font-size: 80%;
  vertical-align: super;
  line-height: 1em;
  padding: 0px 2px;
}

.sup-ref {
  color: #fff;
  font-size: 80%;
  vertical-align: super;
  line-height: 1em;
  padding: 0px 2px;
}

/* Footer
------------------------------------------------------------------------*/

#footer {
	display: block;
	text-align: center;
	padding: 2em 0em;
}

.foot-border {
	border-image: linear-gradient(to right, #000 0%, #333 50%, #000 100%) 1;
  border-width: 1px;
  border-style: solid;
}

#footer p, #footer a {
	color: #aaa;
	font-size: 11px;
	line-height: 1em;
	text-decoration: none;
}

#footer a:hover { 
	color: #3399ff;
	text-decoration: underline;
}

	/* Responsive
------------------------------------------------------------------------*/

@media only screen and (max-width: 650px) {
	#container {
		width: 100%;
		margin: 0;
	}

	#header {
		width: 100%;
	}

	#article {
		padding: 2em 1em 3em;
	}

	#ads,
	#cookies {
		display: block;
	}

}

	/* Changes --- IMPORTANT: ADD ALL CHANGES POST 20251009 BELOW ---
------------------------------------------------------------------------*/

/* The End */