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

@media screen
{

	#header
	{
		background-color: #A3A3A3;
		text-align: center;
	}

	.ym-wrapper
	{
		margin: 0 auto;
		max-width: 80em;
		width: auto;
	}

	.ym-wbox
	{
		padding: 12px 12px 12px 12px;
	}

	.ym-wbox2
	{
		padding: 0px 0px 0px 0px;
	}

	#nav
	{
		background-color: #666;

	}

	#main
	{
		background-color: #fff;
/*		background-color: #A3A3A3; */
	}

	#secondary
	{
		background-color: #fff;
		border-bottom: 1px #aaa solid;
	}

	#footer
	{
		border-top: 4px #ddd solid;
	}

	.ym-gbox-left
	{
		margin: 0 12px 0 0;
		padding: 0;
	}

	.ym-gbox-right
	{
	}

	.ym-gbox
	{
	}

	.overlay
	{
		background-color: rgba(0,0,0,.75);
		bottom: 48px;
		left: 24px;
		padding: 12px;
		position: absolute;
		width: 40%;
		z-index: 200;
	}

	#teaser
	{
		position: relative;
	}

}

@media only screen and (max-width: 760px)
{
	#secondary .ym-g50
	{
		float: none;
		width: auto;
	}

	#secondary .ym-g25
	{
		width: 50%;
	}

	.overlay
	{
		bottom: 1em;
		left: 1em;
		width: 60%;
	}

	.ym-hlist ul
	{
		display: block;
		float: none;
	}

	.ym-hlist ul li
	{
		display: block;
		float: none;
	}

	.ym-gbox-left
	{
		margin: 0;
	}
}

@media only screen and (max-width: 480px)
{
	.overlay
	{
		display: none;
	}

	.ym-searchform
	{
		display: none;
	}

	body
	{
		font-size: 100%;
	}

	h1
	{
		font-size: 150%;
	}

	h6
	{
		font-size: 100%;
	}

	h7
	{
		font-size: 100%;
	}
}

	nav
	{
		font-family:  "Tahoma", "Calibri", "Cambria", Arial, Helvetica, sans-serif;
		line-height: 1.5;
		margin-top: 50px
		width: 200px;
		-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
		-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
		box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	}
 
	/*Menu Header Styles*/
	.menu-item h5
	{
		border-bottom: 1px solid rgba(0,0,0,0.3);
		border-top: 1px solid rgba(255,255,255,0.2);
		color: #A3A3A3;
		font-size: 15px;
		font-weight: 500;
		padding: 7px 12px;
		/*Gradient*/
		background: #888; /* Old browsers */
		background: -moz-linear-gradient(top,#A3A3A3, #AAAAAA 44%, #CDCDCD 100%); /* FF3.6+ */
		background: linear-gradient(top, #A3A3A3, #AAAAAA 44%, #CDCDCD 100%); /* W3C */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A3A3A3), color-stop(44%,#AAAAAA), color-stop(100%,#CDCDCD)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #A3A3A3 0%,#AAAAAA 44%,#CDCDCD 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #A3A3A3 0%,#AAAAAA 44%,#CDCDCD 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #A3A3A3 0%,#AAAAAA 44%,#CDCDCD 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A3A3A3', endColorstr='#6699CD',GradientType=0 ); /* IE6-9 */
	}

	.menu-item h5 a
	{
/*		color: #6495ED; */
		color: #FFBD63; /* Ginger */
		display: block;
		text-decoration: none;
		width: 200px;
	}

	.menu-item h5:hover
	{ 
		background: #888; /* Old browsers */
		background: -moz-linear-gradient(top,#A3A3A3, #AAAAAA 44%, #CDCDCD 100%); /* FF3.6+ */
		background: linear-gradient(top, #A3A3A3, #AAAAAA 44%, #CDCDCD 100%); /* W3C */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A3A3A3), color-stop(44%,#AAAAAA), color-stop(100%,#CDCDCD)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #A3A3A3 0%,#AAAAAA 44%,#CDCDCD 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #A3A3A3 0%,#AAAAAA 44%,#CDCDCD 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #A3A3A3 0%,#AAAAAA 44%,#CDCDCD 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A3A3A3', endColorstr='#6699CD',GradientType=0 ); /* IE6-9 */
	}

	/*First Item Styles*/
	.alpha p
	{
		font-size: 13px;
		padding: 8px 12px;
		color: #aaa;
		text-decoration: none;
	}

	/*ul Styles*/
	.menu-item ul
	{
		background: #fff;
		font-size: 13px;
		line-height: 30px;
		height: 0px;
		list-style-type: none;
		overflow: hidden;
		padding: 0px;
		/*Animation*/
		-moz-transition: height 1s ease;
		-webkit-transition: height 1s ease;
		-o-transition: height 1s ease;
		-ms-transition: height 1s ease;
		transition: height 1s ease;
	}

	.menu-item:hover ul
	{
		height: auto;
	}

	.menu-item ul a
	{
		margin-left: 20px;
		text-decoration: none;
		color: #aaa;
		display: block;
		width: 200px;
	}
 
	/*li Styles*/
	.menu-item li
	{
		border-bottom: 1px solid #eee;
	}

	.menu-item li:hover
	{
		background: #A3A3A3;
	}

	.menu-item
	{
		background: #A3A3A3;
		width: 200px;
	}

	#nav1
	{
		background-color: #A3A3A3;
	}