/*	Description:
	Author:	Eric McClafferty
	Date:	~3/29/2015
	Revised:	?, ?, 2/3/2011
	Filename: louisbourg.css	*/

	*    {margin: 0; padding: 0;}
	article, aside, figure, figcaption, footer, header, nav, section    {display: block;}
	#wrapper	{max-width: 960px; margin: 0 auto;}

nav	{height: 35px; width: 100%; background-color: #e0e0e0; padding-bottom: 6px;}
#gohome	{float: left; padding-left: 2%;}
#gohome:hover	{background-color: #f6f6f6;}
#site_name	{float: left; color: #484848; font-size: 1.25em; font-variant: small-caps;
			font-weight: bold; letter-spacing: 2px; display: none; margin: 5px 0 0 21%;}
#cbi_home	{float: right; padding-right: 2%;}
#cbi_home:hover  {background-color: #f6f6f6;}

	header #logo   {width: 24.5833%;}
	header #banner    {width: 75.4167%;}
	header #streamer    {padding: 1%; }
	h1    {font-size: 1.35em; text-align: center;}
	.shrink    {font-size: 0.8em;}
	h2    {font-size: 1em; text-align: center; }
	#banner_2, #logo_2    {display: none;}
	article img    {width: 95.8333%; margin: 2.0833%; outline: 1px #bbb solid;}
	article    {padding-top: 2%;} 
	h1, h2, h3    {color: #484848;}
	h3    {padding-left: 2%;}
	p    {text-align: center; line-height: 1.5em;}
	address   {font-size: 0.8em; text-align: center; padding: 15px 0;}

#mnavwrap  {float: left; width: 100%; background-color: #e0e0e0; margin-bottom: 20px;}
#mnavwrap ul	{float: left; width: 100%;}
#mnavwrap ul li	{list-style-type: none; width: 48%; padding: 1px 1% 0 1%; height: 35px;
			float: left; text-align: center; outline: 1px solid #bbb;}
#mnavwrap ul li a    {text-decoration: none; color: #484848; font-size: 1.125em;
				line-height: 1.6em; padding: 4px 20px;}
#mnavwrap li a:hover    {color:#222; background-color: #fff;}
#mnavwrap li.ur_here a    { color: #666; background-color: #f6f6f6;}
#mnavwrap li.ur_here a:hover    {color: #666; background-color: #f6f6f6;}

	@media screen and (min-width: 481px) and (max-width: 667px)
	    {
		header, article, aside, footer  {width: 480px; margin: 0 auto;}
	    }
	@media screen and (min-width: 668px)
	    {
		#wrapper    {outline: 1px #bbb solid; background-color: #eee;}
#site_name	{display: block;}
		#streamer, #logo, #banner, h1, .shrink, h2    {display: none;}
		#logo_2    {display: inline; width:15.2083%;}
		#banner_2    {display: inline; width: 84.7917%; outline: 1px #bbb solid;}
		header    {width: 98%; padding: 1%}
		article    {padding-top: 0.7%;}
		article > figure:nth-of-type(odd)    {float: left; width: 49%; padding: 0.5%;}
		article > figure:nth-of-type(even)    {float: right; width: 49%; padding: 0.5%;}
		aside    {clear: right;}
		aside h3    {margin-left: 50%;}
		address    {font-size: 1em;}
		.break    {display: none;}
		footer    {clear: left}
	    }