/*	Project:	 	Jumping Cats Publishing, Inc. Website
*	Author:		James R. Van Laan
*	Framework:	YAML v4.1.2
*	File:		typography.css
*	Copyright:	© 2017 Jumping Cats Publishing, Inc. All rights reserved.
*/

@media all
{
	html *
	{
		font-size: 100.01%;
	}

	textarea,
	pre,
	code,
	kbd,
	samp,
	var,
	tt
	{
		font-family:  "Tahoma", "Calibri", "Cambria", Arial, Helvetica, sans-serif;
	}

	body
	{
		background-color: #A3A3A3;
/*		color: #FFFFFF; */
/*		color: #6495ED; */
		color: #FFBD63; /* Ginger */
		font-family:  "Tahoma", "Calibri", "Cambria", Arial, Helvetica, sans-serif;
		font-size: 75.00%;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	h7
	{
		line-height: 2.0em;
		color: #222;
		font-family:  "Tahoma", "Calibri", "Cambria", Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: 400;
		margin: 0 0 0.25em 0;
	}

	h1
	{
		font-size: 250%;
		text-align: center;
	}

	h2
	{
		font-size: 200%;
	}

	h3
	{
		font-family:  "Tahoma", "Calibri", "Cambria", Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 225%;
		line-height: 1.25em;
		color: #000000;
	}

	h4
	{
		font-family:  "Tahoma", "Calibri", "Cambria", Arial, Helvetica, sans-serif;
		line-height: 1.20em;
		font-size: 175.0%;
		font-style: normal;
	}

	h5
	{
		font-size: 116.67%;
	}

	h6
	{
		font-family:  "Tahoma", "Calibri", "Cambria", Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 225%;
		line-height: 1.25em;
		color: #FFBD63; /* Ginger */
	}

	h7
	{
		font-family:  "Tahoma", "Calibri", "Cambria", Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 225%;
		line-height: 1.25em;
		color: #375D9E; /* Blue */
	}

	h8
	{
		line-height: 2.0em;
		font-family:  "Tahoma", "Calibri", "Cambria", Arial, Helvetica, sans-serif;
		font-style: normal;
		font-weight: 400;
		color: #4068E0;
		font-size: 133.33%;
		text-align: left;
		margin: 0 0 0.25em 0;
	}

	ul,
	ol,
	dl
	{
		line-height: 1.5em;
		margin: 0 0 1em 1em;
	}

	ul
	{
		list-style-type: disc;
	}

	ul ul
	{
		list-style-type: circle;
	}

	ol
	{
		list-style-type: decimal;
	}

	ol ol
	{
		list-style-type: lower-latin;
	}

	li
	{
		line-height: 1.5em;
		margin-left: 0.8em;
	}

	dt
	{
		font-weight: bold;
	}

	dd
	{
		margin: 0 0 1em 0.8em;
	}

	p
	{
		line-height: 1.5em;
		margin: 0 0 1em 0;
	}

	blockquote,
	cite,
	q
	{
		font-family:  "Tahoma", "Calibri", "Cambria", Arial, Helvetica, sans-serif;
		font-style: normal;
	}

	blockquote
	{
		color: #666;
		margin: 0 0 1em 0;
		text-align: center;
	}

	strong,
	b
	{
		font-weight: bold;
	}

	em,
	i
	{
		font-style: italic;
	}

	big
	{
		font-size: 116.667%;
	}

	small
	{
		font-size: 91.667%;
	}

	pre
	{
		line-height: 1.5em;
		margin: 0 0 1em 0;
	}

	pre,
	code,
	kbd,
	tt,
	samp,
	var
	{
		font-size: 100%;
	}

	pre,
	code
	{
		color: #800;
	}

	kbd,
	samp,
	var,
	tt
	{
		color: #666;
		font-weight: bold;
	}

	var
	{
		font-style: italic;
	}

	acronym,
	abbr
	{
		border-bottom: 1px #aaa dotted;
		cursor: help;
		font-variant: small-caps;
		letter-spacing: .07em;
	}

	sub,
	sup
	{
		font-size: 91.6667%;
	}

	hr
	{
		background: transparent;
		border: 0;
		border-bottom: 1px #eee solid;
		color: #fff;
		margin: 0 0 0.5em 0;
		padding: 0 0 0.5em 0;
	}

	a
	{
		background: transparent;
		color: #666;
		text-decoration: none;
	}

	a:visited
	{
		color: #036;
	}

	a:focus,
	a:hover,
	a:active
	{
		color: #182E7A;
	}

	p.icaption_left
	{
		display: inline;
		float: left;
		margin: 0 1em 0.15em 0;
	}

	p.icaption_right
	{
		display: inline;
		float: right;
		margin: 0 0 0.15em 1em;
	}

	p.icaption_left img,
	p.icaption_right img
	{
		border: 1px #888 solid;
		padding: 0;
	}

	p.icaption_left strong,
	p.icaption_right strong
	{
		background: #A3A3A3;
		display: block;
		font-size: 91.667%;
		font-weight: normal;
		margin-top: 2px;
		overflow: hidden;
		padding: 0.3em 0.5em;
	}

	.highlight
	{
		color: #c30;
	}

	.dimmed
	{
		color: #888;
	}

	.info
	{
		background: #CDCDCD;
		border-radius: 5px;
		color: #666;
		font-size: 91.7%;
		margin: 1.5em 0;
		padding: 12px 24px;
	}

	.note
	{
		background: #efe;
		border: 2px #484 solid;
		color: #040;
		margin-bottom: 1em;
		padding: 10px;
	}

	.important
	{
		background: #ffe;
		border: 2px #884 solid;
		color: #440;
		margin-bottom: 1em;
		padding: 10px;
	}

	.warning
	{
		background: #fee;
		border: 2px #844 solid;
		color: #400;
		margin-bottom: 1em;
		padding: 10px;
	}

	.float_left
	{
		display: inline;
		float: left;
		margin-bottom: 0.15em;
		margin-right: 1em;
	}

	.float_right
	{
		display: inline;
		float: right;
		margin-bottom: 0.15em;
		margin-left: 1em;
	}

	.center
	{
		display: block;
		margin: 0.5em auto;
		text-align: center;
	}

	table
	{
		border-bottom: 2px #888 solid;
		border-collapse: collapse;
		border-top: 2px #888 solid;
		margin-bottom: 0.5em;
		width: auto;
	}

	table caption
	{
		font-variant: small-caps;
	}

	table.full
	{
		width: 100%;
	}

	table.fixed
	{
		table-layout: fixed;
	}

	th,
	td
	{
		padding: 0.5em;
	}

	thead th
	{
		border-bottom: 2px #800 solid;
		color: #000;
	}

	tbody th
	{
/*		background: #e0e0e0; */
		background: #A3A3A3;
		border-bottom: 1px solid #fff;
		color: #333;
		text-align: left;
	}

	tbody th[scope="row"],
	tbody th.sub
	{
/*		background: #f0f0f0; */
		background: #A3A3A3;
	}

	tbody td
	{
		border-bottom: 1px solid #eee;
	}

	tbody tr:hover th[scope="row"],
	tbody tr:hover tbody th.sub
	{
		background: #f0e8e8;
	}

	tbody tr:hover td
	{
		background: #fff8f8;
	}

	#nav .ym-wbox
	{
		padding: 0 12px;
	}

	.flexible
	{
		max-width: 100%;
	}

	.bordered
	{
		border: 4px #fff solid;
		box-shadow: 0 0 4px rgba(0,0,0,.5);
	}

	blockquote.box p
	{
		font-family:  "Tahoma", "Calibri", "Cambria", Arial, Helvetica, sans-serif;
		font-size: 32px;
		font-style: normal;
		font-weight: 400;
		margin: 0;
	}

	.overlay h3
	{
		color: #fff;
	}

	.overlay p
	{
		color: #ddd;
		margin: 0 0px 0px 0px;
	}
}

