//--------------------------------------------------------------
// Copyright (C) joomla-monster.com
// License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
// Website: http://www.joomla-monster.com
// Support: info@joomla-monster.com
//---------------------------------------------------------------

// MENUS
//---------------------------------------------------------------

.nav.menu {
	margin: 0;
  li {
    display: block;
    background-image: none;
    position: relative;
    padding: 0;
  }
  ul {
    padding: 0;
    margin: 0;
  }
  //elements
  li a,
  li span.separator {
    display: block;
    color: @JMmenuItemFontColor;
    line-height: normal;
    font-weight: @JMbaseFontWeight;
    padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 25px;
		padding-right: 0;
    text-decoration: none;
    background-color: transparent;
  	background-image: url('../images/li_arrow_ltr.png');
  	background-repeat: no-repeat;
  	background-position: left center;
    &:hover {
      color: @JMmenuItemFontColorHover;
    }
  }
  li.active > a,
  li.active > span.separator {
    color: @JMmenuItemFontColorHover;
  }
	//main elements
  > li > a,
  > li > span.separator {
		background: none;
		padding-top: 6px;
		padding-bottom: 6px;
  	padding-left: 0;
		padding-right: 0;
  }
	> li:first-child {
    > a,
    > span.separator {
			border-top: none;
			padding-top: 0;
    }
  }
	> li:last-child {
    > a,
    > span.separator {
			padding-bottom: 0;
    }
  }
  //parents
  > li.parent > a,
  > li.parent > span.separator {
    position: relative;
    padding-right: 10px;
    &:after {
      content: '+';
      font-family: Arial, Helvetica, sans-serif;
      position: absolute;
      right: 0;
      left: auto;
    }
  }
  > li.parent.active > a,
  > li.parent.active > span.separator {
  	&:after {
  		content: '-';
  	}
  }
	> li > ul {
		padding-left: 0;
	}
  ul {
  	padding-left: 25px;
  }
 	//image
  li a img {
    vertical-align: middle;
    margin: 0 15px 0 0;
  }
}

// topbar
//----------------------------

#jm-top-bar .nav.menu {
	line-height: 1;
  > li {
    display: inline-block;
    background: none;
    vertical-align: top;
    margin: 0;
  }
  > li > a,
  > li > span.separator {
    padding: 0 0 0 15px;
    margin: 0 0 0 12px;
    border: none;
    background-color: transparent;
  	background-image: url('../images/li.png');
  	background-repeat: no-repeat;
  	background-position: left center;
  }
  > li:first-child > a,
  > li:first-child > span.separator {
  	padding: 0;
  	margin: 0;
  	border: none;
		background: none;
  }
  ul,
  > li.parent > a:after,
  > li.parent > span.separator:after {
    display: none;
  }
  //hide submenu
  .deeper.parent ul {
  	display: none;
  }
}

// tags
//----------------------------

#jm-allpage {
	.tagspopular,
	.tagssimilar {
		ul li {
			display: inline-block;
			background: none;
			padding: 0;
			margin: 5px 5px 5px 0;
			a	{
				color: @JMtagColor;
				font-size: @JMtagFontSize;
				&:hover {
					color: @JMtagColorHover;
					text-decoration: none;
				}
			}
		}
	}
}