@charset "UTF-8";
/* CSS Document */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tbody,
tfoot,
thead,
tr,
th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
	font-family: "omnes-pro", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

body,
html {
	width: 100%;
	height: 100%;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
a,
ins {
	text-decoration: none;
	color: #000;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* VARIABLE per media, domain, section --------------------------------*/
/*text color of various headings, etc.*/
html.books article h1,
html.books article aside,
html.books article li a:hover,
html.books body.lg #connected h3 a:hover,
html.books #alpha li a:hover {
	color: #358ccc;
}

html.letters article h1,
html.letters article aside,
html.letters article li a:hover,
html.letters body.lg #connected h3 a:hover,
html.letters #alpha li a:hover {
	color: #f8941d;
}

html.textmessages article h1,
html.textmessages article aside,
html.textmessages article li a:hover,
html.textmessages body.lg #connected h3 a:hover,
html.textmessages #alpha li a:hover {
	color: #8ebe3f;
}

html.pictures article h1,
html.pictures article aside,
html.pictures article li a:hover,
html.pictures body.lg #connected h3 a:hover,
html.pictures #alpha li a:hover {
	color: #ffcb05;
}

html.videos article h1,
html.videos article aside,
html.videos article li a:hover,
html.videos body.lg #connected h3 a:hover,
html.videos #alpha li a:hover {
	color: #82caf0;
}

html.audiobooks article h1,
html.audiobooks article aside,
html.audiobooks article li a:hover,
html.audiobooks body.lg #connected h3 a:hover,
html.audiobooks #alpha li a:hover {
	color: #2eaa96;
}

html.freemusic article h1,
html.freemusic article aside,
html.freemusic article li a:hover,
html.freemusic body.lg #connected h3 a:hover,
html.freemusic #alpha li a:hover {
	color: #dd5956;
}

html.mp3s article h1,
html.mp3s article aside,
html.mp3s article li a:hover,
html.mp3s body.lg #connected h3 a:hover,
html.mp3s #alpha li a:hover {
	color: #7159a6;
}

html.faq article h1,
html.faq article aside,
html.faq article li a:hover,
html.faq body.lg #connected h3 a:hover,
html.faq #alpha li a:hover {
	color: #c4b48b;
}

html.with-you-now article h1,
html.with-you-now article aside,
html.with-you-now article li a:hover,
html.with-you-now body.lg #connected h3 a:hover,
html.with-you-now #alpha li a:hover {
	color: #905c94;
}

html.today article h1,
html.today article aside,
html.today article li a:hover,
html.today body.lg #connected h3 a:hover,
html.today #alpha li a:hover {
	color: #2eaa96;
}

html.rev article h1,
html.rev article aside,
html.rev article li a:hover,
html.rev body.lg #connected h3 a:hover,
html.rev #alpha li a:hover {
	color: #ffcb05;
}

html.hc article h1,
html.hc article aside,
html.hc article li a:hover,
html.hc body.lg #connected h3 a:hover,
html.hc #alpha li a:hover {
	color: #c4b48b;
}

html.hcm article h1,
html.hcm article aside,
html.hcm article li a:hover,
html.hcm body.lg #connected h3 a:hover,
html.hcm #alpha li a:hover {
	color: #358ccc;
}

html.ocl article h1,
html.ocl article aside,
html.ocl article li a:hover,
html.ocl body.lg #connected h3 a:hover,
html.ocl #alpha li a:hover {
	color: #82caf0;
}

html.prayer-journal article h1,
html.prayer-journal article aside,
html.prayer-journal article li a:hover,
html.prayer-journal body.lg #connected h3 a:hover,
html.prayer-journal #alpha li a:hover {
	color: #f8941d;
}

html.topics article h1,
html.topics article aside,
html.topics article li a:hover {
	color: #358ccc;
}

html#Relationships.topic article h1 {
	color: #8ebe3f;
}

html#Character.topic article h1 {
	color: #7159a6;
}

html#Themes.topic article h1 {
	color: #f8941d;
}

html#World.topic article h1 {
	color: #7159a6;
}


