/* latest change 5 mar 14 */


	/* margin: 0; should clobber the webkit margins, 
	but it doesn't seem to work on all browsers */
	* {
		margin:  0; -webkit-margin-before: 0em; -webkit-margin-after: 0em; 
		padding: 0; 
		font-weight: normal;
		font-style:  normal;
		text-decoration: none; 
	}
	
	object	{ height: 100%; width: 100%; }
	
	/* Normalize tables
	The following code keeps tables from looking really strange */
	table 			{ border-collapse: collapse; }
	td             { vertical-align: top;       }
	table, table * { border: none; 				  }		/* kill the borders */
	
	/* if you want table borders, use this CSS
	td             { border: 1px solid #000; 		}
	*/
	
	
	/* Block elements 
		You need to declare display and position explicitly before z-index will work on relative elements 
		vertical-align normalizes inline-block display. 
		
		You also need to declare position explicitly on a parent element 
		before absolute positioned child elements will position themselves on the parent element coordinates. 
		Otherwise, they will position themselves based on the grandparent coordinates. 
			There are situations where you might want to do this- 
			for example, a set of rollOver buttons where different prompts appear in a single position. 
			
			Therefore, position is set in a different rule.   
	*/
	main, header, sidebar, footer, div, section, figure, figcaption, img, object 	{ display: block; vertical-align: top; }
	
	main, header, sidebar, footer, div, section, figure, figcaption, img, object, a { position: relative; }
	
	
	
	/* Hang numbers and get rid of periods on ordered lists */	
	ol {
		 counter-reset:li; 							/* Initiate a counter */
	}
	ol > li {
		position:relative; 							/* Create a positioning context */
		list-style:none; 								/* Disable the normal item numbering */
		
		/* background:#ccf; */
	}
	
	ol > li:before {
		 content:counter(li); 						/* Use the counter as content */
		 counter-increment:li; 						/* Increment the counter by 1 */
		 
		 /* Position and style the number */
		 position:absolute;
		 left: -2.2em;									/* distance between number and <li><span> text. */

		 -moz-box-sizing:		border-box;
		 -webkit-box-sizing:	border-box;
		 box-sizing:			border-box;
		 
		 width: 1.8em;									/* wide enough for 2 digit numbers */
		 
		 text-align:right;
		 /* background-color: #666; */
	}
	
	
	.clearFix:after {									/* fixes floats */
		 content: ".";
		 display: block;
		 height: 0;
		 clear: both;
		 visibility: hidden;
	 }