/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */




/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */



/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */




/* =============================================================================
   Links
   ========================================================================== */




/* =============================================================================
   Typography
   ========================================================================== */





/* Position subscript and superscript content without affecting line-height: h5bp.com/k */



/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */



/*
 * Correct overflow not hidden in IE9
 */




/* =============================================================================
   Forms
   ========================================================================== */



/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */



/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */



/*
 * Re-set default cursor for disabled elements
 */



/*
 * Consistent box sizing and appearance
 */



/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */



/* =============================================================================
   Tables
   ========================================================================== */




/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */




/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

/* apply a natural box layout model to all elements */



.menu {
  
}

.menu li {
  width: 110px;
  padding: 4px;
  text-align:center;
}

.menu > li {
  /*background: #b0b0b0;*/
}

.menu > li:nth-child(2n+1) {
  /*background: #b9b9b9;*/
}

.submenu > li {
  background: rgba(0,0,0,0.5);
}

.submenu > li:nth-child(2n+1) {
  background: rgba(0,0,0,0.7);
}









/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */





/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */


}