/*** Navbar ***/

#navbar_stripe {
	background: url(/images/nav_background.png) repeat-x scroll 0 0 transparent;
	box-shadow: 0 0 10px #131313;
	display: block;
	height: 55px;
	width: 100%;
	padding: 0px;
	top: 10px;
	position:absolute;
	z-index: 25;
}

#navbar_stripe #navbar_container {
	width: 1264px;
	display: inline-block;
	overflow: hidden;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: left;
}
/* Logo */
	#navbar_stripe .logo_area {
		display: inline-block;
		vertical-align: top;
		width: 242px;
		height: 44px;
		margin: 0px;
	}

		#navbar_stripe .logo_area .logo_img {
			display: inline-block;
			vertical-align: top;
			border-style: solid;
			border-width: 1px;
			border-color: #000222;
			margin: 0;
			padding: 0;
			width: 242px;
			height: 44px;
		}

		#navbar_stripe .logo_area ul li a {
			width: 203px;
		}

		#navbar_stripe .logo_area .my_filters a {
			color: #c1f7f7 !important;
		}

		#navbar_stripe .logo_area .my_filters a:hover {
			color: #c1ffff !important;
		}

		#navbar_stripe .logo_area ul li ul {
			display: none !important;
			position: absolute;
		    left: 236px;
		    top: -1px;
			border: 2px solid black;
			text-align: left;
			box-shadow: -5px 5px 3px rgba(0,0,0,0.2);
			width: 176px;
		}

		#navbar_stripe .logo_area .trending:hover ul{
			display: block !important; 
		}

/*		#navbar_stripe .logo_area .filters:hover ul{
			display: block !important; 
		}

		#navbar_stripe .logo_area .my_filters:hover ul{
			display: block !important; 
		} */

		#navbar_stripe .logo_area ul li ul li {
			display: block;
			border-top: 0px;
			border-bottom: 1px solid black;
    		margin-bottom: -2px;
			height: 28px;
		}

		#navbar_stripe .logo_area ul li ul li a {
			display: block;
			height: 22px;
    		padding-left: 12px;
    		padding-right: 24px;
    		padding-top: 4px;
			width: 140px;
		}

		#navbar_stripe .logo_area ul li ul li a:hover {
			background-color: #4B79BE !important;
			color: #FCFCFC;
		}


	/*
	#navbar_logo_box{
		width: 242px;
		height: 44px;
		font-family: '28_days_laterregular', Arial, sans-serif;
		font-size: 48px;
	}
	*/

