/*
THEME NAME: Makemedia
THEME URI: http://www.makemedia.com
DESCRIPTION: Theme for makemedia.com based on Sandbox Theme
VERSION:1.0
AUTHOR: Edd Temple-Smithson
AUTHOR URI:
TAGS: makemedia, sandbox

	Sanbox Theme Information
	Theme Name: Sandbox
	Theme URI: http://www.plaintxt.org/themes/sandbox/
	Description: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
	Version: 1.6.1
	Author: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
	Author URI:
	Tags: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer


*/
/*
------------------------------------------------------
*******     STYLE SHEET FOR MAKEMEDIA.COM      *******
*******      Created by Stuart Nicholls    	   *******
------------------------------------------------------

CONTENTS FOR CASCADE

	1. Defaults
	2. Structure
	3. Links and navigation
	4. Fonts
	5. Images
	6. Forms
	7. Tables
	8. Misc stuff
	9. Page specific content

	A. Debug colours

-----------------------------------------------------
Notes: Blog Styles By Edd Temple-Smithson


-----------------------------------------------------
*/



/* --------- 1. defaults  --------- */



* {/* zero all margins and padding */
		margin: 0;
		padding: 0;
		}

/* hides heading text when graphic style is required. 		
.hideText{ 
		position:absolute;
		font-size: 1px; 
		text-indent: -5000px;
		}
*/

.clear { /* this is used to clear the floats. */
		clear: both;
		}


hr.transparentRule { /* invisible rule */
		border: none 0; 
		border-top: 0px; /*the border*/
		height: 0px; /*whatever the total width of the border-top and border-bottom equal*/
		width: 100%; color: #fff; background: #fff; /*different browsers color the rule differently!*/
		margin-bottom: 0px; margin-top: 0px; padding: 0px}	
hr.dashedRule { /* dashed rule */
		border: none 0; 
		border-top: 1px dashed #ccc; /*the border*/
		height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
		width: 100%; color: #fff; background: #fff; /*different browsers color the rule differently!*/
		margin-bottom: 0px; margin-top: 0px; padding: 0px}	
	
hr.rule { /* line rule */
		border: none 0; 
		border-top: 1px solid #f0f0f0; /*the border*/
		height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
		width: 100%; color: #fff; background: #fff; /*different browsers color the rule differently!*/
		margin-bottom: 0px; margin-top: 0px; padding: 0px}	

		
		