/*gradients classes based on media name*/
html.books body,
html.hcm body,
body.housechurch {
	background-color: #358ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0b4da3), to(#358ccc));
	background-image: -webkit-linear-gradient(top, #0b4da3, #358ccc);
	background-image: -moz-linear-gradient(top, #0b4da3, #358ccc);
	background-image: -ms-linear-gradient(top, #0b4da3, #358ccc);
	background-image: -o-linear-gradient(top, #0b4da3, #358ccc);
	background-image: linear-gradient(top, #0b4da3, #358ccc);
}

html.letters body {
	background-color: #f8941d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f15603), to(#f8941d));
	background-image: -webkit-linear-gradient(top, #f15603, #f8941d);
	background-image: -moz-linear-gradient(top, #f15603, #f8941d);
	background-image: -ms-linear-gradient(top, #f15603, #f8941d);
	background-image: -o-linear-gradient(top, #f15603, #f8941d);
	background-image: linear-gradient(top, #f15603, #f8941d);
}

html.pictures body,
html.prayer-journal body,
html.rev body {
	background-color: #ffcb05;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa200), to(#ffcb05));
	background-image: -webkit-linear-gradient(top, #ffa200, #ffcb05);
	background-image: -moz-linear-gradient(top, #ffa200, #ffcb05);
	background-image: -ms-linear-gradient(top, #ffa200, #ffcb05);
	background-image: -o-linear-gradient(top, #ffa200, #ffcb05);
	background-image: linear-gradient(top, #ffa200, #ffcb05);
}

html.freemusic body {
	background-color: #dd5956;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c01f1d), to(#dd5956));
	background-image: -webkit-linear-gradient(top, #c01f1d, #dd5956);
	background-image: -moz-linear-gradient(top, #c01f1d, #dd5956);
	background-image: -ms-linear-gradient(top, #c01f1d, #dd5956);
	background-image: -o-linear-gradient(top, #c01f1d, #dd5956);
	background-image: linear-gradient(top, #c01f1d, #dd5956);
}

html.textmessages body {
	background-color: #8ebe3f;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4f8e10), to(#8ebe3f));
	background-image: -webkit-linear-gradient(top, #4f8e10, #8ebe3f);
	background-image: -moz-linear-gradient(top, #4f8e10, #8ebe3f);
	background-image: -ms-linear-gradient(top, #4f8e10, #8ebe3f);
	background-image: -o-linear-gradient(top, #4f8e10, #8ebe3f);
	background-image: linear-gradient(top, #4f8e10, #8ebe3f);
}

html.audiobooks body,
html.bulletin-board body {
	background-color: #2eaa96;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#087158), to(#2eaa96));
	background-image: -webkit-linear-gradient(top, #087158, #2eaa96);
	background-image: -moz-linear-gradient(top, #087158, #2eaa96);
	background-image: -ms-linear-gradient(top, #087158, #2eaa96);
	background-image: -o-linear-gradient(top, #087158, #2eaa96);
	background-image: linear-gradient(top, #087158, #2eaa96);
}

html.videos body,
html.ocl body {
	background-color: #82caf0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#42a0e2), to(#82caf0));
	background-image: -webkit-linear-gradient(top, #42a0e2, #82caf0);
	background-image: -moz-linear-gradient(top, #42a0e2, #82caf0);
	background-image: -ms-linear-gradient(top, #42a0e2, #82caf0);
	background-image: -o-linear-gradient(top, #42a0e2, #82caf0);
	background-image: linear-gradient(top, #42a0e2, #82caf0);
}

html.mp3s body {
	background-color: #7159a6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#321f6c), to(#7159a6));
	background-image: -webkit-linear-gradient(top, #321f6c, #7159a6);
	background-image: -moz-linear-gradient(top, #321f6c, #7159a6);
	background-image: -ms-linear-gradient(top, #321f6c, #7159a6);
	background-image: -o-linear-gradient(top, #321f6c, #7159a6);
	background-image: linear-gradient(top, #321f6c, #7159a6);
}

html.faq body,
html.apps body {
	background-color: #c4b48b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#977f4c), to(#c4b48b));
	background-image: -webkit-linear-gradient(top, #977f4c, #c4b48b);
	background-image: -moz-linear-gradient(top, #977f4c, #c4b48b);
	background-image: -ms-linear-gradient(top, #977f4c, #c4b48b);
	background-image: -o-linear-gradient(top, #977f4c, #c4b48b);
	background-image: linear-gradient(top, #977f4c, #c4b48b);
}

html.with-you-now body {
	background-color: #905c94;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#512156), to(#905c94));
	background-image: -webkit-linear-gradient(top, #512156, #905c94);
	background-image: -moz-linear-gradient(top, #512156, #905c94);
	background-image: -ms-linear-gradient(top, #512156, #905c94);
	background-image: -o-linear-gradient(top, #512156, #905c94);
	background-image: linear-gradient(top, #512156, #905c94);
}

html.topic body {
	background-repeat: no-repeat;
	background-size: cover;
}

/*STRUCTURE--------------------*/
div.wrapper {
	max-width: 859px;
	position: relative;
	margin: 0 auto;
	padding: 30px 8px 70px 66px;
}

body.sm div.wrapper {
	width: auto;
	position: relative;
	margin: 0;
	padding: 0;
}

html#landing div.wrapper {
	padding: 20px 8px 33px 66px;
}

html#landing body.sm div.wrapper,
html#landing body.md div.wrapper {
	width: auto;
	position: relative;
	margin: 0;
	padding: 0 15px;
}

html#landing body.md div.wrapper {
	padding: 67px 20px 67px 67px;
	max-width: none;
	width: auto;
}

.wrapper-land {
	max-width: 874px;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -407px;
	padding: 0 15px;
}

body.sm .wrapper-land,
body.md .wrapper-land {
	max-width: none;
	width: auto;
	position: relative;
	left: auto;
	top: auto;
	margin-left: 0;
}

body.md .wrapper-land {
	padding: 115px 15px 30px 80px;
}

article {
	font-family: "rooney-web", "Palatino Linotype", Palatino, "Century Schoolbook L", Georgia, "Times New Roman", Times, serif;
	max-width: 580px;
	padding: 77px 33px 33px 33px;
	background-color: rgba(255, 255, 255, 0.85);
	position: relative;
}

body.md article video,
body.md article {
	max-width: 800px;
}

body.sm article {
	max-width: none;
	width: auto;
	background-color: rgba(255, 255, 255, 1);
	padding: 20px 25px 25px 25px;
	min-height: 0;
}

body.sm article video {
	max-width: 100%;
}

body.lg div.wrapper {
	padding-top: 30px;
}

@media screen and (min-width: 767px) and (max-width: 1345px) {
	html.topic div.wrapper {
		padding-top: 137px;
	}
}

body.md div.wrapper {
	padding-top: 137px;
}

article.wide,
html.topic article {
	max-width: 785px;
}

article.wide {
	padding-top: 33px;
}

article p {
	margin: 0 0 19px 0;
	line-height: 1.6;
	letter-spacing: .01em;
	color: #000;
	font-size: 16px;
	font-weight: 300;
}

article p.intro {
	margin-left: 0;
}

article strong {
	font-weight: 500;
}

article h1 {
	font-family: "omnes-pro", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 52px;
	line-height: .9;
	color: #dd5956;
	padding: 0 0 12px 0;
	margin: 0 0 15px 0;
	border-bottom: dashed 1px #c7c9cb;
}

article>img:first-of-type {
	padding-bottom: 10px;
	width: 100%;
	height: auto;
}

body.lg article h1,
body.md article h1 {
	font-size: 52px;
}

body.sm article h1 {
	font-size: 33px;
}

article.wide h1 {
	color: #FFF;
}

article h2 {
	font-weight: 300;
	font-style: italic;
	font-size: 24px;
	margin-bottom: 20px;
}

article.rtl h2 {
	font-style: normal;
}

article aside {
	float: right;
	margin: 10px 0 10px 20px;
	padding: 7px 0 12px 0;
	width: 300px;
	font-family: "felt-tip-roman", caflisch, script, serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.2;
	border-top: 3px solid;
	border-bottom: 3px solid;
	background: url(/images/quotes.png) no-repeat;
	text-indent: 35px;
}

article aside:nth-of-type(even) {
	float: left;
	margin: 10px 20px 10px 0;
}

body.sm article aside {
	float: none;
	margin: 10px 0 10px 0;
	width: 100%;
}

body.sm article aside:nth-of-type(even) {
	float: none;
	margin: 10px 0 10px 0;
}

footer {
	/*background-color: #393839;*/
	padding: 20px 0 20px 0;
	text-align: center;
	max-width: 646px;
}

html.topic footer {
	background-color: rgba(255, 255, 255, 0.60);
	padding: 33px;
	max-width: 785px;
	margin-top: 15px;
}

html.topic body.sm footer {
	background-color: rgba(255, 255, 255, 0.0);
	padding: 20px;
	background-color: none;
	margin-top: 5px;
}

body.md footer,
html.prayer-journal footer,
html.with-you-now footer,
html.chat-jlt footer,
html.bulletin-board footer,
html.apps footer {
	max-width: none;
	padding: 20px 70px;
}

body.sm footer {
	max-width: none;
	padding: 20px 10px;
}

html#landing footer {
	margin: 0 auto;
}

footer p {
	font-family: "rooney-web", "Palatino Linotype", Palatino, "Century Schoolbook L", Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
	color: #000;
	margin: 20px 0;
	padding: 0 5px;
}

footer nav {
	display: inline-block;
}

footer nav a {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	color: #000;
	margin: 12px;
	border-bottom: dashed 1px rgba(0, 0, 0, 0.0);
}

body.sm footer nav a {
	margin: 6px;
}

footer nav a:hover {
	color: #000;
	border-bottom: dashed 1px rgba(0, 0, 0, 1.0);
}

footer #mobile-app-links {
	height: 30px;
}

footer #mobile-app-links a {
	margin: 12px;
}

footer #mobile-app-links img {}

body.sm footer #mobile-app-links a {
	margin: 7px;
}

body.sm footer #mobile-app-links img {
	height: 27px;
}

/*select::-ms-expand {
	display: none;
}*/
#side-absolute {
	width: 205px;
	position: absolute;
	top: 0;
	right: 0;
}

#side-fixed {
	width: 205px;
	position: fixed;
	top: 167px;
}

body.md #side-absolute,
body.sm #side-absolute {
	width: auto;
	position: relative;
	top: auto;
	right: auto;
	margin-top: 15px
}

body.md #side-fixed,
body.sm #side-fixed {
	width: auto;
	position: relative;
	top: auto;
}

section#connected {
	background-color: rgba(255, 255, 255, 0.7);
	padding: 1px 10px 10px 10px;
}

body.sm section#connected,
body.md section#connected {
	background-color: rgba(255, 255, 255, 0.85);
	padding: 1px 10px 10px 10px;
}

section#connected,
article,
html.topic footer {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-bottom: 20px;
	-webkit-box-shadow: 0 0 10px 0 rgba(57, 57, 57, 0.25);
	box-shadow: 0 0 10px 0 rgba(57, 57, 57, 0.25);
}

body.sm section#connected,
body.sm article,
body.sm section#connected,
body.sm article,
html.topic body.sm footer {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*section#connected.start {
	position: fixed;
	top: 200px;
}
section#connected.mid {
	position: absolute;
	top: 255px;
}
section#connected.end {
	position: fixed;
	top: 85px;
}
section#book-list-section {
	margin-left: 33px;
}
section#book-list-section li {
	width: 150px;
	height: 228px;
	margin: 0 33px 33px 0;
	display: inline-block;
	background-color: rgba(199,201,203,1);
}
*/
article ol li {
	font-family: "omnes-pro", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	padding: 6px 20px;
	border-bottom: dotted 1px #c7c9cb;
	color: #393839;
	letter-spacing: .03em;
}

article ol li a {}

article ol li:nth-child(even) {
	background-color: rgba(155, 158, 162, 0.1);
	/*background-color: rgba(216,206,237,0.5); purple bars*/
}

article ol li dl {
	float: right;
	font-size: 12px;
	color: #77787b;
}

body.sm article ol li dl,
body.md article ol li dl {
	float: none;
	font-size: 12px;
	color: #77787b;
	padding: 7px 0 4px 0;
}

article ol li dl dd {
	float: left;
	width: 55px;
	text-align: right;
	padding-right: 7px;
}

body.sm article ol li dl dd,
body.md article ol li dl dd {
	float: none;
	width: auto;
	display: inline-block;
	text-align: center;
}

body.sm dd a.direct,
body.sm dd a.download,
body.sm dd a.share {
	margin: 0 10px;
}

article ol li dl dd.icon {
	width: 30px;
}

article ol li dl dt {
	display: none;
}

/*PLAYLIST*/
article ol.playlist li span {
	cursor: pointer;
}

html.mp3s article ol.playlist li.current,
html.freemusic article ol.playlist li.current {
	background: url(/images/icon-audio-current-1424.svg) no-repeat;
	background-size: 22px;
}

html.mp3s article ol.playlist li:hover,
html.mp3s article ol.playlist li.current {
	color: #7159a6;
}

html.freemusic article ol.playlist li:hover,
html.freemusic article ol.playlist li.current {
	color: #dd5956;
}

.playlist li.played {
	background: url(/images/icon-check-1424.svg) no-repeat;
}

article ol.topics li img {
	vertical-align: sub;
	margin-right: 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

article ol.topics li dl {
	padding-top: 18px;
}

a:focus img {
	border: none;
}

.modal {
	display: none;
}

body.md .modal {
	display: block;
}

/* Overlay */
#simplemodal-overlay {
	background-color: #c7c9cb;
}

/* Container */
#simplemodal-container {
	color: #393839;
	background-color: #FFF;
	padding: 21px 30px 51px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 10px 0 rgba(57, 57, 57, 0.25);
	box-shadow: 0 0 10px 0 rgba(57, 57, 57, 0.25);
}

#simplemodal-container a.modalCloseImg {
	background: url(/images/x.svg) no-repeat;
	width: 35px;
	height: 35px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -20px;
	right: -20px;
	cursor: pointer;
}

#connected h3,
#simplemodal-container h3 {
	margin: 10px 0 0 10px;
	font-weight: 300;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #77787b;
}

body.sm #connected h3 a:hover,
body.md #connected h3 a:hover {
	cursor: default;
}

#connected h3 img,
#simplemodal-container h3 img {
	padding-right: 12px;
	position: relative;
	top: 6px;
}

#alpha li {
	padding: 2px 0px;
	letter-spacing: .3em;
	text-align: center;
}

#alpha li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

#connected h4 {
	margin: 25px 0 10px 0;
	padding: 15px 20px 10px 20px;
	font-weight: 300;
	font-size: 18px;
	text-align: center;
	letter-spacing: .07em;
	color: #FFF;
	background-color: #77787b;
}

img.img-cvr {
	margin: 0 0 17px 0;
	width: 205px;
}

body.md img.img-cvr {
	margin: 0;
	width: 150px;
}

body.sm img.img-cvr {
	margin: 0;
	width: 90px;
}

body.md #main-cover {
	float: right;
	margin: -33px 0 10px 20px;
}

body.sm #main-cover {
	float: right;
	margin: -15px 0 8px 15px;
}

html#landing h1,
html#landing h2,
html#landing h3,
html.bulletin-board h1,
html.with-you-now h1,
html.chat-jlt h1,
html.prayer-journal h1 {
	font-size: 72px;
	color: #FFF;
	text-align: center;
	font-weight: 300;
	padding-bottom: 15px;
	position: relative;
}

html#landing body.sm h1,
html#landing body.sm h2,
html#landing h3,
html.bulletin-board body.sm h1,
html.with-you-now body.sm h1,
html.chat-jlt.sm h1,
html.prayer-journal body.sm h1 {
	font-size: 33px;
}

html#landing body.sm h1,
html#landing body.sm h2,
html#landing body.sm h3 {
	font-size: 34px;
}

body.sm h1 img {
	height: 55px;
	position: relative;
	top: 10px;
}

html#landing body.md h1,
html#landing body.md h2,
html#landing body.md h3 {
	font-size: 55px;
}

html#landing body.md h1 img {
	height: 77px;
	position: relative;
	top: 8px;
}

html#landing.letters h2 {
	color: #f15603;
}

html#landing.textmessages h2 {
	color: #4f8e10;
}

html#landing.mp3s h2 {
	color: #7159a6;
}

html#landing dl.ltr-txt-randoms {
	width: 100%;
}

html#landing dl.ltr-txt-randoms dt a {
	color: #FFF;
	font-weight: 300;
}

html#landing dl.ltr-txt-randoms dt a:hover {
	color: #000;
}

html#landing dl.ltr-txt-randoms dt {
	font-size: 30px;
	padding-top: 15px;
	margin-top: 15px;
	border-top: dashed 1px #393839;
}

html#landing body.sm dl.ltr-txt-randoms dt {
	font-family: "rooney-web", "Palatino Linotype", Palatino, "Century Schoolbook L", Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	padding-top: 10px;
	margin-top: 10px;
	border-top: dashed 1px #393839;
}

html#landing dl.ltr-txt-randoms dd {
	font-size: 17px;
	padding-top: 7px;
	font-family: "rooney-web", "Palatino Linotype", Palatino, "Century Schoolbook L", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 1.4;
	padding-left: 33px;
	color: #000;
	font-weight: 300;
}

html#landing body.sm dl.ltr-txt-randoms dd {
	font-size: 16px;
	padding-top: 5px;
	line-height: 1.3;
	padding-left: 23px;
}

html#landing dl.ltr-txt-randoms dd a.more {
	padding-left: 10px;
	text-transform: uppercase;
}

html#landing dl.ltr-txt-randoms dd a.more:hover {
	color: #FFF;
}

html#landing #land {
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #c7c9cb;
	background-size: cover;
}

html#landing.letters #land {
	background-image: url(/images/lg-orange-3.svg);
}

html#landing.textmessages #land {
	background-image: url(/images/lg-green.svg);
}

html#landing.books #land {
	background-image: url(/images/lg-blue.svg);
}

html#landing.freemusic #land {
	background-image: url(/images/lg-red.svg);
}

html#landing.audiobooks #land {
	background-image: url(/images/lg-teal.svg);
}

html#landing.mp3s #land {
	background-image: url(/images/lg-purple.svg);
}

html#landing.videos #land {
	background-image: url(/images/lg-cyan.svg);
}

