/*

	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: 0 160px;
	position: relative;
	bottom: 0;

}



#sidebar ul {

	width:560px;

	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;

}


#sidebar li ul {
width: auto;
}

#sidebar li {
display: block;
float: left;
font-size: 1em;
line-height: 20px;
list-style-type: none;
margin: 0;
padding: 0;
}

#sidebar li a {
display: block;
font-size: 1em;
margin: 0;
padding: 0.5em 5px;
width: auto;
}

#sidebar li.categories {
height: 25px;
padding-top: 5px;
cursor: pointer;
}


/* 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: #FFFFFF;

	-moz-opacity:0.95; /* for mozilla */

	opacity: 0.95; /* for safari */

	khtml-opacity: 0.95 /* for konquerer and older safari */

}



#sidebar ul ul {

	background: #FFFFFF;

}

#sidebar ul li {

	background: #FFFFFF;

}





#sidebar h2 {

	color: #000000;

}



#sidebar a {

	color: #000000;

	}



#sidebar ul li:hover {

	background: #FFFFFF;

}



#sidebar ul li ul {



}



#sidebar ul li ul li {

	background: #FFFFFF;

}



#sidebar ul li ul li:hover {

	background: #FFFFFF;

}



#sidebar ul li ul ul li{

	background: #FFFFFF;

	

}



#sidebar ul li ul ul li:hover {

	background: #FFFFFF;

}