/*  --------- 2. structure  --------- */


	
	/* -- main site architecture -- */
	
	
	body {/*
	
	background: url(images/menu/mainmenu.gif) 0px 85px repeat-x;
	
	
	width: 860px; /*page width*/
		/*margin: 0px auto 0px; 
		text-align: left;*/
	/*background: url(images/background.jpg) no-repeat;*/
	}
	 
	 
	 
	/* -- Page Wrapper Stucture -- */
	
	#container {	
		
		/*position:relative;*/
		width: 860px; /*page width*/
		margin: 0px auto; 
		text-align: left;
		
		}


	/* -- Header Stucture -- */
	

	
	#mainHeaderTopDiv {
	position: relative;
	margin: 0px auto 0px; 
	text-align: left;
	width:860px;
	height: 85px;
	}
	
	
	
	#logo {
	position: absolute;
	top: 20px;left: -2px;
	}


	#telMoreInfo {
	position: absolute;
	top: 23px;left: 703px;
	}


	#telCallNo {
	position: absolute;
	top: 45px;
	left: 647px;
	}
	
	
	
	/* -- breadcrumb Stucture -- */
	
	#breadcrumbDiv {
	margin: 0px auto 0px; 
	text-align: left;
	background: url(images/menu/breadcrumb.gif) repeat-x;
	height:41px;
	}
	
	#breadcrumbPadDiv {
	margin: 0px auto 0px; 
	text-align: left;
	width:860px;
	}
	
	#breadcrumbDiv ul li{ 
	display: inline;
	margin: 0px;
	}
	

	
	
	/* -- Main Navigational links Stucture -- */
	
	#mainMenu {
	margin:0px;
	}
	
	#yourCMSbadge {
	padding-top:4px; float:right;
	}
	
	#mainMenuDiv { /*setup a div for the navigation*/
	margin: 0px auto 0px; 
	text-align: left;
	height:40px;
	background: url(images/menu/mainmenu.gif) repeat-x;
	
	}
	
	#mainMenuPaddingDiv {
	margin: 0px auto 0px; 
	text-align: left;
	width:860px;
	}

	#mainMenuDiv ul{ /* navigation list style */
	display: inline;
	width: 710px; /*tabs width*/
	height: 40px;
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px;
	}


	#mainMenuDiv ul li{ /* navigation list item style */
	display: inline;
	margin: 0px;
	}


	#mainMenuDiv a{ /*navigation link style - sets the button size etc*/
	height: 40px;
	display:block;
	margin: 0px;
	float: left; 
	}
		
	#mainMenuDiv .hText { 
	position:absolute;
	font-size: 1px; 
	text-indent: -5000px;
	}	
	
	
	#subMenuDiv {
	border-top:1px solid #e2e2e2;
	
	}
	
	#subMenuDiv ul {
	padding:0px;
	margin:0px;
	
	}
	
	#subMenuDiv li {
	padding-top:20px; padding-bottom:20px;
	border-bottom:1px solid #e2e2e2;
	}
	
	#subMenuDiv li ul li{
	padding-top:5px; padding-bottom:5px;
	border:none;
	}
	
	
	
	
	/* -- Container Structure -- */
	
	.twoColumnLayoutC1 {
	float:left;
	width:641px;
	min-height:20px;
	}
		
	.twoColumnLayoutC2 {
	float:left;
	width:219px;
	min-height:20px;
	}
	
	.twoColumnLayoutPadding {
	padding-left:19px; padding-top:74px;
	}
	
	#content h2 {
	border-bottom:1px solid #E2E2E2;
	color:#080808;
	font-family:Myriad,Helvetica,Arial,Verdana,sans-serif;
	font-size:2.3em;
	font-weight:normal;
	line-height:44px;
	margin-bottom:10px;
	margin-top:30px;
	}
	
	#content .entry-content p{
	color:#080808;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	font-size:1.2em;
	font-weight:normal;
	line-height:18px;
	margin-bottom:10px;
	margin-top:0;
	padding-top:10px;
	}
	
	#content .entry-content a{
	color:#97B61B;
	font-weight: bold;
	}
	
	#content .entry-meta{
	border: solid 1px #cccccc;
	background-color:#F5F5F5;
	padding:5px;
	color:#cccccc
	}
	
	
	#content .entry-meta a{
	color: #999;
	}
	
	#comments-list p
	{
		margin: 5px 0;
		padding: 5px;
		background-color: #F5F5F5;
		border: solid 1px #CCCCCC;
	}
	
	#comments-list ol{
		margin: 0px;
	}
	
	#comments-list ol li{
		list-style:none;
		border: solid 1px #CCCCCC;
		padding: 5px; 
	}
	
	#comments-list ol span
	{	
	color:#080808;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	font-size:1.2em;
	font-weight:normal;
	line-height:18px;
	
	}
	
	#comments-list ol li .unapproved
	{	
	color:maroon;
	}
	
	#comments-list ol li .comment-meta
	{	
	margin: 5px 0;
	}
	
	
		
	/* -- Footer Stucture -- */


	#siteFooterWrapperPadDiv {
	padding-top: 47px;
	}
	
	#siteFooterWrapperDiv {
	margin: 0px auto 0px; 
	height: 25em;
	}
	
	#siteFooterWrapperInnerDiv {
	position:relative;
	margin: 0px auto 0px;
	}


	#siteFooterTopDiv {
	height: 3.2em;
	background: #f8f8f8 url(images/footer-top.gif) 0px 0px repeat-x;
	} 
	
	#siteFooterTopPaddingDiv {
		margin: 0px auto 0px; 
		width: 860px; /*page width*/
		padding: 1.1em 0px;
	}
	
	#siteFooterBotDiv {
		height: 3.2em;
		background-color: #eeeeee;
	} 
	
	#siteFooterBotPaddingDiv {
		background: url(images/dots-single.gif) repeat-x;
		margin: 0px auto 0px; 
		width: 860px; /*page width*/
		padding: 1.1em 0;
	}
	
	#siteFooterMidDiv {
		
		background-color: #f4f4f4;
		}
	
	#siteFooterMidPaddingDiv {
		height:20em;
		background: url(images/dots-single.gif) repeat-x;
		position: relative;
		margin: 0px auto 0px;
		width: 860px; /*page width*/
		}

	
	#siteFooterMidDiv1 { 
		width:110px;
		position:absolute;
		top:3.3em; left:10px;
		}
	
	#siteFooterMidDiv2 { 
		width:150px;
		position:absolute;
		top:3.3em;left:133px;	
		}
		
	#siteFooterMidDiv3 { 
		width:160px;
		position:absolute;
		top:3.3em;left:310px;	
		}
		
	#siteFooterMidDiv4 { 
		width:110px;
		position:absolute;
		top:3.3em;left:490px;	
		}	
		
	#siteFooterMidDiv5 { 
		width:110px;
		position:absolute;
		top:3.3em;left:620px;	
		}	
		
		
	#siteFooterMidDiv6 { 
		width:110px;
		position:absolute;
		top:3.3em;left:760px;	
		}	
			
		
		
	#siteFooterMidDiv ul { 
		margin: 1em 0px;
		/*display: inline;*/	
		}
	
	
	#siteFooterMidDiv .first {
		float:left;
		padding-left: 0px;
		border-right: #a6a6a6 1px solid;
		padding-right: 10px;
		}
		
	#siteFooterMidDiv .firstMeeting {
		float:left;
		padding-left: 0px;
		padding-right: 10px;
		}
		
	#siteFooterMidDiv4 .first {
		border-right: #a6a6a6 1px solid;
		}
	
	#siteFooterMidDiv .second {
		float:left;
		padding-left: 10px;
		padding-right: 10px;
		border-right: #a6a6a6 1px solid;
		}
		
	#siteFooterMidDiv4 .second {
		border-right: #a6a6a6 1px solid;
		}
		
	#siteFooterMidDiv .third  {
		float:left;
		padding-left: 10px;
		}
		
	#siteFooterMidDiv4 .third {
		padding-right: 10px;
		
		}

	#siteFooterMidDiv .last { 
		float: left;
		padding-left: 10px;
		border-left: none;
		}			

	#siteFooterMidDiv .lastMeeting { 
		float: left;
		padding-left: 0px;
		border-left: none;
		}	




	
