@charset "UTF-8";

/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a,
ul.dropdown span {
	display: block;
	padding: 8px 9px 10px 9px;
	font-family: Geneva, Arial, sans-serif;
	font-size: .8em;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
}

/*------------------------------------------------------------------------------------------------------/
 *	@section	Base Style Override
 */

ul.dropdown li {
	padding: 0;
}

ul.dropdown li a:hover {
	color: #0297bc;
	background-color: #0e0e0e;
}

ul.dropdown ul a,
ul.dropdown ul span { /* POI, proposal: override abstract a, span */
	padding: 11px;
}

/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */

ul.dropdown *.dir { /* POI */
	padding: 8px 11px 8px 11px;
}


/*------------------------------------------------------------------------------------------------------/
 *	@section	Custom Styles
 */

ul.dropdown ul {
	width: 240px;
	background-color: #080808;
}
ul.dropdown ul a {
	border-top: 1px solid #111;
}


/*------------------------------------------------------------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */

ul.dropdown *.open {
	color: #0297bc;
	background-color: #0e0e0e;
}
ul.dropdown ul *.open {
	background-color: #4c4c4c;
	color: #fff;
}
ul.dropdown ul ul *.open {
	background-color: #595959;
	color: #fff;
}

/* Override UPPER TWO definitions */
ul.dropdown a.open:hover {
	background-color: #0e0e0e;
	color: #0297bc;
}
ul.dropdown ul a.open:hover {
	color: #0297bc;
}

/* Clone in CSS 2 */
ul.dropdown li:hover > *.dir {
	color: #0297bc;
	background-color: #0e0e0e;
}
ul.dropdown ul li:hover > *.dir {
	background-color: #4c4c4c;
}
ul.dropdown ul ul li:hover > *.dir {
	background-color: #595959;
	color: #fff;
}

/* Override UPPER TWO definitions */
ul.dropdown li:hover > a.dir:hover {
	background-color: #0e0e0e;
	color: #0297bc;
}
ul.dropdown ul li:hover > a.dir:hover {
	background-color: #0e0e0e;
	color: #0297bc;
}