/* 
	Document:				main.css
	Creation date: 			19 November 2007
	Created by:				Gemma Leigh
	This version:			*** Commented for development **
	Deployment version:		Sitename/css/main.css
	Notes:					Imports reset and styles (the main site stylesheet) CSS files. 
							Contains commonly used helper styles.
								
	=================================================================
	Style guide, naming conventions, best practices.
	=================================================================
	
	Use a common naming system:
		#parent .parent-child {
			margin:0px auto;
		}
	
	Filtering for non-compliant browsers:
		.class-name {
			margin: 10px 0 !important;  This will be applied by all browsers
			margin: 5px 0; 			IE < v7 will then override the above with this value
			}
		
	Do not use the following filters unless absolutely necessary and always comment reasons for use:
		* html [selector]				IE < v7 only
		html>body [selector]			Standards compliant browsers only
		_margin							Underscore hack
	
	Links should have link, visited, hover, active and focus states and should be visible via text-decoration and/or color
	
	Use shorthand where possible:
		background: #FF0 url() top left no-repeat;
		border: 1px #F0F solid;
		margin: 20px 0 0 5px;
	
	// ACCESSIBILITY //
	
	Accessibility guidelines:
	- Avoid use of display:none and visibility:hidden as screen readers cannot see the content
	- Acronyms should be underlined and make use of the help cursor
	- All submit and button inputs should make use of the hand cursor
	- An accessibility skip navigation should be included:
		// This will be hidden off screen but visible to screen readers (see =Skip below)		
	
	Stylesheets should be commented clearly:
		// For bugs/issues document the problem, workaround and where possible - a URL to the explanation of the fix
		// Use the following 'Notes to self' 
		:TODO: 	-  reminder to change/fix/revise
		:BUG: 	-  document a problem with the code or a particular browser
		:KLUDGE:-  nasty workaround	
	*/

	@import "reset.css";
	@import "styles-home.css";
	/*@import "glows.css";*/
		
/* =Colour glossary
--------------------------------------------------------------------- */	
/* Quick reference to colours used in the site:

dark grey (borders)	: #272727;
mid grey (dividers)	: #333333;
light grey (links) 	: #999999;
red (errors)		: #e60000;
white (text)		: #FFFFFF;

*/
	
/* =Helper styles
--------------------------------------------------------------------- */
#footer {
background:transparent url(../images/glow-grey-black.gif) no-repeat scroll left top;
}
/* Floats and clear */
.left  { float:left; }
.right { float:right; }
.clear { clear:both; }

/* http://www.quirksmode.org/css/clearing.html */
.clear-simple{
	width: 100%;
	overflow: hidden;
}

/* Hidden text or use to position tracking tags offscreen */
.hidden	{
	position:absolute; 
	left:0; 
	top:-10000px; 
	width:0; 
	height:0; 
	overflow:hidden;
}

/* =Skip navigation
--------------------------------------------------------------------- */
#skipnav {
	position: absolute;
	top: -9000px;
	left: 0;
}
	
#skipnav li {
	width: 300px;
}

#skipnav a {
	position: absolute;
	top: 0;
	padding: 10px;
}

#skipnav a:active, 
#skipnav a:focus {
	top: 9000px;
}