/*
Theme Name: AppStorm
Theme URI: http://appstorm.net
Description: Custom Wordpress Theme
Version: 3.0
Author: Derek Herman
Author URI: http://valendesigns.com
*/

/* everthing not concerned with navigation removed by Bill Spears
and theme adjusted to look as close as possibe to previous navigation
which did not work after HTML5 came along */


  /* Navigation */
  #navigation {
    position: absolute;
    left: 0px;
    top: 0px;
/*    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;   */
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }
    #navigation > ul {
/*      height: 27px; top menu item heignt */
      height: 22px;
/*      background: #000; colour behind headings */
      background: #FFFFFF;
/*      border: 1px solid #222; border of colour behind headings */
      border: 0px solid #FFF;
/*      padding: 0 5px; element padding */
      padding: 0 0px;
/*      -moz-border-radius: 4px;
    	-webkit-border-radius: 4px;
    	border-radius: 4px;  border round top navigation */
    }
      #navigation > ul li {
        display: block;
        float: left;
        font-size: 12px;
/*      	line-height: 15px; sets height of dropdown menu cell */
		line-height: 16px;
/*      	margin: 0 1px;   margin between menu bar items */
      	margin-top: -2px;
      	list-style: none;
		padding-bottom: 16px;
        background-color: rgba(0, 0, 0, 0);
      }
        #navigation > ul li a {
        	position: relative;
        	display: block;
        	float: left;
/*        	padding: 6px 5px 8px 5px;  area around top menu item  */
/*        	border: 1px solid transparent; border around area  */
        	border: 0px solid transparent;
        	color: #7b7b7b;
        	text-decoration: none;
        }
        #navigation ul li.active > a,
        #navigation > ul li a:hover,
        #navigation ul li.sub-nav:hover > a {
        	color: #ff0084;
/*        	-moz-border-radius: 4px;
        	-webkit-border-radius: 4px; not IE compaitble */
        	border-radius: 4px;          
        }
        #navigation ul li.sub-nav > a:hover:before,
        #navigation ul li.sub-nav:hover > a:before {
        	content: "\00a0";
        	display: block;
        	position: absolute;
        	bottom: -14px;
        	left: 37%;
        	width: 0;
        	height: 0;
        	border: 7px solid transparent;
        }
        #navigation ul li.sub-nav > a:hover:after,
        #navigation ul li.sub-nav:hover > a:after {
        	content:"\00a0";
        	display:block;
        	position:absolute;
        	bottom: -13px;
        	left: 37%;
        	width: 0;
        	height: 0;
        	border: 7px solid transparent;
        }
        
        #navigation ul li ul {
           clear: left;
           position: absolute;
           left: -999em;
           z-index: 999;
/*           width: 140px;  dropdown menu width */
           width: 200px;
/*           background: #000; dropdown menu colour    */
/*           background: #CCCCCC; */
			 background: #E0EDFF;	
/*           border: 1px solid #363636;  dropdown menu border */
/*           border: 1px solid #666666; */
           border: 1px solid #8B1C4C;
		   list-style: none;
           padding: 5px 4px; 
/*            outline: 1px solid #000; dropdown menu outline */
        }
          #navigation ul li li {
             display: block;
             padding: 0;
             margin: 0;
          }
            #navigation ul ul li a {
            	border: none;
            	background: none;
/*            	color: #fff;   text colour dropdown menu */
/*            	color: #333333; */
            	color: #8B1C4C; 
            	display: block;
            	float: left;
/*            	font-size: 12px !important;  dropdown menu font size */
            	font-size: 12px !important;
/*            	width: 120px; highlight width    */
            	width: 190px;
/*            	padding: 4px 10px 5px 10px; padding of dropdown element above-right-below-left */
/*            	padding: 4px 5px 5px 5px; */
            	padding: 3px 5px 3px 5px;
            }
            #navigation ul ul li a:hover {
              border: none;
  /*          	-moz-border-radius: 0px;
            	-webkit-border-radius: 0px; Not IE compatible */
            	border-radius: 0px;
            }
        #navigation ul li:hover ul,
        #navigation ul li.sfhover ul{
          left: auto;
/*          top: 42px;    vertical offset from top, of dropdown menu */
          top: 22px;
        }

#navigation ul li.active > a,
#navigation > ul li a:hover,
#navigation ul li.sub-nav:hover > a {
/*	border-color: #53a5ed; dropdown menu background colour*/
	border-color: #FFFFFF;
/*	background: #256fdf; menu header background colour */
	background: #FFFFFF;
/*	background: -webkit-gradient(linear, left top, left bottom, from(#2f88ec), to(#256fdf));
	background: -moz-linear-gradient(top,  #2f88ec,  #256fdf);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f88ec', endColorstr='#256fdf'); */
}
#navigation ul li.sub-nav > a:hover:before,
#navigation ul li.sub-nav:hover > a:before {
/*	border-top-color: #53a5ed !important;  border colour for dropdown tooth */
	border-top-color: #FFFFFF !important;
}
#navigation ul li.sub-nav > a:hover:after,
#navigation ul li.sub-nav:hover > a:after {
/*	border-top-color: #256fdf !important; colour for dropdown tooth */
	border-top-color: #FFFFFF !important;
}
#navigation ul ul li a:hover {
/*	background: #246cde;  colour for dropdown menu highlight */
/*	background: #999999; */
	background: #dadafc;
}