html#landing.pictures #land {
	background-image: url(/images/lg-yellow.svg);
}

.land-first {
	height: 100%;
	width: 100%;
}

body.sm .land-first,
body.md .land-first {
	height: auto;
	width: auto;
}

html#landing.letters .wrapper-land,
html#landing.textmessages .wrapper-land,
html#landing.videos .wrapper-land {
	height: 620px;
	margin-top: -370px;
}

html#landing.letters body.sm .wrapper-land,
html#landing.textmessages body.sm .wrapper-land,
html#landing.videos body.sm .wrapper-land,
html#landing.letters body.md .wrapper-land,
html#landing.textmessages body.md .wrapper-land,
html#landing.videos body.md .wrapper-land {
	height: auto;
	margin-top: 0;
}

html#landing.pictures .wrapper-land {
	height: 750px;
	margin-top: -400px;
}

html#landing.books .wrapper-land {
	height: 500px;
	margin-top: -330px;
}

html#landing.freemusic .wrapper-land,
html#landing.audiobooks .wrapper-land {
	height: 600px;
	margin-top: -360px;
}

html#landing.mp3s .wrapper-land {
	height: 650px;
	margin-top: -360px;
}

html#landing.letters body.sm .wrapper-land,
html#landing.textmessages body.sm .wrapper-land,
html#landing.videos body.sm .wrapper-land,
html#landing.pictures body.sm .wrapper-land,
html#landing.books body.sm .wrapper-land,
html#landing.freemusic body.sm .wrapper-land,
html#landing.audiobooks body.sm .wrapper-land,
html#landing.mp3s body.sm .wrapper-land,
html#landing.letters body.md .wrapper-land,
html#landing.textmessages body.md .wrapper-land,
html#landing.videos body.md .wrapper-land,
html#landing.pictures body.md .wrapper-land,
html#landing.books body.md .wrapper-land,
html#landing.freemusic body.md .wrapper-land,
html#landing.audiobooks body.md .wrapper-land,
html#landing.mp3s body.md .wrapper-land {
	height: auto;
	margin-top: 0;
}

