* {margin:0; padding:0; outline:0; }

html	{overflow-y:scroll; height:100vh; }
body	{background-image:url(pic/background.jpg); background-repeat:no-repeat; background-position:center; background-attachment:fixed; background-color:#000; text-align:left; color:#000; font-size:18px; font-family:Poppins, Nunito, Open Sans, Arial}
main	{padding:0; margin:auto; overflow:hidden; display:block; position:relative; cursor:default; background-color:#fff; width:100%; max-width:1100px; height:auto; }
header	{background-color:#000; margin-bottom:-8px; padding:20px; padding-left:30px; padding-right:30px; clear:both; color:#0d4350; }
footer	{background-color:#000; margin-top:-8px; padding:20px; padding-left:30px; padding-right:30px; clear:both; color:#0d4350; }

div				{padding:0; margin:auto; overflow:hidden; display:block; position:relative; width:auto; height:auto; border:0px solid #777777; }
div.title		{background-color:#000; color:#fff; padding:2px; padding-left:50px; padding-top:10px; font-size:30px; font-weight:bold; white-space:nowrap; }
div.subtitle	{background-color:#000; color:#fff; padding:0px; padding-bottom:30px; padding-left:70px; }
div.paragraph	{background-color:transparent; padding-top:20px; padding-bottom:20px; }
div.spacer		{height:80px; }

blockquote				{border:0px solid #777777; }
blockquote.title		{color:#FFF; background-color:#2b5674; padding:30px; padding-top:20px; padding-bottom:20px; clear:both; font-size:30px; font-weight:bold; }
blockquote.comment		{padding:30px; padding-top:20px; padding-bottom:20px; }
blockquote.menu			{padding:30px; padding-top:20px; padding-bottom:20px; }
blockquote.black		{font-size:34px; font-weight:bold; color:#750d0d; background-color:#000; padding:50px; padding-top:30px; padding-bottom:50px; }
blockquote.links		{padding:30px; padding-top:10px; clear:both; white-space:nowrap; overflow:hidden; line-height:1.2; color:#a5c4df; }

img			{background-color:transparent; max-width:100%; height:auto; margin:0px; padding:0px; }
img.small	{padding:30px; padding-top:20px; padding-left:40px; float:right; clear:both; max-width:40%; height:auto; }
video		{background-color:#000; clear:both; width:100%; height:auto; max-height:619px; }
q			{font-weight:bold; }
q.highlight	{font-weight:bold; color:#000; background-color:#cde5f0; }
q.bible		{font-weight:bold; color:#000; background-color:#f1d8d8; }
em			{font-weight:bold; }
cite		{font-weight:bold; }

span.menu		{color:#357273; padding:5px; padding-left:0px; margin:5px; margin-left:0px; margin-right:2px; }
span.menutext	{color:#357273; background-color:#FFF; font-size:14px; padding:2px; padding-left:0px; padding-right:6px; margin:0px; margin-right:2px; }

a:link		{color:#3d4f83; background-color:transparent; }
a:visited	{color:#3d4f83; background-color:transparent; }
a:hover		{color:#000; background-color:transparent; }
a:active	{color:#3d4f83; background-color:transparent; }
a			{transition:all .5s ease; text-decoration:none; margin:0; }

a.footerheader:link		{color:#2b4d6c; background-color:transparent; }
a.footerheader:visited	{color:#2b4d6c; background-color:transparent; }
a.footerheader:hover	{color:#fff; background-color:#000; }
a.footerheader:active	{color:#2b4d6c; background-color:transparent; }
a.footerheader			{transition:all .5s ease; text-decoration:none; margin:0; }

a.src:link		{color:#a5c4df; background-color:transparent; }
a.src:visited	{color:#a5c4df; background-color:transparent; }
a.src:hover		{color:#000; background-color:transparent; }
a.src:active	{color:#a5c4df; background-color:transparent; }
a.src			{transition:all .5s ease; text-decoration:none; font-size:14px; line-height:1.5; display:inline-block; }

a.ast:link		{color:#9dc1e1; background-color:transparent; }
a.ast:visited	{color:#9dc1e1; background-color:transparent; }
a.ast:hover		{color:#000; background-color:transparent; }
a.ast:active	{color:#9dc1e1; background-color:transparent; }
a.ast			{transition:all .5s ease; text-decoration:none; margin:0; }

a.block:link	{color:#fff; background-color:#225981; }
a.block:visited	{color:#fff; background-color:#225981; }
a.block:hover	{color:#fff; background-color:#000; }
a.block:active	{color:#fff; background-color:#225981; }
a.block			{display:inline-block; transition:all .5s ease; white-space:nowrap; padding:24px; padding-top:12px; padding-bottom:12px; margin:2px; }




/* change layout of containers at certain screen max-width (horizontal fill to vertical alignment, narrow images fill screen width) */
@media screen and (max-width:800px) {
body			{font-size:16px; }
header,footer	{font-size:14px; padding-left:20px; }
div.title		{padding-left:30px; }
div.subtitle	{padding-left:40px; }
span.menu		{display:block; color:#357273; padding:0px; margin:0px; }
span.menutext	{font-size:12px; padding-left:5px; }
img.small		{padding:0px; padding-left:0px; padding-top:15px; padding-bottom:15px; max-width:100%; }
blockquote.title		{padding:20px; font-size:24px; }
blockquote.comment		{padding:20px; }
blockquote.black		{font-size:22px; padding:30px; padding-top:30px; padding-bottom:30px; }
blockquote.links		{padding:20px; }
a.src			{font-size:12px; }
}



/* opacity change on hover 
div.example {opacity:0.5; transition:all .7s ease; }
div.example:hover {opacity:1; transition:all .7s ease; }
*/