/* 	Website: One Torah For All .com, .org, .net,
	Author: Zer Emunah
	October 31, 2012
*/

/* Menu styles navigation list */

	nav {
		position: absolute;
		left: 10px;
		top: 10px;
		margin: 1%;
		width: 170px;
		display: block;
		background-color: rgba(125, 125, 75, 0.8);
		
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		
		-moz-box-shadow: rgba(100, 100, 100, 0.4) 12px -7px 6px,
					inset rgba(100, 100, 100, 0.4) -3px -3px 3px,
					inset rgba(250, 250, 250, 0.4) 3px 3px 3px;
		-webkit-box-shadow: rgba(100, 100, 100, 0.4) 12px -7px 6px,
					inset rgba(100, 100, 100, 0.4) -3px -3px 3px,
					inset rgba(250, 250, 250, 0.4) 3px 3px 3px;
		box-shadow: rgba(100, 100, 100, 0.4) 12px -7px 6px,
					inset rgba(100, 100, 100, 0.4) -3px -3px 3px,
					inset rgba(250, 250, 250, 0.4) 3px 3px 3px;
		padding-bottom: 10px;
	}
		
	#item  {
		display: block;
		color: black;
		text-decoration: none;
		vertical-align: super;
		padding-bottom: 8px;
	}
	
	li.submenu {
		font-size: 12px;
		text-decoration: none;
		letter-spacing: 2.5px;
		display: block;
	}
	
	li.subsubmenu {
		letter-spacing: 0.4px;
		display: block;
	}
	
/* Home menu styles */
	
	li a.home {
		display: block;
		font-size: 1.5em;
		letter-spacing: 2px;
		margin: 2px;
		width: 150px;
	}
	
	li.submenu a.home:hover {
		visibility: visible;
		background-color: rgb(170, 175, 100);
		
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		
		margin: 2px;
		width: 150px;
		
		-moz-box-shadow: inset rgba(100, 100, 100, 0.4) -3px -3px 3px,
					inset rgba(250, 250, 250, 0.4) 3px 3px 3px;
		-webkit-box-shadow: inset rgba(100, 100, 100, 0.4) -3px -3px 3px,
					inset rgba(250, 250, 250, 0.4) 3px 3px 3px;
		box-shadow: inset rgba(100, 100, 100, 0.4) -3px -3px 3px,
					inset rgba(250, 250, 250, 0.4) 3px 3px 3px;
		text-align: center;
	}

	
/* Topmenu styles */
	
	ul.topmenu  li {
		padding-top: 10px;
		padding-left: 7px;
		display: block;
	}

	ul.topmenu, ul.topmenu ul {
		margin: 0;
		padding: 0;
	} 

	ul.topmenu li {
		list-style: none;
		margin: 0;
		padding-right: 1.5em;
		display: block;
	} 

/* Submenu styles */
	
	ul.topmenu li.submenu ul li {
		text-align: center;
		display: block;
	}
	
/* Styles for hiding the submenus */
	
	ul.topmenu li ul {
		visibility: hidden;  
	} 
	
	ul li.submenu ul {
		visibility: hidden;
	}

/* Styles for making the submenus visible upon hover */
	
	ul.topmenu li.submenu:hover ul {
		visibility: visible;
		background-color: rgb(125, 155, 80);
		
		-moz-box-shadow: rgba(100, 100, 100, 0.4) 12px -7px 6px,
					inset rgba(250, 250, 250, 0.4) 5px 5px 5px,
					inset rgba(100, 100, 100, 0.4) -5px -5px 5px;
		-webkit-box-shadow: rgba(100, 100, 100, 0.4) 12px -7px 6px,
					inset rgba(250, 250, 250, 0.4) 5px 5px 5px,
					inset rgba(100, 100, 100, 0.4) -5px -5px 5px;
		box-shadow: rgba(100, 100, 100, 0.4) 12px -7px 6px,
					inset rgba(250, 250, 250, 0.4) 5px 5px 5px,
					inset rgba(100, 100, 100, 0.4) -5px -5px 5px;
					
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	} 

	ul.topmenu li.submenu ul li:hover {
		visibility: visible;
		display: block;
		background-color: rgb(170, 175, 100);
		
		-moz-box-shadow: inset rgba(100, 100, 100, 0.4) -5px -5px 5px,
					inset rgba(250, 250, 250, 0.4) 5px 5px 5px;
		-webkit-box-shadow: inset rgba(100, 100, 100, 0.4) -5px -5px 5px,
					inset rgba(250, 250, 250, 0.4) 5px 5px 5px;
		box-shadow: inset rgba(100, 100, 100, 0.4) -5px -5px 5px,
					inset rgba(250, 250, 250, 0.4) 5px 5px 5px;
					
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}