/* Login */
	#navbar_stripe .login_area {
		display: inline-block;
		vertical-align: top;
		border-style: solid;
		border-width: 1px;
		border-color: #000222;
		margin: 0 0 0 2px;
		width: 296px;
		height: 44px;
		background-color: #323840;
		overflow: hidden;
	}

	/* guest */
		#navbar_stripe .login_area .guest {
			list-style-type: none;
			padding: 0;
			margin: 0;
		}

		#navbar_stripe .login_area .guest li {
			padding: 0;
			margin: 0;
			margin-bottom: 1px;
			height: 23px;
		}

		#navbar_stripe .login_area .guest a {
			display: block;
			padding: 0;
			padding-left: 20px;
			margin: 0;
			/*			background: #231F20; */
			background: #4A4E50;
			color: #E1E1E1;
			line-height: 1.4;
			font-family: 'eurostilebold',Arial,sans-serif;
			font-weight: normal;
			font-size: 14px;
			height: 20px;
		}

		#navbar_stripe .login_area .guest a:hover {
			color: #FCFCFC;
			background: #4B79BE;
		}

	/* user */
		#navbar_stripe .login_area .user {
			color: #FCFCFC;
			font-size: 13px;
			line-height: 1.4;
			overflow: hidden;
		}
		
			#navbar_stripe .login_area .user .points1 {
				display: inline-block;
			    text-align: right;
			    vertical-align: top;
			    width: 50px;
			}

			#navbar_stripe .login_area .user .points1 img {
				display: inline-block;
				vertical-align: top;
				height: 34px;
				width: 34px;
				margin: 5px 2px 0px;
			}

				#navbar_stripe .login_area .user .points1 .val {
				    display: inline-block;
				    margin: auto;
				    position: relative;
				    top: 12px;
				}

			#navbar_stripe .login_area .user .points2 {
                            display: inline-block;
			    text-align: right;
			    vertical-align: top;
			    width: 50px;
                            margin-left: -4px;
			}

			#navbar_stripe .login_area .user .points2 img {
				display: inline-block;
				vertical-align: top;
				height: 34px;
				width: 34px;
    			margin: 4px 0 0 5px;
			}

				#navbar_stripe .login_area .user .points2 .val {
				    display: inline-block;
				    margin: auto;
				    position: relative;
				    top: 12px;
				}

			#navbar_stripe .login_area .user .avatar {
				display: inline-block;
				vertical-align: top;
				margin-left: 6px;
				color: #FFD700;
				border-color: #000222;
				border-width: 2px;
				border-style: solid;
				height: 40px;
				width: 40px;
			}

			#navbar_stripe .login_area .user .name {
				display: inline-block;
				vertical-align: top;
				width: 142px;
				overflow: hidden;
				position: relative;
				top: -6px;
			}

			#navbar_stripe .login_area .user .name a {
				display: block;
				font-weight: bold;
				color: #FCFCFC;
				text-shadow: 0 0 3px rgba(0,0,0,.9);
				padding: 6px 0 0 10px;
			}

			#navbar_stripe .login_area .user .name a:hover {
				background-color: #4B79BE;
				color: #FFD700;
			}

			#navbar_stripe .login_area .user .name .new_messages,
			#navbar_stripe .login_area .user .name .new_notifications{
				height: 13px;
			}
			#navbar_stripe .login_area .user .name .new_notifications_new,
			#navbar_stripe .login_area .user .name .new_notifications{
				position: relative;
				top: -1px;
			}

			#navbar_stripe .login_area .user .new_messages a,
			#navbar_stripe .login_area .user .new_notifications a,
			#navbar_stripe .login_area .user .new_notifications_new a,
			#navbar_stripe .login_area .user .new_messages_new a{
				color: #808285;
				font-size: 10px;
				font-weight: bold;
				padding: 0 0 0px 10px;
			}
			#navbar_stripe .login_area .user .name .new_notifications a{
				
			}
			
			#navbar_stripe .login_area .user .new_messages_new a{
				color: #DB1F26;
			}
			#navbar_stripe .login_area .user .new_notifications_new a{
				color: green;
			}

			/* THIS is the first level drrrp */
			#navbar_stripe .login_area .user ul,
			#navbar_stripe .logo_area ul {
				display: none;
				position: absolute;
				top: 50px;
				list-style-type: none;
				padding: 0;
				margin: 0;
				margin-left: -1px; /* cause of left border */
				box-shadow: -5px 5px 3px rgba(0,0,0,0.2);
			}

			#navbar_stripe .login_area .user ul {
				width: 295px;
			}

			/* this turns on the index list */
			#navbar_stripe .login_area .user:hover ul,
			#navbar_stripe .logo_area:hover ul {
				display: block;
				border: 2px solid black;
			}

			#navbar_stripe .login_area .user ul li a,
			#navbar_stripe .logo_area ul li a  {
				display: block;
				background: grey;
				line-height: 1.4;
				font-family: 'eurostilebold',Arial,sans-serif;
				font-size: 14px;
				font-weight: normal;
				text-shadow: 0 0 3px rgba(0,0,0,.9);
				color: #E6E7E8;
				height: 22px;
	    		padding-left: 12px;
	    		padding-right: 24px;
	    		padding-top: 4px;
				border-bottom: 1px solid black;
			}

		#navbar_stripe .login_area .user ul li a:hover,
		#navbar_stripe .logo_area ul li a:hover {
			background-color: #4B79BE;
			color: #FCFCFC;
		}