#letters-2 {
	background-color: rgb(199, 200, 202);
}

#letters-3 {
	background-color: rgba(142, 190, 63, 0.5);
}

#section3 {
	height: 600px;
	background-color: orange;
}

#section4 {
	height: 400px;
	background-color: blue;
}

ul.alpha {
	text-align: center;
	padding: 33px 0 0;
}

body.sm ul.alpha {
	padding: 0;
}

ul.alpha li {
	display: inline-block;
	font-size: 25px;
	letter-spacing: .02em;
	border-left: dotted 1px #77787b;
	display: inline-block;
	padding: 0 11px;
	color: #393839;
	cursor: pointer;
}

body.sm ul.alpha li {
	margin-bottom: 8px;
}

html.letters ul.alpha li:hover,
html.letters ul.alpha li.current {
	color: #f15603;
}

html.textmessages ul.alpha li:hover,
html.textmessages ul.alpha li.current {
	color: #4f8e10;
}

ul.alpha li.first {
	border-left: none;
}

ul.alpha-detail {
	padding-top: 33px;
}

ul.alpha-detail li {
	font-size: 18px;
	margin-left: 20px;
	font-weight: 500;
	padding: 6px 7px;
	border-bottom: dashed 1px #77787b;
}

body.sm ul.alpha-detail li {
	font-size: 17px;
	margin-left: 0;
}

