/*  
Theme Name: Coon Group, LLC
Theme URI: http://cng.gswitchhosting.com/
Description: A wordpress theme for Coon Group, LLC
Version: 1.0
Author: Christian Seeber & Ash Haque
Author URI: http://www.geniusswitchstudio.com/
*/

/* Universal Selectors
----------------------------------------------------------------------------- */

	*  {
		margin: 0;
		padding: 0;
		/* Resets all margins and paddings on the page */
		}
		
	ul {
		list-style-type: none;
		}
	
	* a:link, * a:visited, * a:hover, * a:active {
		text-decoration: none;
		color: #49a8c7;
		outline: none;
		}
		
	* a:hover {
		cursor: pointer;
		/* works well for onclick anchors */
		}
	
	:link img {
		border: none;
		}
	
	* img {
		border: none;
		}
	
	a img {
		border: none;
		}
	
	:link img, :active img {
		border: none;
		}

	.entry hr {
		display: block !important;
		border: 0 !important; 
		height: 1px !important; 
		background: #999999 !important; 
			*color: #999999 !important; 
		margin-bottom: 18px !important;
	}
		




/* Structure
----------------------------------------------------------------------------- */
	
	html { 
		background: #ebfadf url(images/bg-body.gif) top center repeat-y;
		}

	body {
		font-size: 62.5%; /* Sets the page font to 10px */
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		text-align: center;
		color: #5c5c5c;
		}
		
	#wrapper {
		width: 780px;
		margin: 0 auto;
		padding: 0;
		text-align: left;
		font-size: 1.1em;
		}
		
	#header {
		background: #fff;
		height: 144px;
		position: relative;
		}

	#top {
		background: #57a039;
		}

	#main {
		background: #fff;
		padding: 32px 24px;
		}

	#content {
		float: right;
		width: 536px;
		padding: 1px;
		}
		
	#sidebar {
		float: left;
		width: 160px;
		padding: 4px 1px 1px 1px;
		}
		
	#bottom {
		background: #e3e3e3 url(images/border-bottom.gif) top left repeat-x;
		padding: 40px 24px 40px 24px;
		}
		
	#footer {
		padding: 25px;
		}




	/* Header
	----------------------------------------------------------------------------- */
	
		#header h1 a {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			background: url(images/coon-group.gif) top left no-repeat;
			width: 324px;
			height: 106px;
			text-indent: -9999px;
			}
			
		.topmenu {
			position: absolute;
			top: 21px;
			right: 30px;
			text-align: right;
			}
			
		.topmenu li {
			display: inline;
			font-size: 0.8em;
			}

			.topmenu li.home {
				padding-left: 14px !important;
				background: url(images/home-icon.png) top left no-repeat !important;
				}
			
		.topmenu li a {
			padding: 0 6px 2px 2px;
			color: #57a039;
			background: url(images/dot-green.gif) center right no-repeat;
			}
			
		.topmenu li a:hover {
			color: #147b41;
			}
			
		.topmenu li.last a {
			background: none;
			}
		
		.mainmenu {
			position: absolute;
			width: 365px;
			top: 81px;
			left: 381px;
			}
		
		.mainmenu li {
			display: inline;
			text-indent: -9999px;
			}
		
		.mainmenu li a {
			float: left;
			background: url(images/bg-main-menu.gif) top left no-repeat;
			display: block;
			width: 100px;
			height: 59px;
			}

		.mainmenu li.menu-about a.selected, .mainmenu li.menu-about a:hover {
			background-position: 0 -59px;
			}

		.mainmenu li.menu-focus a {
			background-position: -100px 0;
			}
	
		.mainmenu li.menu-focus a.selected, .mainmenu li.menu-focus a:hover {
			background-position: -100px -59px;
			}

		.mainmenu li.menu-services a {
			width: 89px;
			background-position: -200px 0;
			}
	
		.mainmenu li.menu-services a.selected, .mainmenu li.menu-services a:hover {
			background-position: -200px -59px;
			}

		.mainmenu li.menu-contact a {
			width: 76px;
			background-position: -289px 0;
			}
	
		.mainmenu li.menu-contact a.selected, .mainmenu li.menu-contact a:hover {
			background-position: -289px -59px;
			}
			



	/* Content
	----------------------------------------------------------------------------- */
	
		#top .left {
			width: 350px;
			background: url(images/bg-top-left-mid.gif) top left repeat-y;
			}
			
		#top .left .front-image-top {
			background: url(images/bg-top-left-top.gif) top left no-repeat;
			}
			
		#top .left .front-image-bot {
			background: url(images/bg-top-left-bot.gif) bottom left no-repeat;
			padding: 14px 0 13px 17px;
			}

		#top .right {
			width: 415px;
			padding: 20px 0 15px;
			font: 11px/14px Verdana;
			color: #fff;
			}
			
		#top .home-right {
			padding: 35px 0 25px;
			font: 12px/16px Verdana;
			}
		
		#top .right h2 {
			font: 17px Arial;
			padding-bottom: 10px;
			}
			
		#top .home-right h2 {
			font: 18px Arial;
			}
			
		#top .right p {
			padding-right: 25px;
			}
			
		#top .right a {
			color: #fff;
			font-weight: bold;
			background: url(images/arrow-white.gif) center right no-repeat;
			padding: 0 12px 1px 0;
			}
			
		#top .right a:hover {
			color: #d7e5da;
			}
			
	/* Homepage / Bottom Section
	----------------------------------------------------------------------------- */	
	
		#bottom .contain, .homepage .contain {
			background: url(images/bg-homepage-main.gif) top left repeat-y;
			}
		
		#bottom .left, .homepage #content {
			width: 367px;
			float: left;
			padding: 0;
			}
			
		.homepage .post-entry {
			padding-right: 35px;
			}
			
		#content .featured-title {
			border: 0;
			}
		
		#bottom .right, .homepage .right {
			width: 330px;
			}
			
		.homepage .right .left {
			background: none;
			width: 30px;
			}
		
		.homepage .right .right {
			width: 285px;
			}
			
		.homepage .right .right a {
			color: #6cc647;
			}

		.homepage .right .right a:hover {
			color: #147b41;
			}
			
		.focus-section {
			line-height: 1.5em;
			padding-bottom: 25px;
			}
		
		.last-focus-section {
			padding-bottom: 0;
			}

		#main h2, #bottom h2 {
			font: normal 2.4em Arial;
			color: #636363;
			padding-bottom: 15px;
			}
			
		#main h2 a {
			display: block;
			margin-bottom: -20px;
			}
			
		#bottom .news-item {
			width: 45%;
			float: left;
			padding-right: 4%;
			}
			
		#bottom .news-item a {
			color: #333;
			/*font-weight: bold;*/
			background: url(images/arrow-orange.gif) center right no-repeat;
			padding: 1px 12px 0 0;
			} #bottom .news-item a:hover { text-decoration: underline; }
		
		#bottom .left p {
			font: 11px Verdana;
			padding: 20px 0;
			}
		
		#bottom .right {
			font: 1.1em/1.4em Verdana;
			}
		



				
	/* Content
	----------------------------------------------------------------------------- */
	
		#content .post {
			padding-bottom: 50px;
			}
	
		#content h2 a {
			}
	
		#content p a, #content .metadata a {
			text-decoration: none;
			}

		#content p a:hover, #content .metadata a:hover {
			text-decoration: underline;
			}

		#content p {
			font-size: 12px;
			}
	
		#content p, #content h3, #content blockquote {
			margin-bottom: 15px;
			}
	
		#content h3 {
			font: 1.6em Arial;
			}
			
		#content .entry {
			overflow: hidden;
			padding-top: 10px;
			line-height: 16px;
			}
	
		#content .metadata {
			display: block;
			padding: 5px 0;
			}

	
	
	
	/* Sidebar
	----------------------------------------------------------------------------- */
	
		#sidebar ul li {
			background: url(images/bg-sidebar-item.gif) bottom left repeat-x;
			font: 12px Verdana;
			}
			
		#sidebar ul li a {
			display: block;
			color: #6e6e6e;
			padding: 8px 0;
			}
			
		#sidebar ul li a:hover, #sidebar ul li.current_page_item a {
			color: #f26315;
			background: url(images/arrow-orange.gif) center right no-repeat;
			}
	
	
	
	
	
	/* Footer
	----------------------------------------------------------------------------- */
	
		#footer p {
			color: #b7b7b7;
			}
			
		#footer p a {
			color: #b7b7b7;
			}

		#footer p a:hover {
			text-decoration: underline;
			}




