/**
 * @file
 * Navigation Styling
 */


/*
 * Markup generated by theme_menu_tree().
 */

ul li.expanded {
  *list-style-image: url(../images/menu-expanded.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  list-style-type: circle;
}

ul li.collapsed {
  *list-style-image: url(../images/menu-collapsed.png); /* LTR */
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */
  list-style-type: disc;
}

ul li.leaf {
  *list-style-image: url(../images/menu-leaf.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC');
  list-style-type: square;
}

/*
 * The active item in a Drupal menu
 */

li a.active {
  color: #000;
}

/*
 * Navigation bar
 */

#navigation,
#navigation div > ul.menu > li > ul.menu > li {
	padding: 0;
	border-top: 1px solid #333;
	background: #111111;
	zoom: 1;
	/* overflow: hidden; */ /* Sometimes you want to prevent overlapping with main div. */
}
#navigation {
	background: -webkit-gradient(linear, left top, left bottom, from(#111111), to(#222222));
	background: -webkit-linear-gradient(#111111, #222222);
	background: -moz-linear-gradient(top, #111111, #222222);
	background: -ms-linear-gradient(#111111, #222222);
	background: -o-linear-gradient(#111111, #222222);
	background: linear-gradient(#111111, #222222);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#111111', endColorstr='#222222');
}
#navigation .block {
  margin-bottom: 0;
}

#navigation .block-menu .block-title,
#navigation .block-menu-block .block-title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

#navigation ul.links, /* Main menu and secondary menu links */
#navigation ul.menu { /* Menu block links */
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}

#navigation ul.links li,
#navigation div > ul.menu > li { /* A simple method to get navigation links to appear in one line. */
  float: left; /* LTR */
}
#navigation ul.links li,
#navigation ul.menu li {
  list-style-type: none;
  list-style-image: none;
}

#navigation ul.menu li a {
  border-left: 1px solid #333;
  border-right: 1px solid #000;
  border-top: 1px solid #111;
  font-size: 12px;
  color: #E1E1E1;
  padding: 0 9px;
  display: block;
}
#navigation div > ul.menu > li > a {
  line-height: 32px;
  height: 32px;
}
#navigation ul  ul.menu li a {
  line-height: 28px;
  height: 28px;
}

#navigation div > ul.menu > li > a:hover,
#navigation div > ul.menu > li > a.active, #navigation div > ul.menu > li > a.active-trail {
	border-top: 1px solid #700;
	border-left: 1px solid #700;
	border-right: 1px solid #700;
	background: #750303;
	background: -webkit-gradient(linear, left top, left bottom, from(#8C2929), to(#6A0707));
	background: -webkit-linear-gradient(#8C2929, #6A0707);
	background: -moz-linear-gradient(top, #8C2929, #6A0707);
	background: -ms-linear-gradient(#8C2929, #6A0707);
	background: -o-linear-gradient(#8C2929, #6A0707);
	background: linear-gradient(#8C2929, #6A0707);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C2929', endColorstr='#6A0707');
	zoom: 1;
}
#navigation ul.menu li.first a, #navigation ul.menu li.first a:hover {
  /*border-left: none;*/
}
#navigation ul.menu li a:hover {
  text-decoration: none;
}
#navigation div > ul.menu > li > a.active {
    color: #FFFFE1;
}
/*---------- Collapsible Menu ----------*/
#navigation div > ul.menu > li > ul.menu {
	display: none;
	position: absolute;
	z-index: 5;
}
#navigation div > ul.menu > li > ul.menu > li {
	position: relative;
}
#navigation div > ul.menu > li:hover > ul.menu {
	display: block;
}
#navigation div > ul.menu > li > ul.menu > li:hover,
#navigation div > ul.menu > li > ul.menu > li.active-trail {
	background: #750303;
	background: -webkit-gradient(linear, left top, left bottom, from(#8C2929), to(#6A0707));
	background: -webkit-linear-gradient(#8C2929, #6A0707);
	background: -moz-linear-gradient(top, #8C2929, #6A0707);
	background: -ms-linear-gradient(#8C2929, #6A0707);
	background: -o-linear-gradient(#8C2929, #6A0707);
	background: linear-gradient(#8C2929, #6A0707);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C2929', endColorstr='#6A0707');
	zoom: 1;
}
#navigation a.menu-icon {
	background-repeat: no-repeat;
	background-position: left;
	padding-left:28px !important;
}
#navigation a.menu-icon-d3{
	background-image: url('/sites/default/files/category/d3.png');
}
#navigation a.menu-icon-sc2{
	background-image: url('/sites/default/files/category/sc2_28.png');
}
#navigation a.menu-icon-dota2{
	background-image: url('/sites/default/files/category/dota2.png');
}
#navigation a.menu-icon-wow{
	background-image: url('/sites/default/files/category/wow_28.png');
}
#navigation a.menu-icon-tl2{
	background-image: url('/sites/default/files/category/tl2.png');
}
#navigation a.menu-icon-poe{
	background-image: url('/sites/default/files/category/poe.png');
}
#navigation a.menu-icon-kino{
	background-image: url('/sites/default/files/category/kino.png');
}
#navigation a.menu-icon-others{
	background-image: url('/sites/default/files/category/other.png');
}
#navigation a.menu-icon-marvelheroes{
	background-image: url('/sites/default/files/category/s8sdkzf.png');
}
#navigation a.menu-icon-hos{
	background-image: url('/sites/default/files/category/heroesofthestorm_icon_0.png');
}
#navigation a.menu-icon-overwatch{
	background-image: url('/sites/default/files/category/overwatch_i_0.png');
}
#navigation a.menu-icon-hearthstone{
	background-image: url('/sites/default/files/category/hearthstone_0.png');
}