ul.alpha-detail li a {
	color: #393839;
}

html.letters ul.alpha-detail li a:hover {
	color: #f15603;
}

html.textmessages ul.alpha-detail li a:hover {
	color: #4f8e10;
}

#refresh {
	width: 50px;
	display: block;
	text-align: center;
	margin: 20px auto 0;
}

p.land-desc,
#letters-2 p {
	font-family: "rooney-web", "Palatino Linotype", Palatino, "Century Schoolbook L", Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: 300;
	line-height: 2;
	margin-bottom: 18px;
}

ul#book-land {
	width: 100%;
	margin-top: 40px;
	text-align: center;
}

body.md ul#book-land {
	margin-top: 20px;
	padding-bottom: 40px;
}

body.sm ul#book-land {
	margin-top: 0;
	padding-bottom: 70px;
}

ul#book-land li {
	display: inline-block;
	margin: 8px;
}

ul#book-land li img {
	border: solid 3px #FFF;
	display: block;
}

ul#book-land li a {
	display: block;
	-webkit-box-shadow: 2px 2px 12px 0 rgba(57, 57, 57, 0.4);
	box-shadow: 2px 2px 12px 0 rgba(57, 57, 57, 0.4);
}

ul#book-land li a:hover {
	-webkit-box-shadow: 4px 4px 12px 0 rgba(57, 57, 57, 0.7);
	box-shadow: 4px 4px 12px 0 rgba(57, 57, 57, 0.7);
}

