/**
	File:
		layout.css

	Validates:
		CSS Level 2.1

	Project:
		Clear Attitude

	Author:
		Kristina Floyd

	Date Created:
		2008 08 12

	About:
		Contains styles for the main layout and framework of the site

	Notes:
		Place second in the cascade.

	File content:
		html
		body
		.access
		#pageWrap
		#header
		#logo
		#mainMenu
		#footer

	Cascade index:
		01	undo.css - Resets browser default styles
		02	layout.css - Styles for the main layout and framework of the site
		03	content.css - Styles for general content
		04	elements.css - Styles for specific page elements
		05	ie6.css - IE6 specific styles.
		06	ie7.css - IE7 specific styles.
		07	clearing.css - Enables the use of .clearfix across the site.
		08	print.css - Print specific styles
*/






/* START html */
/* this ensures FF always has a scrollbar */
html { margin-bottom: 0.1em; height: 100%; }
/* END html */






/* START body */
body { background: #FFFFFF url(/img/default/layout/body/bg.jpg) fixed bottom right no-repeat; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.75; margin: 0 auto; padding: 18px 105px; text-align: center; }
/* END body */






/* START ACCESSIBILITY */
.access { position: absolute; left: -1000px; width: 100px; top: 0; }
/* END ACCESSIBILITY */






/* START #pageWrap */
#pageWrap { text-align: left; width: 822px; }
/* END #pageWrap */






/* START #header */
#header { margin-bottom: 14px; }
	#header h1 { background: #FFFFFF url(/img/default/layout/logo/clearAttitudeLogo.png) scroll top left no-repeat; height: 46px; text-indent: -2000em; width: 376px; }
		#header h1 a { display: block; height: 46px; width: 376px; }
/* END #header */






/* START #primaryNav */
#primaryNav { background: transparent url(/img/default/layout/primaryNav/bg.png) scroll top right no-repeat; list-style: none; margin: 0; min-height: 70px; padding: 10px 0 0 1em; }
	#primaryNav li { float: left; list-style: none; margin: 0; padding: 0; }
		#primaryNav a { display: block; font-weight: bold; padding-right: 35px; text-decoration: none; }
/* END #primaryNav */






/* START #mainContent */
#mainContent { background: transparent url(/img/default/layout/mainContent/repeater.png) scroll top left repeat-y; padding: 0 80px 1em 1em; text-align: left; }
/* END #mainContent */






/* START #footer */
#footer { background: transparent url(/img/default/layout/mainContent/corner.png) scroll top right no-repeat; font-size: 0.8em; padding-top: 80px; }
	#footer ol { list-style: none; margin: 0; padding: 0; }
		#footer li { float: left; list-style: none; margin: 0; padding: 0; }
			#footer a { display: block; }
			#footer a:hover {  }
	#footer p { clear: both; }
/* END #footer */