.region-navigation {
}

/*
 * Main menu and Secondary menu links
 */

#main-menu {
}

#secondary-menu {
  float: right; /* LTR */
}



/*
 * Menu blocks
 */

.block-menu {
}

/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */

.block-menu-block {
}
/*--------TAXONOMY----------------*/
#term-branch-menu {
	height:23px;
	border: 1px solid #CCC;
	border-bottom: none;
}
#term-branch-menu .inner {
	height:22px;
	border: 1px solid #FFF;
	border-bottom: none;
}
#term-branch-menu,
#term-branch-menu ul.menu > li {
	padding: 0;
	background: #111111;
	zoom: 1;
}
#term-branch-menu ul.menu > li {
	border-top: 1px solid #111;
}

#term-branch-menu .block {
  margin-bottom: 0;
}

#term-branch-menu .block-menu .block-title,
#term-branch-menu .block-menu-block .block-title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

#term-branch-menu ul.links, /* Main menu and secondary menu links */
#term-branch-menu ul.menu,
#term-branch-menu ul.menu { /* Menu block links */
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}

#term-branch-menu ul.links li,
#term-branch-menu ul.menu li {
  list-style-type: none;
  list-style-image: none;
}

#term-branch-menu ul.menu li a {
  /* border-left: 1px solid #333; */
  border-left: 1px solid #111;
  border-right: 1px solid #000;
  border-top: 1px solid #111;
  font-size: 11px;
  color: #EEE;
  padding: 0 5px;
  display: block;
}
#term-branch-menu ul.menu a.active {
  color: #FFF;
}
#term-branch-menu div > ul.menu > li > a {
  line-height: 20px;
  height: 20px;
}
#term-branch-menu ul.menu > li > a:hover {
	border: 1px solid #700;
	border-bottom: none;
	background: #750303;
	zoom: 1;
}
#term-branch-menu ul.menu li a:hover {
  text-decoration: none;
}
#term-branch-menu div > ul.menu > li > ul.menu > li:hover,
#term-branch-menu div > ul.menu > li > ul.menu > li > ul.menu > li:hover, {
	background: #750303;
	zoom: 1;
}
/*------ Navigation Menu ---------*/
.region-top-bar #block-system-navigation, .region-top-bar #block-system-user-menu, #block-views-breaking-news-top-region-block {
  margin: 0 auto;
  width: 1000px;
}
.region-top-bar #block-system-navigation, .region-top-bar #block-system-user-menu {
  z-index: 999;
}
.region-top-bar ul.menu {
  font-size: 11px;
  float: right;
  line-height: normal;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}
.region-top-bar ul.menu li {
  background: #000;
  display: list-item;
  padding: 1px 0px;
  list-style-type: none;
  list-style-image: none;
  *padding: 0;
}
.region-top-bar ul.menu a {
  color: #ddd;
  padding: 0 5px;
  display: block;
  font-size: 11px;
  line-height: 20px;
  height: 20px; /* LTR */
}
.region-top-bar ul.menu a:hover {
  color: #ffffff;
  background: #750303;
  text-decoration: none;
}
.region-top-bar ul.menu a.nolink {
  cursor: pointer;
}
.region-top-bar div > ul.menu > li,
#term-branch-menu ul.links li, #term-branch-menu div > ul.menu > li  { /* A simple method to get navigation links to appear in one line. */
  float: left; /* LTR */
}
.region-top-bar div > ul.menu > li > a { /* A simple method to get navigation links to appear in one line. */
  line-height: 19px;
  height: 19px; /* LTR */
}
.region-top-bar ul.menu ul.menu, #term-branch-menu ul.menu > li > ul.menu  {
  display: none;
  position: absolute;
  z-index: 5;
}
.region-top-bar ul.menu ul.menu > li, #term-branch-menu ul.menu > li > ul.menu > li  {
  position: relative;
  min-width: 150px;
  padding: 0 1px;
}
.region-top-bar ul.menu a[href="/user"] + ul.menu > li {
  min-width: 120px;
}
.region-top-bar ul.menu a[href="/user"] + ul.menu > li.last a{
  border-top: 1px solid #333;
}
.region-top-bar ul.menu > li:hover > ul.menu, #term-branch-menu ul.menu > li:hover > ul.menu{
  display: block;
}
.region-top-bar ul.menu ul.menu > li:hover > ul.menu, #term-branch-menu ul.menu > li > ul.menu > li:hover > ul.menu {
  left: 100%;
  top: 0px;
  z-index: 7;
}