@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 CSS from StudioPress Themes by Brian Gardner

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

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

#hmt-sf-navbar {
	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-nav {
	z-index:30;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	
#hmt-sf-nav ul {
	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 {
	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;
}