/* -- Categories -- */
/* -- First Level -- */
#categories {margin: 0; padding: 1px 0 0px 0; list-style: none; width: 250px; font-family:Verdana, Arial, Helvetica, sans-serif;background: url(http://www.seopedia.org/wp-content/themes/seopedia/images/bg_categories_div.gif) repeat-x left top;}
#categories li {position: relative; font-weight: bold; padding-bottom: 1px;}
#categories li a {display: block; text-decoration: none; /* IE6 Bug */ padding: 4px 0 4px 12px; background-color: #000000;width:218px;}
#categories li a:hover, #categories li {background-color: #000000; color: #fff;}

/* -- Second Level -- */
#categories li ul {margin: 0px 0 0px 0; padding: 1px 0 0px 0; list-style: none; width: 250px;font-size:12px;background: url(http://www.seopedia.org/wp-content/themes/seopedia/images/bg_categories_div_indent.gif) repeat-x left top;}
#categories li ul li  {position: relative; font-weight:normal;padding-bottom: 1px;background: url(http://www.seopedia.org/wp-content/themes/seopedia/images/bg_categories_div_indent.gif) repeat-x left bottom;}
#categories li ul li a {display: block; text-decoration: none; /* IE6 Bug */ padding: 2px 0 2px 30px; background: url(http://www.seopedia.org/wp-content/themes/seopedia/images/arrow.gif) no-repeat 20px 6px; background-color: #990000;width:218px;}
#categories li ul li a:hover {background: url(http://www.seopedia.org/wp-content/themes/seopedia/images/arrow-black.gif) no-repeat 22px 6px; background-color: #FFFFFF; color: #000;border-left:1px solid #990000;border-right:1px solid #990000;margin-right:0;padding-right:0}

/* Fix IE. Hide from IE Mac \*/
* html #categories li { float: left; height: 1%; }
* html #categories li a { height: 1%; }
* html #categories li ul li { float: left; height: 1%; }
* html #categories li ul li a { height: 1%; }
/* End */

li:hover #categories, li.over #categories { display: block; } /* The magic */


#categories li a,
#categories li ul li a,
#categories li a:hover {color: #FFFFFF;}