/*Blogger*/ /*Wp Navigation*/ #wp-navigation{ position:relative; width:100%; float:left; background-color: #171717; z-index:1; } #wp-navigation ul { list-style-type: none; margin: 0; padding: 0; background-color: #171717; } #wp-navigation li { float:left;/*display li horizontal*/ position:relative; } #wp-navigation li a { display: block;/*allows you to add padding and margins*/ color: #ffffff; text-align: center; padding: 10px 14px; text-decoration: none; } /* Change the link color on hover */ #wp-navigation li a:hover { background: #bc360a; text-decoration:none; } #wp-navigation li a:active { background: #555555; } #wp-navigation .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover { color: #ffffff; background: #bc360a; } #wp-navigation ul ul { /* this targets all sub menus */ display: none; /* hide all sub menus from view */ position: absolute; top: 42px; /* this should be the same height as the top level menu -- height + padding + borders */ } #wp-navigation ul ul li a{ background:#eeeeee!important; color:#666666 !important; } #wp-navigation ul ul li a:hover{ background: #333 !important; color:#fff !important; } #wp-navigation ul li:hover > ul { display: block; /* show sub menus when hovering over a parent */ z-index:1; } #wp-navigation ul ul li { /* this targets all submenu items */ float: none; /* overwriting our float up above */ width: 150px; /* set to the width you want your sub menus to be. This needs to match the value we set below */ border-right:none; } #wp-navigation ul ul li a { /* target all sub menu item links */ padding: 10px 10px; /* give our sub menu links a nice button feel */ text-align:left; } #wp-navigation ul ul li ul { /* target all second, third, and deeper level sub menus */ left: 150px; /* this needs to match the sub menu width set above -- width + padding + borders */ top: 10px; /* this ensures the sub menu starts in line with its parent item */ }