/*
	 *
	 *	jQuery Sliding Menu Plugin
	 *	Mobile app list-style navigation in the browser
	 *
	 *	Written by Ali Zahid
	 *	http://designplox.com/jquery-sliding-menu
	 *
	 */

.phone_nav_bg{ display:none;}

#social { margin: 1rem auto; overflow: hidden; }
	#github,#tweet { float: left; }
	/* menu */
	#menu_p { }
	#menu_p a { color: #FFF; }
	.sliding-menu_p { overflow: hidden; position:relative; }
	.sliding-menu_p ul { float: left; margin: 0; }
	.sliding-menu_p li { list-style: none; margin: 0; border-top:2px solid white; background-color:#50AF4D; font-size:16px; line-height:240%; }
	.sliding-menu_p a { display: block; padding: 1em; }
	.sliding-menu_p a:hover { background: #1B4F9B; color: #FFF; }
	.sliding-menu_p a.nav:before { content: '\3009'; float: right; margin-right: 0em; }
	.sliding-menu_p a.back { background: #555; color: #FFF; }
	.sliding-menu_p a.back:before { content: '\3008'; float: left; margin-right: 1em;  }	
	
	



@media all and (max-width: 50em){
	.index_nav_bg{ display:none;}
	.phone_nav_bg{ display:block; background-color:#333333; position:absolute; top:47px; left:450px; }
	section{ margin: 0 auto; max-width: 100%; width: 40em; }
	#social { margin: 1rem auto; overflow: hidden; }
	#github,#tweet { float: left; }
	/* menu */
	#menu { }
	#menu a { color: #FFF; }
	.sliding-menu { overflow: hidden; position:relative; }
	.sliding-menu ul { float: left; margin: 0; }
	.sliding-menu li { list-style: none; margin: 0; border-bottom:1px solid #242424; }
	.sliding-menu a { display: block; padding: 1em; }
	.sliding-menu a:hover { background: #333; color: #FFF; }
	.sliding-menu a.nav:before { content: '\3009'; float: right; margin-right: 9em; }
	.sliding-menu a.back { background: #555; color: #FFF; }
	.sliding-menu a.back:before { content: '\3008'; float: left; margin-right: 1em;  }	
	
	
	
	
	
	
	
	
	
}