/* ---------- 3. links and navigation ---------- */

	a {/* default link style */
		color:#080808;
		}
		
	a:link {
		color:#080808;
	}

	a:hover {
		color:#080808;	
	}

	a:active {
		color:#080808;	
	}
	
	a:visited {
		color:#080808;
	}
	
	
	/* -- news widget links -- */
	a.more, a.more:visited {
	font-size: 0.8em;
	font-weight: bold;
	color:#fff;
	line-height:0px;
	padding-left:3px;
	}
	
	a.more span, a.more span:visited {
	background-color:#b8b8b8;
	padding:2px;
	}
	
	a.more span:hover {
	background-color:#728035;
	
	}

	#homePage .threeColumnGrid .homeFeatDate01 a,#homePage .threeColumnGrid .homeFeatDate02 a ,#homePage .threeColumnGrid .homeFeatDate03 a  {
	text-decoration:none;
	}
	
	#homePage .twoColumnGrid p a {
	font-weight: bold;
	color:#97b61b;
	}
	
	
	#homePage h3 a {
	color: #4a4a4a;
	}
	
	/* -- top-level navigation graphic rollovers -- */

	#mainMenuDiv li a:hover {
 		background-position: 0 -40px;
		}
	#mainMenuDiv li.selected {
		background-position: 0 0px;
		}
	#mainMenuDiv li a.selected {
 		background-position: 0 0px;
		}
	#mainMenuDiv li a.selected:hover {
 		background-position: 0 0px;
		}

	#mainMenu_01 a{
		width: 75px;
		background: url(images/menu/mainmenu_01.gif) 0 -80px no-repeat;
		}
	#mainMenu_02 a{
		width: 91px;
		background: url(images/menu/mainmenu_02.gif) 0 -80px no-repeat;
		}
	#mainMenu_03 a{
		width: 100px;
		background: url(images/menu/mainmenu_03.gif) 0 -80px no-repeat;
		}
	#mainMenu_04 a{
		width: 75px;
		background: url(images/menu/mainmenu_04.gif) 0 -80px no-repeat;
		}
	#mainMenu_05 a{
		width: 94px;
		background: url(images/menu/mainmenu_05.gif) 0 -80px no-repeat;
		}
	#mainMenu_06 a{
		width: 66px;
		background: url(images/menu/mainmenu_06.gif) 0 -80px no-repeat;
		}
	#mainMenu_07 a{
		width: 50px;
		background: url(images/menu/mainmenu_blog.gif) 0 0px no-repeat;
		}
	
	.mDivider1 {
	display:block;height:40px;width:10px;float:left;
	background: url(images/menu/mainmenu-divider.gif) 0px 0px no-repeat;
	}
	
	.mDivider {
	display:block;height:40px;width:19px;float:left;
	background: url(images/menu/mainmenu-divider.gif) 9px 0px no-repeat;
	}
	
	/* -- sub-level navigation  -- */
	
	#subMenuDiv #subMenu a, #subMenuDiv #subMenu a:link, #subMenuDiv #subMenu a:visited {
	color:#97b61b;
	padding-left:25px;
	background: url(images/sub-menu-arrow.gif) 2px 3px no-repeat;
	text-decoration:none;
	}
	
	#subMenuDiv #subMenu a.selected {
	color:#4b5a0d;
	padding-left:25px;
	background: url(images/sub-menu-arrowSelected.gif) 2px 3px no-repeat;
	text-decoration:none;
	}
	
	
	#subMenuDiv #subMenu a:hover, #subMenuDiv #subMenu a:active {
	color: #4b5a0d;
	text-decoration:none;
	}
	
		
	
	/* -- context navigation graphic rollovers -- */
	
	#contextMenu li a:hover {
 		background-position: 0 -35px;
		}
	#contextMenu li.selected {
		background-position: 0 0px;
		}
	#contextMenu li a.selected {
 		background-position: 0 0px;
		}
	#contextMenu li a.selected:hover {
 		background-position: 0 0px;
		}

	#contextMenu_01 a{
		width: 127px;
		background: url(images/hww-menu/hwwmenu-01.gif) 0 -70px no-repeat;
		}
	#contextMenu_02 a{
		width: 127px;
		background: url(images/hww-menu/hwwmenu-02.gif) 0 -70px no-repeat;
		}
	#contextMenu_03 a{
		width: 127px;
		background: url(images/hww-menu/hwwmenu-03.gif) 0 -70px no-repeat;
		}
	
	.cDivider1 {
	display:block; height:30px;width:40px;float:left;
	}
	
	.cDivider2 {
	display:block; height:30px;width:90px;float:left;
	}
	
	.cDivider3 {
	display:block; height:30px;width:85px;float:left;
	}
		 
	