.clear-both {
	clear: both;
}

dl#books-list {
	padding: 30px;
}

dl#books-list dt {
	padding: 15px 0 0 165px;
	border-top: dashed 1px #393839;
	font-size: 30px;
	font-weight: 300;
	clear: both;
	vertical-align: top;
}

body.sm dl#books-list {
	text-align: center;
}

body.sm dl#books-list dt {
	padding: 15px 0 12px 0;
}

dl#books-list dt a {
	color: #358ccc;
}

dl#books-list dt a:hover {
	color: #FFF;
}

dl#books-list dd.summary {
	font-size: 17px;
	padding: 7px 0 15px 165px;
	font-family: "rooney-web", "Palatino Linotype", Palatino, "Century Schoolbook L", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 1.4;
	color: #000;
	font-weight: 300;
}

body.sm dl#books-list dd.summary {
	padding: 7px 0 15px 0;
}

dl#books-list dd.subtitle {
	font-size: 20px;
	padding-top: 12px;
	line-height: 1.2;
	font-style: normal;
}

dl#books-list dd a.more {
	text-transform: uppercase;
}

dl#books-list dd a.more:hover {
	color: #FFF;
}

dl#books-list dd.books-img {
	float: left;
	margin: -30px 20px 15px 0;
	padding: 0;
	border: solid 2px #FFF;
}

body.sm dl#books-list dd.books-img {
	display: inline-block;
	width: auto;
	float: none;
	margin: 0;
	padding: 0;
}

dl#books-list dd.books-img img {
	display: block;
}

dl#series-list {
	padding: 30px;
}

dl#series-list dt {
	padding: 15px 0 0 262px;
	border-top: dashed 1px #393839;
	font-size: 30px;
	font-weight: 300;
	clear: both;
	vertical-align: top;
	height: 120px;
}

body.sm dl#series-list {
	text-align: center;
}

body.sm dl#series-list dt {
	padding: 15px 0 12px 0;
	height: auto;
}

dl#series-list dt a {
	color: #358ccc;
}

dl#series-list dt a:hover {
	color: #FFF;
}

dl#series-list dd.summary {
	font-size: 17px;
	padding: 7px 0 15px 262px;
	font-family: "rooney-web", "Palatino Linotype", Palatino, "Century Schoolbook L", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 1.4;
	color: #000;
	font-weight: 300;
}

body.sm dl#series-list dd.summary {
	padding: 7px 0 15px 0;
}

dl#series-list dd.subtitle {
	font-size: 20px;
	padding-top: 12px;
	line-height: 1.2;
	font-style: normal;
}

dl#series-list dd a.more {
	text-transform: uppercase;
}

dl#series-list dd a.more:hover {
	color: #FFF;
}

dl#series-list dd.series-img {
	float: left;
	margin: -120px 20px 15px 0;
	padding: 0;
	border: solid 2px #FFF;
}

body.sm dl#series-list dd.series-img {
	display: inline-block;
	width: auto;
	float: none;
	margin: 0;
	padding: 0;
}

dl#series-list dd.series-img img {
	display: block;
}

html#landing.freemusic .wrapper-land,
html#landing.audiobooks .wrapper-land {
	text-align: center;
}

.wrapper-land a img.landing-album-cover {
	border: solid 3px #FFF;
	-webkit-box-shadow: 2px 2px 12px 0 rgba(57, 57, 57, 0.4);
	box-shadow: 2px 2px 12px 0 rgba(57, 57, 57, 0.4);
}

html#landing.freemusic .wrapper-land a img.landing-album-cover {
	width: 25%;
}

html#landing.audiobooks .wrapper-land a img.landing-album-cover {
	width: 25%;
}

body.sm .wrapper-land a img.landing-album-cover {
	border: solid 2px #FFF;
}

.wrapper-land a:hover img.landing-album-cover {
	-webkit-box-shadow: 4px 4px 12px 0 rgba(57, 57, 57, 0.7);
	box-shadow: 4px 4px 12px 0 rgba(57, 57, 57, 0.7);
}

.wrapper-land a img.landing-album-cover {
	margin-right: 25px;
	margin-bottom: 25px;
}

body.md .wrapper-land a img.landing-album-cover {
	margin-right: 15px;
	margin-bottom: 15px;
}

body.sm .wrapper-land a img.landing-album-cover {
	margin-right: 10px;
	margin-bottom: 10px;
}

#mp3-column1 {
	max-width: 330px;
	/*height: 460px;*/
	float: left;
	position: relative;
	padding-bottom: 20px;
}

body.sm #mp3-column1,
body.md #mp3-column1 {
	max-width: 330px;
	float: none;
	position: relative;
	text-align: center;
	padding-bottom: 70px;
	margin: 0 auto;
}

#mp3-column2 {
	width: 536px;
	float: right;
	text-align: center;
}

body.sm #mp3-column2,
body.md #mp3-column2 {
	display: none;
}

#album-nav img {
	margin: 0 6px 12px 6px;
	border: solid 3px #FFF;
}

#title-launch a {
	font-size: 16px;
	color: #FFF;
	margin: 0 4px;
}

