@charset "utf-8";

 
/* 
Dropdown Menus CSS HeatMap Theme 

This file last updated 16/02/2010

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/

My version expands upon the above by adding support for both WordPress categories and pages,
plus page and category exclusion, modifies the CSS specifically to fit 
within the HeatMap Theme framework, and fixes a bug which becomes apparent in Safari 
when you try to generate the UL LI CSS framework using WordPress Functions wp_list_categories
and wp_list_pages.
*/

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

#hmt-sf-navbar {
	width: 653px;
	height: 33px;
	min-height: 33px;
	
	margin: 0px;
	padding: 0px;

/*	margin-top: 3px; */	/* distance from top of navbar */
	margin-left: 15px;	/* distance from left margin of navbar */

	display: inline;
	overflow: hidden;
	float: left;
	
	color: #FFF;
	
	line-height: 33px;
}


#hmt-sf-nav {
	margin: 0;
	padding: 0;
}

#hmt-sf-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index:9999; /* this has to be high so nothing else gets in its way! */
}

#hmt-sf-nav li {
	float: left;
	width: auto;
}

#hmt-sf-nav a {
	display: block;
	width: auto;
/*	padding-bottom: 5px; */ /* deleted 17/11/09 - this is the space between the nav bar and the first subment */
}

#hmt-sf-nav li ul {
	font-size: 10px; 	/* set the font size slightly smaller for submenus */
	position: absolute;
	left: -999em;		/* if a UL isnt showing send it off the side of the screen until something hoevers it to bring it back */
	width: 185px;		/* width of the drop down column - you must set this to match the width for #hmt-sf-nav li ul a below or things go a bit crazy! */
	line-height: 24px;	/* added to fix vertical alignment across more browsers 17/11/09 */
}

#hmt-sf-nav li ul a {
	background: #363636;	/* background colour for each item */
	/* removed an erroneous reference to 638em 30/1/2010 */
	height: 24px;			/* height of each item in the submentu */
	width: 185px;			/* width of each drop down column */
/*	padding-top: 1px; */
	padding-bottom: 1px; 	/* just a little spacing to make things neat */
	padding-left: 5px;		/* and just offset it a little from the left side */
	border-bottom: solid 1px #A2A2A2; /* draw a dividing line between each item */
	
	filter:alpha(opacity=90); /*set up transparency effect for lots of different browsers */
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	overflow: hidden; 		/* hide anything thats too long! */
}

#hmt-sf-nav li ul ul { 		/* third level lists downwards - controls where sub items appear next to the parent list */
	margin-top: -26px;		/* you'll need to adjust this if you adjust the height of the item box */ 
	margin-left: 190px; 	/* set this to match the width plus the padding left in "#hmt-sf-nav li ul a" */
}

#hmt-sf-nav li:hover ul ul, 
#hmt-sf-nav li:hover ul ul ul, 
#hmt-sf-nav li.sfhover ul ul, 
#hmt-sf-nav li.sfhover ul ul ul {
	left: -999em;
}

#hmt-sf-nav li:hover ul, 
#hmt-sf-nav li li:hover ul, 
#hmt-sf-nav li li li:hover ul, 
#hmt-sf-nav li.sfhover ul, 
#hmt-sf-nav li li.sfhover ul, 
#hmt-sf-nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#hmt-sf-nav li ul ul a {	/* make the colours of the menu alternate! */
	background: #A2A2A2;
	border-bottom: solid 1px #363636;
	overflow: hidden;
}

#hmt-sf-nav li ul ul ul a { 	/* and again */
	background: #363636;
	border-bottom: solid 1px #A2A2A2;
	overflow: hidden;
}

#hmt-sf-nav li:hover, #hmt-sf-nav li.hover {
	position: static;   /* fix sticky IE menus! - thanks Matt builtfromsource.com */
}


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

#hmt-sf-catbar {
	width: 618px;  	/* 16/02/2010  changed this to 618px to cater for reported problems in MAC Chrome and Firefox - Thanks gthiruva */ 
					/* 11/01/2010 - change this from 653px - which was a typo */
	height: 28px;
	min-height: 28px;
	
	margin: 0px;
	padding: 0px;

/*	margin-top: 3px; */	/* distance from top of navbar */
	margin-left: 15px;	/* distance from left margin of navbar */

	display: inline;
	overflow: hidden;
	float: left;
	
	color: #FFF;
	
	line-height: 28px;
}


#hmt-sf-cat {
	margin: 0;
	padding: 0;
}

#hmt-sf-cat ul {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index:9999; /* this has to be high so nothing else gets in its way! */
}

#hmt-sf-cat li {
	float: left;
	width: auto;
}

#hmt-sf-cat a {
	display: block;
	width: auto;
/*	padding-bottom: 5px; */ /* deleted 17/10/09 - this is the space between the nav bar and the first subment */
}

#hmt-sf-cat li ul {
	font-size: 11px; 	/* set the font size slightly smaller for submenus */
	position: absolute;
	/* width: 653em; */		/* deleted this 11/2/2010 - typo - space allocated for the entire nav bar */
	left: -999em;		/* if a UL isnt showing send it off the side of the screen until something hoevers it to bring it back */
	width: 185px;		/* width of the drop down column - you must set this to match the width for #hmt-sf-nav li ul a below or things go a bit crazy! */
}

#hmt-sf-cat li ul a {
	background: #363636;	/* background colour for each item */
	height: 28px;			/* height of each item in the submentu */
	width: 185px;			/* width of each drop down column */
/*	padding-top: 2px; */	/* deleted 17/10/09 */
/*	padding-bottom: 0px; */	/* deleted 17/10/09 - just a little spacing to make things neat */
	padding-left: 5px;		/* and just offset it a little from the left side */
	border-bottom: solid 1px #A2A2A2; /* draw a dividing line between each item */
	
	filter:alpha(opacity=90); /*set up transparency effect for lots of different browsers */
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	overflow: hidden; 		/* hide anything thats too long! */
}

#hmt-sf-cat li ul ul { 		/* third level lists downwards - controls where sub items appear next to the parent list */
	margin-top: -29px;		/* you'll need to adjust this if you adjust the height of the item box */ 
	margin-left: 190px; 	/* set this to match the width plus the padding left in "#hmt-sf-nav li ul a" */
}

#hmt-sf-cat li:hover ul ul, 
#hmt-sf-cat li:hover ul ul ul, 
#hmt-sf-cat li.sfcathover ul ul, 
#hmt-sf-cat li.sfcathover ul ul ul {
	left: -999em;
}

#hmt-sf-cat li:hover ul, 
#hmt-sf-cat li li:hover ul, 
#hmt-sf-cat li li li:hover ul, 
#hmt-sf-cat li.sfcathover ul, 
#hmt-sf-cat li li.sfcathover ul, 
#hmt-sf-cat li li li.sfcathover ul { /* lists nested under hovered list items */
	left: auto;
}

#hmt-sf-cat li ul ul a {	/* make the colours of the menu alternate! */
	background: #A2A2A2;
	border-bottom: solid 1px #363636;
	overflow: hidden;
}

#hmt-sf-cat li ul ul ul a { 	/* and again */
	background: #363636;
	border-bottom: solid 1px #A2A2A2;
	overflow: hidden;
}

#hmt-sf-cat li:hover, #hmt-sf-cat li.hover {
	position: static;   /* fix sticky IE menus! - thanks Matt builtfromsource.com */
}