/* Main Menu */
	#navbar_stripe .main_menu {
		margin: 0 0 0 4px;
		padding: 0;
		display: inline-block;
		vertical-align: top;
		font-family: 'birth_of_a_heroregular', Arial, sans-serif;
		font-size: 32px;
		text-shadow: 0 0 3px rgba(0,0,0,.9);
		text-align: center;
		height: 46px; /* 44 + 2 * border */
	}
	.main_menu:hover {
		z-index: 1000;
	}

		#navbar_stripe .main_menu ul {
			list-style-type: none;
			padding: 0;
			margin: 0;
		}

			#navbar_stripe .main_menu ul .news{
				width: 80px;
			}

			#navbar_stripe .main_menu ul .forums{
				width: 102px;
			}

			#navbar_stripe .main_menu ul .livestreams{
				width: 142px;
			}

			#navbar_stripe .main_menu ul .ladders{
				width: 104px;
			}

			#navbar_stripe .main_menu ul .events{
				width: 88px;
			}

			#navbar_stripe .main_menu ul .vods{
				width: 72px;
			}

			#navbar_stripe .main_menu ul .replay{
				width: 98px;
			}

			#navbar_stripe .main_menu ul .guides{
				width: 92px;
			}

		#navbar_stripe .main_menu ul li {
			display: inline-block;
			border-style: solid;
			border-width: 1px 1px 1px 1px;
			border-color: #000222;
			padding: 0px;
			margin-top: 0px;
			margin-bottom: 0px;
			margin-right: 1px;
			margin-left: 1px;
		}

		/* Note: Always apply padding/size/background/text/whatever properties on "a" tags ! */
		/* Only exception : borders and margin between boxes, going on "li" */
		#navbar_stripe .main_menu ul li a {
			height: 44px;
			line-height: 44px;
			display: block;
			color: #E1E1E1;
		}

		#navbar_stripe .main_menu ul li a.events {
			color: #6D6E71;
			pointer-events: none;
			cursor: default;
		}

		#navbar_stripe .main_menu ul li a:link {
			background-image: linear-gradient(top, #4A4E50 0%, #6D6E71 60%, #63686A 100%);
			background-image: -o-linear-gradient(top, #4A4E50 0%, #6D6E71 60%, #63686A 100%);
			background-image: -moz-linear-gradient(top, #4A4E50 0%, #6D6E71 60%, #63686A 100%);
			background-image: -webkit-linear-gradient(top, #4A4E50 0%, #6D6E71 60%, #63686A 100%);
			background-image: -ms-linear-gradient(top, #4A4E50 0%, #6D6E71 60%, #63686A 100%);

			background-image: -webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0, #4A4E50),
				color-stop(0.6, #6D6E71),
				color-stop(1, #63686A)
			);

			font-weight: normal;
		}

		#navbar_stripe .main_menu ul li:hover a {
			background-image: linear-gradient(top, #404446 0%, #595E60 60%, #404446 100%);
			background-image: -o-linear-gradient(top, #404446 0%, #595E60 60%, #404446 100%);
			background-image: -moz-linear-gradient(top, #404446 0%, #595E60 60%, #404446 100%);
			background-image: -webkit-linear-gradient(top, #404446 0%, #595E60 60%, #404446 100%);
			background-image: -ms-linear-gradient(top, #404446 0%, #595E60 60%, #404446 100%);

			background-image: -webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0, #404446),
				color-stop(0.6, #595E60),
				color-stop(1, #404446)
			);
		}

		#navbar_stripe .main_menu ul li a:hover {
			background: #231F20;
			color: #FCFCFC;
		}

	/*
		#navbar_stripe .main_menu ul li a:active, #navbar_stripe .main_menu ul li a:focus {
			background-image: linear-gradient(top, #4B79BE 0%, #699EE4 50%);
			background-image: -o-linear-gradient(top, #4B79BE 0%, #699EE4 50%);
			background-image: -moz-linear-gradient(top, #4B79BE 0%, #699EE4 50%);
			background-image: -webkit-linear-gradient(top, #4B79BE 0%, #699EE4 50%);
			background-image: -ms-linear-gradient(top, #4B79BE 0%, #699EE4 50%);

			background-image: -webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0, #4B79BE),
				color-stop(0.5, #699EE4)
			);
		}
	*/

		#navbar_stripe .main_menu ul li ul {
			display:none;
			position:absolute;
			border-style: solid;
			border-width: 1px 1px 1px 1px;
			border-color: #000222;
			margin-top: 1px; /* cause of bottom border */
			margin-left: -1px; /* cause of left border */
			text-align: left;
			box-shadow: -5px 5px 3px rgba(0,0,0,0.2);
		}

		#navbar_stripe .main_menu ul li ul .forums_width{
			width: 134px;
		}

		#navbar_stripe .main_menu ul li ul .livestreams_width{
			width: 140px;
		}

		#navbar_stripe .main_menu ul li ul .ladders_width{
			width: 140px;
		}

		#navbar_stripe .main_menu ul li ul .vods_width{
			width: 179px;
		}

		#navbar_stripe .main_menu ul li ul li {
			display: block;
			border-top: 0px;
			margin: 0px;
			height: 28px;
		}

		#navbar_stripe .main_menu ul li ul li a {
			background: #4A4E50 !important;
			border-width: 0px 1px 0px 1px !important;
			font-family: 'eurostilebold',Arial,sans-serif;
			font-weight: normal;
			font-size: 14px;
			color: #E1E1E1;
			height: 28px;
			line-height: 28px;
	    	padding-left: 12px;
	    	padding-right: 24px;
		}

		#navbar_stripe .main_menu ul li ul li a:hover {
			background: #231F20 !important;
			color: #FCFCFC;
		}

		#navbar_stripe .main_menu ul li:hover .first_level {
			display:block;
                        z-index: 1000;
		}

		#navbar_stripe .main_menu ul li:hover ul li {
			
		}

		#navbar_stripe .main_menu ul li ul li ul,
		#navbar_stripe .main_menu ul li ul li ul li ul {
			border-color: #000222;
		    border-style: solid;
		    border-width: 1px;
		    box-shadow: -5px 5px 3px rgba(0, 0, 0, 0.2);
		    display: none;
		    margin-left: -1px;
		    margin-top: 1px;
		    position: relative;
		    text-align: left;
		    top: -28px;
		    width: 164px;
		}

		#navbar_stripe .main_menu ul li ul .forums_width li ul{
			left: 132px;
		}

		#navbar_stripe .main_menu ul li ul .livestreams_width li ul,
		#navbar_stripe .main_menu ul li ul .livestreams_width li ul li ul {
		    left: 137px;
		}

		#navbar_stripe .main_menu ul li ul .ladders_width li ul{
		    left: 137px;
		    width: 147px;
		}

		#navbar_stripe .main_menu ul li ul .vods_width li ul,
		#navbar_stripe .main_menu ul li ul .vods_width li ul li ul {
			left: 175px;
		}

		#navbar_stripe .main_menu ul li ul li ul li,
		#navbar_stripe .main_menu ul li ul li ul li ul li{
			display: block;
			border-top: 0px;
			margin: 0px;
			width: 162px;
		}

		#navbar_stripe .main_menu ul li ul .livestreams_width li ul li,
		#navbar_stripe .main_menu ul li ul .livestreams_width li ul li ul li{
			display: block;
			border-top: 0px;
			margin: 0px;
			width: 132px;
		}

		#navbar_stripe .main_menu ul li ul .ladders_width li ul li,
		#navbar_stripe .main_menu ul li ul .ladders_width li ul li ul li{
			display: block;
			border-top: 0px;
			margin: 0px;
			width: 147px;
		}

		#navbar_stripe .main_menu ul li ul li ul li a,
		#navbar_stripe .main_menu ul li ul li ul li ul li a {
			background: #4A4E50 !important;
			border-width: 0px 1px 0px 1px !important;
			font-family: Tahoma,sans-serif;
			font-weight: bold !important;
			font-size: 12px;
			color: #E1E1E1;
			height: 28px;
			line-height: 28px;
	    	padding-left: 12px;
	    	padding-right: 12px;
		}

		#navbar_stripe .main_menu ul li ul li ul li a:hover,
		#navbar_stripe .main_menu ul li ul li ul li ul li a:hover {
			background: #231F20 !important;
			color: #FCFCFC;
		}

		#navbar_stripe .main_menu ul li ul li:hover .second_level,
		#navbar_stripe .main_menu ul li ul li ul li:hover .third_level {
			display:block;
		}

		#navbar_stripe .main_menu ul li ul li:hover ul li {
			
		}

		#navbar_stripe .main_menu ul li ul .forums_width li ul li ul {
			left: 160px;
		}

		#navbar_stripe .main_menu ul li ul .ladders_width li ul li ul {
		    left: 145px;
		}

		#navbar_stripe .main_menu ul li ul .cats{
			width: 96px;
		}

		#navbar_stripe .main_menu ul li ul .featured{
			width: 96px;
		}

		#navbar_stripe .main_menu ul li ul li ul .subforums{
			width: 138px;
		}

		#navbar_stripe .main_menu ul li ul li ul .laddermodes{
			width: 122px;
		}

		#navbar_stripe .main_menu ul li ul li ul li ul .random{
			width: 122px;
		}

		/* #menu_current_cat refers to the "a" tag */ 
		#navbar_stripe .main_menu #menu_current_cat { 
			background: #4B79BE;
			color: #FCFCFC;
		}

		#navbar_stripe .main_menu #menu_current_cat:hover {

		}
		
		span.unhandled_report_count {
			color: pink;
			display: block;
		}
                .top_bar_badge span.badgeLevel {
	position: absolute;
	text-align: center;
	display: block;
	width: 100px;
	margin-left: 28px;
	margin-top: -29px;
	font-family: 'eurostilebold',Arial,sans-serif;
	font-weight: normal!important;
	font-size: 17px;
	text-shadow: 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1);
}

.top_bar_badge .badgeLevel {
    color: black!important;
    margin-left: 6px!important;
    
}

#navbar_container a:hover {
    z-index: 10000;
}