#title-launch img {
	border: solid 3px #FFF;
}

#album-index {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
}

body.sm #album-index,
body.md #album-index {
	bottom: 53px;
}

#album-index a {
	font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 15px;
	color: #FFF;
	margin-right: 6px;
}

#album-index a.first {
	font-size: 24px;
}

#album-index a.current-index {
	font-weight: bold;
	text-decoration: underline;
}

#album-index a.star {
	font-size: 24px;
}

#arrow-right,
#arrow-left {
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	display: inline-block;
}

#arrow-right {
	border-left: 20px solid rgba(255, 255, 255, 0.7);
	margin-left: 10px;
}

#arrow-left {
	border-right: 20px solid rgba(255, 255, 255, 0.7);
	margin-right: 10px;
}

#refresh,
#random {
	cursor: pointer;
}

body.sm #refresh {
	padding-bottom: 50px;
}

body.sm #random {
	display: block;
	margin-bottom: 10px;
}

#wide-column1 {
	max-width: 530px;
	display: inline-block;
}

#narrow-column2 {
	width: 216px;
	display: inline-block;
	font-family: "omnes-pro", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 12px;
	vertical-align: top;
	margin-left: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

body.sm #narrow-column2 {
	width: 100%;
	padding: 0;
	margin-left: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#video-column1 {
	width: 20%;
	float: left;
	margin: 25px 0 0 0;
}

#video-column2 {
	width: 75%;
	float: right;
	margin: 25px 0 0 0;
	border: #FFF 3px solid;
	-webkit-box-shadow: 2px 2px 12px 0 rgba(57, 57, 57, 0.4);
	box-shadow: 2px 2px 12px 0 rgba(57, 57, 57, 0.4);
}

#video-column1 ul a img {
	border: #FFF 3px solid;
	-webkit-box-shadow: 2px 2px 12px 0 rgba(57, 57, 57, 0.4);
	box-shadow: 2px 2px 12px 0 rgba(57, 57, 57, 0.4);
}

#video-column1 a {
	margin: 0 20px 10px 0;
	display: block;
}

#video-column1 ul {
	text-align: center;
	/*white-space: nowrap;*/
}

#video-column1 li {
	display: inline-block;
	max-width: 210px;
	text-align: center;
}

body.sm #video-column1 {
	width: 100%;
}

body.sm #video-column2 {
	width: 100%;
}

body.sm #video-clear,
body.md #video-clear {
	padding-bottom: 40px;
}

.video-wrapper {
	width: 100%;
}

ul#intervals {
	width: 100%;
	text-align: center;
}

ul#intervals li {
	display: inline-block;
	cursor: pointer;
	margin: 10px 2px;
	padding: 3px 5px 5px;
}

ul#intervals li.current {
	background-color: #905c94;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

ul#interval-list {}

ul#interval-list li {
	border-top: solid 1px #c7c9cb;
	padding: 3px 0;
	font-weight: 200;
	letter-spacing: .03em;
}

ul#interval-list li span {
	float: right;
}

#wyn-column2 h2 {
	text-align: center;
	font-style: normal;
	margin: 10px 0 0 0;
}

#wyn-column2 img {
	border: solid 2px #FFF;
}

ul#wyn img,
ul.related li img {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin: 0 8px -15px -52px;
	vertical-align: middle;
	width: 40px;
	height: 40px;
}

ul#wyn li,
ul.related li {
	padding: 5px 0 5px 52px;
	border-top: solid 1px #c7c9cb;
}

body.lg ul.related li {
	min-width: 600px;
}

ul.related {
	margin: 25px;
}

ul.related li img {
	position: relative;
	top: -9px;
}

ul.related li {
	padding: 13px 0 13px 52px;
}

html.topic article ul li {
	padding: 13px 0 13px 52px;
	border-bottom: solid 1px #c7c9cb;
}

html.topic article ul li img {
	position: relative;
	top: -9px;
	width: 40px;
	height: 40px;
	margin: 0 8px -20px -52px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

html.topic article.rtl ul li {
	padding: 13px 52px 13px 0;
}

html.topic article.rtl ul li img {
	top: -3px;
	margin: 0 -52px -20px 0;
}

ul#wyn li p {
	font-style: italic;
	font-weight: 300;
	font-size: 15px;
	margin: -6px 0 0 0;
}

ul#wyn li em {
	font-weight: 500;
}

#next-prev-box {
	margin: 20px 0 40px;
	position: relative;
}

#prev-item,
#next-item {
	font-family: "omnes-pro", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
	position: absolute;
}

#prev-item:hover,
#next-item:hover {
	color: #dd5956;
}

#prev-item {
	left: 0;
}

#next-item {
	right: 0;
}

/* bottom level text formatting */
article em {
	font-style: italic;
}

article strong {
	font-weight: bold;
}

article strong.em_strong {
	font-weight: bold;
	font-style: italic;
}

article p a:link,
article p a:visited,
article p a:active,
#breadcrumb a:link,
#breadcrumb a:visited,
#breadcrumb a:active {
	color: #358ccc;
	background-color: none;
	text-decoration: underline;
}

article #breadcrumb {
	margin: 8px 0;
}

article h3 {
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
}

article p a:hover,
#breadcrumb a:hover {
	color: #FFF;
	background-color: #358ccc;
	text-decoration: none;
}

article .scripture,
article .quote {
	font-style: italic;
	margin: 0 50px 15px 40px;
}

article .scripture_ref {
	font-style: normal;
	margin: 0 50px 0 40px;
	color: #999;
}

