/*** utilitybanner.css ***/
/*** handles the default layout and behaviour of the utility bar menus at the top of the blogs */

#utilityBar {
	position: relative;
	padding: 0 2em 0 2em;
	height: 2em;
	font-size: 80%; 
	font-weight: bold;
	line-height: 2em;
}

#siteLogoBar {
	padding-left:1em;
	font-size:200%;
	display:block;
	height:50px;
	font-weight:normal;
	line-height:50px;
}

#siteLogoBar a { text-decoration: none; }
#siteLogoBar a:hover { text-decoration: underline; }

#banner {
	position: relative;
	z-index: 5;
}

/* rule to prevent IE collapsing content */
/* Hides from IE5-mac \*/
* html #banner { height: 1%; }
/* End hide from IE5-mac */

#utilityBar a {	text-decoration: none; padding: 0.5em 0; }

#utilityBar img { position: relative; margin-top: 0.5em; vertical-align: top; }


/*** Left-Side Menu ***/
#bloglinks {
	position: relative;
	float: left;
}

#bloglinks li {
	position: relative;
	display: inline;
	list-style: none;
	margin-left:0;
}

/*** Right-Side Menu, First Level ***/
#nav {
	text-align: right;
	display: block;
	list-style: none;
}

#nav li {
	position: relative;
	margin-left: 0.25em;
	display: inline;
	list-style: none;
}

/*** Second Level List Styling ***/
#nav ul {
	position: absolute;
	text-align:left;
	left: 0;
	display: none;	
	line-height: 2em;
	list-style: none;
	top: 1.6em;
}

ul#nav ul li { margin: 0; position: static; }

ul#nav ul li a:link, ul#nav ul li a:visited {
	display: block;
	/*height: 2em;*/ /* HOTFIXED 14th Jan 07 to fix dropdowns */
	padding: 0 0.5em;
	width: 16em;
}

/*** Drop-Down Menu Effect ***/
#nav li:hover ul, #nav li.sfhover ul { display: block; }

/* Hack to stop menus displaying in new versions of Opera which can't do absolute positioning properly */
html:first-child #nav li:hover ul { display: none; }