/* DROP DOWN MENU */

body {background: #EEEEEE}

.sociable img {
  border:0;
  float:none;
  margin:3px 10px -3px 0;
  padding:0;
}

.sociable a { 
  text-decoration: none; 
  color: #42796F; 
  outline:none;
}

.sociable { 
  display: block; 
  width: 142px; 
  height: 25px; 
  position: relative; 
  margin: 10px 0; 
  z-index:2000;
  clear: both; 
}
	
.sociable ul {
	position: absolute;
	top: 0;
	left: -1px;
	padding: 0;
	margin: 0;
	list-style: none;
	font: 11px Arial, Helvetica, sans-serif;
}

.sociable ul li {
	position: relative;
	width: 142px;
	height: 25px;
	background: url(social_left.gif) no-repeat left top;
}

.sociable ul li a {
	display: block;
	width: 137px;
	padding: 4px 0 7px 8px;
	background: url(social_right.gif) no-repeat right 0;
	text-decoration:none;
}

.sociable ul li a:hover {
	background: url(social_right.gif) no-repeat right -25px;
	text-decoration:none;
}

.sociable ul#sociableheader li ul {
	background: url(social_top.gif) no-repeat left top;	
  display: none;
  position: absolute; 
	padding-top: 9px;
	top: 17px;
  left: 0;
}

.sociable ul li ul li {
	height: 1%;
	background: url(social_bg.gif) no-repeat left top;
	margin: -3px 0;
	padding: 1px 0;
}

.sociable ul li ul li a {
	margin: 0;
	width: 135px;
	display: block;
	padding: 1px 0px 5px 10px;
	background: url(social_bg.gif) no-repeat left 0;
	text-decoration:none;
}

.sociable ul li ul li a:hover {
  background: url(social_bg.gif) no-repeat left -50px;
	text-decoration:none;
	color: #FFFFFF;
}

.sociable ul li ul li.bottom {
	background: url(social_bottom.gif) no-repeat left top;
	display: block;
	height: 8px;
	width: 145px;
	font-size: 1px;
	margin: 0 0 0 0;
	/*margin: -3px 0 0 0;*/
	padding: 0px;
}

.sociable ul li > ul {
	top: auto;
	left: auto;
}
/* 
# If Javascript disabled, enabled this. 
# Because, does'nt works on IE!
.sociable ul#categories li:hover ul,
.sociable ul#categories li.over ul { display: block; }
*/