article .verse_ref {
	font-size: 12px;
	font-style: normal;
	margin-left: 3px;
}

article .regular_text {
	font-style: normal;
}

article .grammar_bold {
	font-weight: bold;
}

article .date {
	color: #996600;
	font-weight: bold;
}

article p.poem {
	line-height: 16px;
	font-style: italic;
	margin: 0 0 0 20px;
}

article p.poem_first,
article p.poem_stanza {
	font-style: italic;
	line-height: 16px;
	margin: 14px 0 0 20px;
}

article p.poem_first:first-letter {}

article .intro,
article .question,
article .prayer,
article .grammar_ital,
article .inline_verse {
	font-style: italic;
}

article.rtl .intro,
article.rtl .question,
article.rtl .prayer,
article.rtl .grammar_ital,
article.rtl .inline_verse {
	font-style: normal;
}

article .intro,
article .question {
	font-family: "omnes-pro", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 24px;
	letter-spacing: .02em;
}

article .red_text {
	color: #990000;
}

article .signature {
	font-style: italic;
	text-align: right;
}

article .footnote {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

article .footnote_number {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 8px;
	line-height: 11px;
}

article .heading_poem {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}

article .seedInfo {
	font-size: 13px;
	line-height: 14px;
	padding: 0px;
	margin-bottom: 7px;
}

article .seedSum2Verse {
	font-size: 13px;
	line-height: 14px;
	margin-bottom: 4px;
	font-style: italic;
	color: #C1B299;
}

article .seedDate {
	font-size: 13px;
	line-height: 14px;
	margin-bottom: 4px;
	color: #999999;
}

article .breadcrumbs {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #999999;
	margin: 0px;
}

article .spanFileSize {
	font-size: 11px;
	color: #666666;
}

article .superscript {
	font-size: 9px;
	vertical-align: super;
	line-height: 22px;
}

article .subscript {
	font-size: 9px;
	vertical-align: sub;
	line-height: 22px;
}

article .time {
	color: #666666;
	font-style: normal;
}

article .footnote_ref_link {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	bottom: 4px;
	padding: 2px;
	margin-left: 1px;
}

article .footnote_ref {
	font-size: 9px;
	vertical-align: super;
}

article .footnote_number {
	font-size: 9px;
	vertical-align: super;
}

article a:visited span.footnote_ref_link {
	color: #f8941d;
	background-color: none;
	text-decoration: underline;
}

article .listenLine {
	font-size: 14px;
}

article .listenLine a:link,
.listenLine a:visited,
.listenLine a:active,
.listenLine a:focus {
	text-decoration: none;
	color: #42316A;
}

article .listenLine a:hover {
	text-decoration: none;
	color: #7E6547;
}

article .moreLink {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 14px;
	margin: 0px;
}

article .moreLink a:link,
article .moreLink a:hover,
article .moreLink a:active,
article .moreLink a:focus {
	text-decoration: none;
	color: #42316A;
}

article .moreLink a:visited {
	text-decoration: none;
	color: #42316A;
}

html.pictures #mainImage {
	text-align: center;
	margin-bottom: 12px;
}

html.pictures #mainImage img {
	width: 100%;
}

html#landing.pictures #SimpleThumbviewJS1400767771532 a {
	color: #FFF;
	cursor: pointer;
	font-size: 14px;
}

html#landing.freemusic #more {
	text-align: center;
	padding: 33px 45px 0 0;
}

html#landing.freemusic body.sm #more {
	text-align: center;
	padding: 0 0 33px 0;
}

html#landing.freemusic body.sm #more img {
	height: 77px;
}

#video-all-list {
	text-align: center;
	padding-bottom: 33px;
}

#video-all-list li {
	display: inline-block;
	width: 227px;
	vertical-align: top;
	text-align: center;
}

#video-all-list li a {
	display: block;
	width: 200px;
}

#video-all-list li a:hover {
	display: block;
	width: 200px;
	color: #42a0e2;
}

#video-all-list li a img {
	margin: 18px 0 5px 0;
	border: 3px #FFF solid;
}

#bulletin-board-form {
	padding: 0 12px 0 4px;
}

body.sm #bulletin-board-form {
	padding: 0;
}

#bulletin-board-form p {
	margin: 0;
}

#bulletin-board-form input,
#bulletin-board-form textarea {
	margin-bottom: 14px;
	width: 100%;
}

ul#bulletin-list li {
	padding: 10px 0 5px 0;
	border-top: dotted 1px #087158;
	margin-bottom: 15px;
}

ul#bulletin-list h2 {
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	margin: 0 0 7px 0;
	color: #087158;
}

ul#bulletin-list p {
	font-style: italic;
	font-weight: 300;
	font-size: 15px;
	margin: 0;
}

#SimpleThumbviewJS1400767771532 {
	width: 100%;
	text-align: center;
}

body.sm #SimpleThumbviewJS1400767771532,
body.md #SimpleThumbviewJS1400767771532 {
	padding-bottom: 35px;
}

#SimpleThumbviewJS1400767771532>div {
	margin: 0 auto;
}

/*body.md #SimpleThumbviewJS1400767771532 {
	width: 500px;
}
body.sm #SimpleThumbviewJS1400767771532 {
	width: 300px;
}
article[dir="rtl"] p, article[dir="rtl"] h1, article[dir="rtl"] {
	font-size: 150% !important
}*/
article img.hundred {
	width: 100%;
}

article img.fifty {
	width: 50%;
}