/* ---------- 4. fonts ---------- */
	
	
		
	
	#subMenuDiv #subMenu {
	font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color:#97b61b;
	}
	
	#subMenuDiv #subMenu h3{
	font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color:#7E7E7E;
	margin: 0 0 5px 0;
	}
	
	
	p {
	font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	margin-top:0px;
	line-height:18px;
	color:#080808;
	}
	
	
	#container ul.standardList {
	font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	
	line-height:18px;
	color:#080808;
	
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	
	}
	
	
	
	
	/* -- Breadcrumb font -- */
	
	#breadcrumbDiv ul{
		margin:0px;
		padding-top:10px;
		padding-bottom:10px;
		width:720px;
		float:left;
		}
	
	 #breadcrumb {
		font: 1.5em Calibri, Verdana, Arial, Helvetica, sans-serif; 
		font-style:italic;
		font-weight:bold;
		color: #a8b21c;
		}

	 #breadcrumb a{
		font: 1em Calibri, Arial, Helvetica, sans-serif; 
		font-style:italic;
		font-weight:bold;
		color: #7e7e7e;
		padding-left:2px;
		padding-right:2px;
		}
	
	/* -- Bookmark font -- */
	
	#bookmark {
		float:right;
		font: 1.3em Calibri, Verdana, Arial, Helvetica, sans-serif; 
		font-weight: bold;
		color: #7e7e7e;
		padding-top:12px;
		}
	#bookmark span {
		color: #a8b21c;
		}

	
	/* -- Home Page fonts -- */


	#homePage h1 {
	font-family: Myriad, Helvetica,Arial,Verdana,sans-serif;
	font-size: 2.0em;
	font-weight: normal;
	margin-top:0px;
	line-height:24px;
	color:#080808;
	}
	
	#homePage h2 {
	font-family: Myriad, Helvetica,Arial,Verdana,sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	margin-top:12px;
	margin-bottom:0px;
	line-height:24px;
	color:#080808;
	}
	
	#homePage .threeColumnGrid h3 {
	font-family: Myriad, Helvetica,Arial,Verdana,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	margin-top:0px;
	line-height:18px;
	color: #7e7e7e;
	font-style:italic;
	}

	#homePage .twoColumnGrid p {
	font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	margin-top:0px;
	line-height:18px;
	margin-bottom:10px;
	color:#080808;
	}


	#homePage .threeColumnGrid p {
	font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	margin-top:5px;
	line-height:18px;
	color:#080808;
	}

	
	/* -- Footer fonts -- */
	
	#siteFooterWrapperDiv h3 a.selected {
	padding-left:10px;
	background: url(images/footer-arrow.gif) 0px 2px no-repeat;
	
	}
	
	#siteFooterWrapperDiv h3 a {
	padding-left:10px;
	
	}
	
	#siteFooterMidDiv a {
	padding-left:10px;
	}
	
	#siteFooterMidDiv h3 { 
		line-height:normal;
		margin:1em 0 1em 0;
		border-bottom:none;
		font-family: Helvetica,Arial,Verdana,sans-serif;
		font-size: 1.1em;
		padding-bottom:6px;	
		color: #474747;
		}
	
	#siteFooterMidDiv h3 a { 
		
		color: #474747;
		
		}
		
		
	#siteFooterMidDiv li { 
		margin-top:0.4em;
		color: #5b5b5b;
		font-size: 1.1em;
		}
		
	#siteFooterMidDiv li a {
		color: #5b5b5b;
	} 
	



		ul#siteFooterTopLinks, ul#siteFooterBotLinks  { 
		display: inline;	
		}

	#siteFooterTopLinks li, #siteFooterBotLinks li { 
		display: inline;
		color: #474747;
		font-size: 1.0em;
		}
		
	#siteFooterTopLinks li a, #siteFooterBotLinks li a {
		color: #474747;
	} 




	#siteFooterTopLinks .first {
		padding-right: 10px;
		float:left;
		padding-left: 0px;
		border-right: #a6a6a6 1px solid;
		}
		
	#siteFooterTopLinks .second {
		float:left;
		padding-left: 10px;
		padding-right: 10px;
		border-right: #a6a6a6 1px solid;
	}
	
	#siteFooterTopLinks .third {
		padding-right: 10px;
		float:left;
		padding-left: 10px;
		}	
		
	
	#siteFooterTopLinks .last { 
		float: right;
		padding-right: 0px;
		border-left: none;
		}			
		
	

	#siteFooterBotLinks .first {
		padding-right: 9px;
		float:left;
		padding-left: 0px;
		border-right: #a6a6a6 1px solid;
	}
			
	#siteFooterBotLinks .second {
		float:left;
		padding-left: 9px;
		padding-right: 9px;
		border-right: #a6a6a6 1px solid;
	}
		
	#siteFooterBotLinks .third{
		padding-right: 9px;
		border-right: #a6a6a6 1px solid;
		float:left;
		padding-left: 9px;
		}
	
 	#siteFooterBotLinks .last{ 
		float: right;
		padding-right: 0px;
		border-left: none;
		}		
		
		