/* Lists
----------------------------------------------------------------------------- */

	#content ul, #content ol {
		margin-bottom: 2.0em;
		}
	#content ul li, #content ol li {
		margin: 1.0em 0 1.0em 3.5em;
		}
	#content ul li ul {
		font-size: 1.0em;
		margin-bottom: 0;
		}
	#content ul li {
		margin-left: 3.0em;
		padding-left: 0.5em;
		list-style-type: circle;
		}
	#content ol li {
		list-style-type: decimal;
		}
	.siteMap a {
		font-size: 1.1em;
		color: #666;




		padding-bottom: 1px;
		}
	.siteMap a:hover {
		background: url(images/bg-sidebar-item.gif) bottom left repeat-x;
		}




/* Headings
----------------------------------------------------------------------------- */

	h1, h1 a, h1 a:hover, h1 a:visited, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, h4, h4 a, h4 a:hover, h4 a:visited {
		font-weight: normal;
		font-family: 'Trebuchet MS', Verdana, Sans-Serif;
		}

	h1 {
		font-size: 2.2em;
		}

	h2 {
		font-size: 2.0em;
		}

	h3 {
		font-size: 1.8em;
		}

	h4 {
		font-size: 1.6em;
		}
		
		
		
		
		
/* Images
----------------------------------------------------------------------------- */

	#content img {
		border: 1px solid #e6e6e6;
		}
		
	#content img.wp-smiley {
		border: 0;
		padding: 0;
		margin: 0;
		display: inline;
		/* For whenever one uses smileys in posts */
		}





/* Forms
----------------------------------------------------------------------------- */

	.searchform {
		width: 250px;
		float: right;
		text-align: right;
		}
		
		
		
		
		
/* Page Specific
----------------------------------------------------------------------------- */

	.last_20 li {
		line-height: 2em;
		}

	.archive_date {
		width: 100px;
		float: left;
		}
		
	/* This is if you use the current page-archives.php for your archives */
		
	.pagetitle {
		font-style: italic;
		display: block;
		padding: 0 0 30px;
		text-align: center;
		}
					
			
			
			
			
/* Extras
----------------------------------------------------------------------------- */

	.contain:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
		
	.contain {
		display: inline-block;
		}
		
	/* Hides from IE-mac \*/
	* html .contain {height: 1%;}
	/* End hide from IE-mac */
	.contain {
		display: block;
		}
	.left {
		width: 48%;
		float: left;
		}
		
	.right {
		width: 48%;
		float: right;
		}
		
	.center {
		text-align: center;
		}

	blockquote {
		border-left: 5px solid #eee;
		padding-left: 15px;
		}

	pre {
		margin-bottom: 1.5em;
		}
	code {
		font: 1.2em/1.8em "Courier New", Courier, mono;
		}

	.center {
		text-align: center;
		}

	hr {
		display: none;
		}