/*

	NAVIGATION

*/


#header-nav {
  padding: 0;
  margin: 0;
}

#header-nav menu {
  display: block;
  list-style: none;
  padding: 6px 0 6px 12px;
  margin: 0;
  background: #777778 url(../../images/tsj-headnav-angled.png) top left no-repeat;
}

#header-nav menu li {
  float: left;
  padding: 0;
  margin: 0;
}

#header-nav menu li a {
  font-size: 15px;
  color: #dfdfdf;
  font-family: "Museo", sans-serif;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 17px 0 60px;
}
#header-nav menu li a:hover, #header-nav menu li.current-menu-item a {
  color: #fff;
}

#cat-nav {
  margin: 0;
  padding: 0;
  height: 30px;
  z-index: 100;
}

#cat-nav ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}

#cat-nav ul li {
  float: left;
  padding: 0;
  margin: 0;
    position: relative;
}

#cat-nav ul li a {
  font-size: 17px;
  color: #4D4D4D;
  font-family: "Museo", sans-serif;
  font-weight: 300;
  text-decoration: none;
  margin: 0 16px 0 0;
  padding: 0 0 0 35px;
  display: block;
  height: 30px;
}

#cat-nav ul li a:hover {
  opacity: 0.8;
}

#cat-nav ul li#menu-item-79 a {
  background: url(../../images/category-icons/afl.png) no-repeat;
}

#cat-nav ul li#menu-item-78 a {
  background: url(../../images/category-icons/football.png) no-repeat;
}

#cat-nav ul li#menu-item-506 a {
  background: url(../../images/category-icons/cricket.png) no-repeat;
}
#cat-nav ul li#menu-item-675 a {
  background: url(../../images/category-icons/basketball.png) no-repeat;
}

#cat-nav ul li#menu-item-1088 a {
  background: url(../../images/category-icons/nrl.png) no-repeat;
}

#cat-nav ul li#menu-item-1166 a {
  background: url(../../images/category-icons/union.png) no-repeat;
}

#cat-nav ul li#menu-item-1158 a {
  background: url(../../images/category-icons/netball.png) no-repeat;
}

#cat-nav ul li#menu-item-1161 a {
  background: url(../../images/category-icons/olympics.png) no-repeat;
}

#cat-nav ul li#menu-item-81 a {
  width: 30px !important;
  background: url(../../images/category-icons/other.png) no-repeat;
}

#cat-nav ul li ul {
  position: absolute;
  width: 170px;
  padding-top: 25px;
  padding-left: 0;
  list-style: none;
  top: 27px;
  display: none;
  z-index: 9999;
}

#cat-nav ul li#menu-item-78 ul {
  background: transparent url(../../images/drop-downs/tsj-dropdown-green.png) no-repeat;
}

#cat-nav ul li#menu-item-506 ul {
  background: transparent url(../../images/drop-downs/tsj-dropdown-yellow.png) no-repeat;
}

#cat-nav ul li#menu-item-79 ul {
  background: transparent url(../../images/drop-downs/tsj-dropdown-red.png) no-repeat;
}

#cat-nav ul li#menu-item-675 ul {
  background: transparent url(../../images/drop-downs/tsj-dropdown-orange.png) no-repeat;
}

#cat-nav ul li#menu-item-1088 ul, #cat-nav ul li#menu-item-1166 ul, #cat-nav ul li#menu-item-1158 ul, #cat-nav ul li#menu-item-1161 ul, #cat-nav ul li#menu-item-81 ul {
  left: -144px !important;
}

#cat-nav ul li#menu-item-1166 ul {
  background: transparent url(../../images/drop-downs/tsj-dropdown-green-reverse.png) top right no-repeat;
}

#cat-nav ul li#menu-item-1158 ul {
  background: transparent url(../../images/drop-downs/tsj-dropdown-yellow-reverse.png) top right no-repeat;
}