/* ---------- 5. images ---------- */

	a img {/* remove borders from linked images */
		border: 0;
		}

/* ---------- 6. forms ---------- */



label {

	width: 60px; 
	padding: 0px;
	text-align: left;
	font-size: medium; 
}

form {
	text-decoration:none;

	}

form input, form textarea, form select, form label{ 
 margin: 0px 0px 10px 0px;
   
}

#search form
{
	background:transparent url(images/sub-menu-arrow.gif) no-repeat scroll 2px 3px;	
}

#search #s
{
	height: 20px;
	width: 160px;
	margin-left: 30px;
	padding-top:3px;
}

#searchform-no-results #s-no-results
{
	padding-top:3px;
	height: 20px;
	width: 250px;
	
}

form label
{
	font-family:Helvetica,Arial,Verdana,sans-serif;
	font-size:1.2em;
	font-weight:normal;
	line-height:18px;
}


form fieldset {
  color:#000;
  clear: both;
  border-width: 0px;
  padding: 0px;      
  margin: 0;
}

form fieldset legend {
  color: #fff;


}
form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.button {
	float: none; 
	display: inline; 
	margin:0;
	color:#FFFFFF;
	background-color: #B8B8B8;
	padding: 3px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	font-weight:bold;
	font-size:1.1em;
	border: none;
}

#search .button
{
	margin-left: 30px;
	font-size:0.8em;
}

.button:hover
{
	background-color: #728035;
}

/* Blog Navigation */

.navigation
{
		margin: 10px 0px;
}


.navigation a
{
		color:#FFFFFF;
		background-color: #B8B8B8;
		padding: 3px;
		font-family:Helvetica,Arial,Verdana,sans-serif;
		font-weight:bold;
		font-size:1.1em;
}

.navigation a:hover
{
	text-decoration:none;
	background-color:#728035;
	border-color: #999;
}

.nav-next
{
	margin:10px 0;
	float:right;
}

.nav-previous
{
	margin:10px 0;
	float:left;
}





	
/* ---------- 7. tables ---------- */
	


		
/* ---------- 8. misc stuff ---------- */




/* ---------- 9. Styles for page specific content ---------- */

	


/* ------------ A. debug  ------------ */