/* BOBA FETT FAN CLUB   Navigation CSS   ------------------------- */

/* 1. Masthead */

#masthead {
	margin:10px auto 0;	
	width:960px;
	color:#ccc;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	}

/* 2. Title Container */

#titlecontainer {
	width:960px;
	height: 68px;
	overflow:hidden;
	line-height:1.2;
	}
	#titlecontainer a { color: #fff; }
	#titlecontainer div.gutter { padding-top:15px; padding-right:0; }
	#titlecontainer strong { font-size:140%; }

	#titlecontainer #searchbox {
		float:right;
		width:160px;
		text-align:left;
		margin:10px 0 0 10px;
		}
		
		#titlecontainer #searchbox input, #searchbox input:focus { 
			background:#fff;
			border:0;
			color:#000;
			float:left;
			padding:5px;
			width:100px;
			}
		#titlecontainer #searchbox input.submit {
			background:#111;
			border:0; 
			color:#ffcc66;
			float:left;
			font-family:Helvetica;
			font-weight:bold;
			text-align:center;
			width:50px;
			}

/* 3. Navigation */

#bffc-navigation {
	width:960px;
	margin:0 auto;
	font-family:Helvetica, Arial;
	background:#111;
}

#bffc-nav a { color:#fff; }

/* you are not here */
#bffc-nav li:hover { color:#000; background:#ffcc66; } /* hovered categories */
#bffc-nav li:hover a { color:#000; } /* hovered categories */
#bffc-nav li:hover ul li a { color:#fff; } /* hovered sub-categories */

/* you are here */
#bffc-nav li.on { background:#000; }
#bffc-nav li.on a { color:#ffcc66; }
#bffc-nav li.on:hover { color:#fff; background:#ffcc66; }

#bffc-nav ul li a { color:#fff; }
#bffc-nav ul li a:hover { color:#ffcc66; }
#bffc-nav ul li:hover { color:#fff; background:#111; }

#bffc-nav, #bffc-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:5;
	}
	#bffc-nav a {
		display: block;	
		padding:5px 10px;
		text-decoration:none;
		}
#bffc-nav li { 
	/* all list items */
	float: left;
	// width:96px;
	width: auto;
	}
#bffc-nav li ul { /* second-level lists */
	position: absolute;
	background: #333;
	color:#fff;
	width: 192px;
	left: -999em;
	}

#bffc-nav li ul li { width:192px; }
// #bffc-nav li#li11 ul, #bffc-nav li#li11 ul li { width:96px; }
#bffc-nav li:hover ul, #bffc-nav li.sfhover ul { /* lists nested under hovered list items */	left: auto;}