giuseppeg

/**
 * tabindex fiddling
 */

*:focus { border: 3px solid red }

body > a:first-child { 
	position: absolute;
	top: auto;
	left: -999%

giuseppeg

/**
 * Drop Shadows - Web Platform Docs Examples
 * An example of a basic Drop Shadow
 *
 * @css-for	Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ 
 * @author	Giuseppe Gurgone
 * @see		http://docs.webplatform.org/wiki/css/properties/box-shadow 
 */

article {

giuseppeg

/**
 * Inner Drop Shadows - Web Platform Docs Examples
 * An example of inner drop shadows
 *
 * @css-for	Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ 
 * @author	Giuseppe Gurgone
 * @see		http://docs.webplatform.org/wiki/css/properties/box-shadow 
 */

article {

giuseppeg

/**
 * Negative spread distance - Drop Shadows - Web Platform Docs Examples
 *
 * An example of how a negative spread distance length value affects the drop shadow
 * "Negative values cause the shadow shape to contract."
 *
 * @css-for	Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ 
 * @author	Giuseppe Gurgone
 * @see		http://docs.webplatform.org/wiki/css/properties/box-shadow 
 */

giuseppeg

/**
 * The spread distance - Drop Shadows - Web Platform Docs Examples
 *
 * An example of how a positive spread distance length value affects the drop shadow
 * "Positive values cause the shadow shape to expand in all directions by the specified radius."
 *
 * @css-for	Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ 
 * @author	Giuseppe Gurgone
 * @see		http://docs.webplatform.org/wiki/css/properties/box-shadow 
 */

giuseppeg

/**
 * 0 Blur! - Drop Shadows - Web Platform Docs Examples
 *
 * An example of drop shadow with a blur value of 0
 * "If the blur value is zero, the shadow's edge is sharp."
 *
 * @css-for	Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ 
 * @author	Giuseppe Gurgone
 * @see		http://docs.webplatform.org/wiki/css/properties/box-shadow 
 */

giuseppeg

/**
 * Drop Shadows and round corners - Web Platform Docs Examples
 *
 * An example of drop shadow and round corners
 * "If the box has a nonzero ‘border-radius’, the shadow shape is rounded in the same way."
 *
 * @css-for	Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ 
 * @author	Giuseppe Gurgone
 * @see		http://docs.webplatform.org/wiki/css/properties/box-shadow 
 */

giuseppeg

/**
 * CSS2.1 menu separator - no last-child or your best friend .last class :)
 * 
 * @author	Giuseppe Gurgone <http://twitter.com/giuseppegurgone>
 */

ul li { 
	display: inline-block; 
	padding: 0 5%; 
}

giuseppeg

/**
 * CSS2.1 menu separator - no last-child or your best friend .last class :)
 * 
 * @author	Giuseppe Gurgone <http://twitter.com/giuseppegurgone>
 */

ul li { 
	display: inline-block; 
	padding: 0 5%; 
}

giuseppeg

/**
 * The first commented line is your dabblet’s title
 */

/* Layout */

	.menu, 
	.menu ul { padding: 0; list-style-type: none; }

	.menu > li {