/*------------------------------------------------------------------
	
	[Stylesheet]

	Project:		Suburban Farmer
	Version:		1.0
	Last change:	03.06.09 [Created]
	Assigned to:	Garth Haseldine (GH)					

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


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

	[Table of Contents]
	
	1. 	Global
	2.	Header
	3.	Body
		
	
	[Color codes]
	
	Background:	#ffffff (White)
	Content:	#575757 (Light Black)
	Header h1:	#122a73 (Dark Blue)
	Header h2:	#f94112 (Red)
	Header h3:	#2d86b9 (Blue)
	
	a (standard):	#0046e4 (Bright Blue)
	a (visited):	#009ce4 (Lighter Blue)

	[Typography]

	Body copy:			0.8em Verdana, Arial, Helvetica, sans-serif;
	
	
-------------------------------------------------------------------*/



/*------------------------------------------------------------------
	[ 1 ]
-------------------------------------------------------------------*/

	body { font-size:.8em; line-height:160%; color:#272727; font-family:Verdana, SunSans-Regular, Sans-Serif; margin:0px; padding:0px; text-align:center; background:#3c5d0d; }
	#footer { width:776px; margin:0px auto; padding:0; text-align:center; color:#7fa646; }
	#footer a { color:#7fa646; }
	a { color:#00576f; text-decoration:underline; }
	a:hover { color:#00576f; text-decoration:none; }
	a:visited { color:#267f98; }


/*------------------------------------------------------------------
	[ 2 ]
-------------------------------------------------------------------*/

	#header { width:100%; height:187px; background:url(/images/backgrounds/header-brown-02.gif) repeat-x top; }
	#header .contentBack { width:100%; height:187px; background:url(../images/backgrounds/header-content-back-02.png) center top no-repeat; }
	#header .content { width:700px; padding-top:45px; text-align:left; margin:0px auto; clear:both; }



/*------------------------------------------------------------------
	[ 3 ]
-------------------------------------------------------------------*/

	#mainContentStart { width:100%; background:url(/images/backgrounds/content-back-top-repeat.png) 0px top repeat-x; }
	#mainContent { width:100%; background:url(/images/backgrounds/content-back-repeat-sub.png) top center repeat-y; }
	#mainContent .contentBack { width:100%; background:url(/images/backgrounds/content-back-top-sub.png) center top no-repeat; }
	#mainContent .contentBackHome { width:100%; background:url(/images/backgrounds/content-back-top.png) center top no-repeat; }
	#mainContent .footerHome { height:48px; width:100%; background:url(/images/backgrounds/content-back-base.png) center bottom no-repeat; }
	#mainContent .footer { height:48px; width:100%; background:url(/images/backgrounds/content-back-base-sub.png) center bottom no-repeat; }
	#mainContent .contentBackHome .contentHome { width:700px; text-align:left; margin:30px auto 0px auto; clear:both; }
	#mainContent .contentBack .content { width:776px; text-align:left; margin:30px auto 0px auto; clear:both; }

	#mainContent .contentBack .navigation { width:756px; margin:0px auto 0px auto; }
	
	#mainContent .third { width:225px; text-align:left; float:left; margin:0px; }
	#mainContent .third .padding { padding:0px 20px; }
	
	#mainContent .sideMenu { width:225px; text-align:right; float:left; margin:0px; font-size:11px; }
	#mainContent .sideMenu .padding { padding:0px 20px; }
	
	#mainContent .sideMenu .padding ul { list-style:none; padding:0px; margin:0px; }
	#mainContent .sideMenu .padding li { border-bottom:solid 1px #e7e1dc; list-style:none; line-height:25px; }
	
	#mainContent .sideMenu .padding a { text-decoration:none; display:block; }
	#mainContent .sideMenu .padding a:hover { text-decoration:underline; }
	
	#mainContent .greyBorderLeft { background:url(/images/grey-border-left-01.png) left repeat-y; }
	#mainContent .paddingsides { padding-left:15px; padding-right:15px; }
	#mainContent .paddingleft { padding-left:15px; }
	#mainContent .paddingright { padding-right:15px; }
	
	#mainContent .twoThirds { width:551px; text-align:left; float:left; margin:0px; }
	#mainContent .twoThirds .padding { padding:0px 40px; }
	#mainContent .twoThirds ul { padding-left:0px; margin-left:30px; }
	
	#mainContent .threeThirds { width:776px; text-align:left; float:left; margin:0px; }
	#mainContent .threeThirds .padding { padding:0px 40px; }
	#mainContent .threeThirds ul { padding-left:0px; margin-left:30px; }

	
	#mainContent h2 { font-size:18px; margin-top:40px; padding-bottom:10px; border-bottom:solid 2px #e3dcd6; color:#603813; }
	#mainContent h3 { font-size:16px; margin-top:40px; color:#603813; }
	
	#mainContent input[type="text"], #mainContent textarea { width:300px; }
	
	
/*------------------------------------------------------------------
	[ 4 ]
-------------------------------------------------------------------*/


h1, h2{ line-height:normal; }
h3, h4 { letter-spacing:-1px; }

ul li { margin-bottom:5px; }

.clearboth { clear:both; }

.hideme { display:none; }