/*
Theme Name: Iconic One
Custom CSS Template for Iconic One.
*/

// Portions adapted from http://rootstheme.com
// The CSS here is slightly different from the live demo as i didn't include any of the images that are on the live site
#nav-main ul { list-style: none; margin: 0; padding :0; text-align: left; }
#nav-main ul a {
  display: block;
  text-decoration: none;        
}
#nav-main ul li { display:inline-block; width: 100%;} 
#nav-main ul li a { 
        text-decoration:none; 
        display:block; 
        font-size:1.0em; 
        padding: 10px 0px 10px 25px; 
        color:#464646; 
        margin: 0px 0px;
        border-top: 1px #a9aaa9 solid;
        letter-spacing: 1px;
}
 
#nav-main ul li a:hover { background: #ffffff; }
#nav-main ul li ul li a:hover { background: none; color: #0f6cb6; }
#nav-main ul li ul { position: relative; top: -2px; }
 
#nav-main ul ul li a { background: none; border: none; padding: 2px 0px 2px 0px; margin: 0 0 0 27px; }
#nav-main ul ul li ul { margin: 0 0 0 8px; }
 
ul.sub-menu li.current-menu-item  { color: #0f6cb6 !important; font-weight: bold; }