#cat-nav ul li#menu-item-1161 ul, #cat-nav ul li#menu-item-1088 ul {
  background: transparent url(../../images/drop-downs/tsj-dropdown-red-reverse.png) top right no-repeat;
}

#cat-nav ul li#menu-item-81 ul {
  background: transparent url(../../images/drop-downs/tsj-dropdown-orange-reverse.png) top right no-repeat;
}

#cat-nav ul li ul li {
  position: relative;
  float: none;
}

#cat-nav ul li#menu-item-1088 ul li a, #cat-nav ul li#menu-item-1166 ul li a, #cat-nav ul li#menu-item-1158 ul li a, #cat-nav ul li#menu-item-1161 ul li a, #cat-nav ul li#menu-item-81 ul li a {
  text-align: right;
}

#cat-nav ul li ul li a {
  background: none !important;
  background-image: none !important;
  font-size: 15px;
  color: #fff;
  height: auto;
  padding: 10px 0 10px 15px;
}

#cat-nav ul li ul li ul {
  position: absolute;
  left: 150px;
  top: 0px;
  padding: 0;
  z-index: 9999;
}

#cat-nav ul li#menu-item-1088 ul li ul, #cat-nav ul li#menu-item-1166 ul li ul, #cat-nav ul li#menu-item-1158 ul li ul, #cat-nav ul li#menu-item-1161 ul li ul, #cat-nav ul li#menu-item-81 ul li ul {
  left: -170px !important;
}

#cat-nav ul li#menu-item-78 ul li ul, #cat-nav ul li#menu-item-1166 ul li ul  {
  background: #1091a2;
}

#cat-nav ul li#menu-item-506 ul li ul, #cat-nav ul li#menu-item-1158 ul li ul {
  background: #fdc613;
}

#cat-nav ul li#menu-item-1161 ul li ul, #cat-nav ul li#menu-item-79 ul li ul, #cat-nav ul li#menu-item-1088 ul li ul {
  background: #e42a18;
}

#cat-nav ul li#menu-item-81 ul li ul, #cat-nav ul li#menu-item-675 ul li ul {
  background: #eb6e08;
}

#cat-nav ul li#menu-item-81 ul li a {
  width: auto !important;
  
  }

#social-media {
  margin: 0;
  padding: 0;
  height: 30px;
}

#social-media menu {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0 0 0 36px;
  width: 144px;
}

#social-media menu li {
  float: left;
  padding: 0;
  margin: 0;
}

#social-media menu li a {
  font-size: 0;
  color: #4D4D4D;
  text-indent: -9999px;
  margin: 0 0 0 4px;
  display: block;
  height: 30px;
  width: 30px;
}

#social-media menu li a:hover {
  opacity: 0.8;
}

#social-media menu li#facebook a {
  background: url(../../images/social-icons/facebook.png) no-repeat;
}

#social-media menu li#twitter a {
  background: url(../../images/social-icons/twitter.png) no-repeat;
}

#social-media menu li#pinterest a {
  background: url(../../images/social-icons/pinterest.png) no-repeat;
}
#social-media menu li#rss a {
  background: url(../../images/social-icons/rss.png) no-repeat;
}

#foot-nav {
  margin: 2px 0 0;
  padding: 0;
  height: 30px;
}

#foot-nav menu {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}

#foot-nav menu li {
  float: left;
  padding: 0;
  margin: 0;
}

#foot-nav menu li a {
  font-size: 13px;
  color: #9f9f9f;
  font-family: "Museo", sans-serif;
  font-weight: 500;
  text-decoration: none;
  margin: 0 0 0 6px;
  padding: 0;
  display: block;
  height: 30px;
  text-transform: uppercase;
}

#foot-nav menu li:last-child a {
  margin: 0 0 0 6px;
}

#foot-nav menu li a:after {
  content: "/";
  margin-left: 6px;
}

#foot-nav menu li:last-child a:after {
  content: "";
  margin-left: 0;
}

#foot-nav menu li a:hover {
  color: #ababab;
}