@charset "utf-8";

/*
Dropdown Menus CSS for the HeatMap Extras Plugin / HeatMap Theme 2.2 (not rc1)

This file last updated 3/09/2009

Copyright Stuart Wider 2009
*/

/*
The CSS here is based upon 'SuckerFish Dropdowns' and 'Son of Suckerfish'
by Patrick Griffiths and Dan Webb
http://www.alistapart.com/articles/dropdowns/
http://htmldog.com/articles/suckerfish/dropdowns/
and also inspired by suckerfish based code from StudioPress Themes by Brian Gardner

My version expands upon the above by adding support for both categories and pages
and also modifies the CSS specifically to fit within the HeatMap Theme 2.2 framework
*/

/* suckerfish_navbar
-------------------------------------------------------------- */

#hmt-sf-navbar {
	/*width: 653px;*/
	width:960px;

	height: 33px;
	min-height: 33px;
	margin: 0px;
	padding: 0px;
	margin-left: 15px;	/* distance from left margin of menu */
	display: inline;
	overflow: hidden;
	float: left;
	z-index:30;
	color: #FFF;
}

#hmt-sf-nav {
	/* added by pat */
	width: 960px;

	z-index:30;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#hmt-sf-nav ul {
	/* added by pat */
	width: 960px;

	z-index:30;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#hmt-sf-nav a {
	z-index:30;
	color: #FFFFFF;
	display: block;
    font-weight: bold;
    margin: 0px; 	/*to change spacing play with this */
	padding: 6px 0px 4px 0px; 	/*and this */
	text-decoration:none;
}

#hmt-sf-nav a:hover {
	z-index:30;
	color: #ffc000;
	display: block;
	text-decoration: none;
}

#hmt-sf-nav li {
	z-index:30;
	float: left;
	margin: 0px;
	padding: 0px;
}

#hmt-sf-nav li li {
	z-index:30;
	float: left;
	margin: 0px;
	padding: 0px;
}

#hmt-sf-nav li li a, #hmt-sf-nav li li a:link, #hmt-sf-nav li li a:visited {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	z-index:30;
	background: #363636;
	width: 200px;
	float: none;
	margin-left: -10px;			/*to change spacing play with this */
	padding: 8px 15px 8px 10px;	/*and this */
}

#hmt-sf-nav li li a:hover, #hmt-sf-nav li li a:active {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	z-index:30;
	background: #565656;
	width: 200px;
	float: none;
	margin-left: -10px;			/*to change spacing play with this */
	padding: 8px 15px 8px 10px;	/*and this */
}

#hmt-sf-nav li ul {
	z-index:30;
	position: absolute;
	width: 10em;
	left: -999em;
}

#hmt-sf-nav li:hover ul {
	z-index:30;
	left: auto;
	display: block;
}

#hmt-sf-nav li:hover ul, #hmt-sf-nav li.sfhover ul {
	z-index:30;
	left: auto;
	display: block;
}


/* suckerfish_catbar
-------------------------------------------------------------- */

#hmt-sf-catbar {
	/* added by pat */
	display: none;
	width: 653px;
	height: 33px;
	min-height: 33px;
	margin: 0px;
	padding: 0px;
	margin-left: 15px;	/* distance from left margin of menu */
	display: inline;
	overflow: hidden;
	float: left;
	z-index:30;
	color: #FFF;
}

#hmt-sf-cat {
	z-index:30;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#hmt-sf-cat ul {
	z-index:30;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#hmt-sf-cat a {
	z-index:30;
	color: #FFFFFF;
	display: block;
    font-weight: bold;
    margin: 0px; 	/*to change spacing play with this */
	padding: 4px 0px 5px 0px; 	/*and this */
	text-decoration:none;
}

#hmt-sf-cat a:hover {
	z-index:30;
	color: #ffc000;
	display: block;
	text-decoration: none;
}

#hmt-sf-cat li {
	z-index:30;
	float: left;
	margin: 0px;
	padding: 0px;
}

#hmt-sf-cat li li {
	z-index:30;
	float: left;
	margin: 0px;
	padding: 0px;
}

#hmt-sf-cat li li a, #hmt-sf-cat li li a:link, #hmt-sf-cat li li a:visited {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	z-index:30;
	background: #363636;
	width: 200px;
	float: none;
	margin-left: -10px;			/*to change spacing play with this */
	padding: 8px 15px 8px 10px;	/*and this */
}

#hmt-sf-cat li li a:hover, #hmt-sf-cat li li a:active {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	z-index:30;
	background: #565656;
	width: 200px;
	float: none;
	margin-left: -10px;			/*to change spacing play with this */
	padding: 8px 15px 8px 10px;	/*and this */
}

#hmt-sf-cat li ul {
	z-index:30;
	position: absolute;
	width: 10em;
	left: -999em;
}

#hmt-sf-cat li:hover ul {
	z-index:30;
	left: auto;
	display: block;
}

#hmt-sf-cat li:hover ul, #hmt-sf-cat li.sfhover ul {
	z-index:30;
	left: auto;
	display: block;
}