/*!
 * jquery.ui.potato.menu
 * 
 * Copyright (c) 2009-2011 makoto_kw, http://www.makotokw.com
 * Licensed under the MIT license.
 * 
 * @author makoto_kw
 * @version 1.2
 */
 
 
/* Do not touch these styles! */
 
.potato-menu {
	margin:0;
	padding:0;
	width:auto;
	list-style:none;
}
.potato-menu:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.potato-menu .potato-menu-item {
	padding:0;
	position:relative;
	list-style:none;
	list-style-position:outside;
	display:inline;
	margin:0;
	float:left;
}
.potato-menu .potato-menu-item a {
	display:block;
	text-decoration:none;
	white-space:nowrap;
	outline:0;
}
.potato-menu .potato-menu-group {
	margin:0;
	padding:0;
	-webkit-padding-start:0;
	-webkit-padding-end:0;
	position:absolute;
	display:none;
	z-index:1000;
}

/* Feel free to touch these */

#nav > li{
	/* Can define LI Height, but we'd rather mess with A height, since the A is the hit area */
}
#nav > li > a{
	padding:8px;
}
#nav {
	width:100%;
}

li.potato-menu-item {
    font-size:12px;
}
li.potato-menu-item a {
    padding:5px 20px 5px 12px;
    color: #fff;
}
li.potato-menu-hover {
	/* Override in master CSS */
}
li.potato-menu-item ul {
    border-top:1px solid #444;
    border-left:1px solid #444;
}

ul.potato-menu-vertical{
	width:300px;
}
ul.potato-menu-vertical > li.potato-menu-item{
	width:100%;
}