/*
	CSS files kept in the 'styles' directory can be used to
	costumize your K2 installation without having to mess
	with the core K2 files. This in turn makes it easier to
	upgrade to new K2 versions as well as debug any potential
	problems.

	You select schemes from the K2 Options page in the
	'Presentation' section of your WordPress administration.
	
	Author Name: 	ToRokZoli
	Author Site	: 	http://torokzoli.hu
	Style Name	: 	Dropdown2
	Style URI	:	http://torokzoli.hu/2007/02/25/drop-down-menu-wordpress-k2-hoz/
	Version	: 	1.2
	Comments	: 	Simple and smart, thanks to http://jillij.com
*/

#sidebar {
	display: block;
	z-index: 5;
	margin: 0;
	padding: 3;
	position: relative;
	bottom: 0;
}

#sidebar ul {
	width:780px;
	min-height: 30px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	z-index: 500;
}


#sidebar li {
	display: inline;
	float: left;
	min-height: 20px;
	position: relative;
	text-align: left;
	padding: 5px 16px 5px;
	margin: 0px 0px 0px 0px;
}

#sidebar li ul {
	width: 150px;
	height: auto;
	top: 100%;
	left: 0px;
}

#sidebar li ul li {
	text-align: left;
	width: 118px;	
	height: auto;
	min-height: auto;
	display: block;
}

#sidebar a {
	text-decoration: none;
	}

#sidebar li li ul {
	top: 0;
	left: 0;
}

#sidebar li li:hover ul {
	left: 150px;
}

/* initialy hide all sub sidemenus */
#sidebar ul ul,
#sidebar ul li:hover ul ul,
#sidebar ul ul li:hover ul ul,
#sidebar ul ul ul li:hover ul ul,
#sidebar ul ul ul ul li:hover ul ul {
	display: none;
	position: absolute;
}

/* display them on hover */
#sidebar li:hover ul,
#sidebar ul li:hover ul,
#sidebar ul ul li:hover ul,
#sidebar ul ul ul li:hover ul,
#sidebar ul ul ul ul li:hover ul,
#sidebar ul ul ul ul ul li:hover ul {
  display: block;
}

/* colors */

#sidebar {
	color: #FFFFFF;
}

#sidebar ul{
	background: #000000;
	-moz-opacity:0.95; /* for mozilla */
	opacity: 0.95; /* for safari */
	khtml-opacity: 0.95 /* for konquerer and older safari */
}

#sidebar ul ul {
	background: #000000;
}
#sidebar ul li {
	background: #000000;
}


#sidebar h2 {
	color: #FFFFFF;
}

#sidebar a {
	color: #FFFFFF;
	}

#sidebar ul li:hover {
	background: #CC3399;
}

#sidebar ul li ul {

}

#sidebar ul li ul li {
	background: #333333;
}

#sidebar ul li ul li:hover {
	background: #666666;
}

#sidebar ul li ul ul li{
	background: #666666;
	
}

#sidebar ul li ul ul li:hover {
	background: #999999;
}