@media screen and (max-width: 480px) {

	html {
		-webkit-text-size-adjust: none;
	}

	#main-nav a {
		font-size: 90%;
		padding: 10px 8px;
	}

	#sidebar {
	display: none;
	}

	#content, #content-area, div.entry { 
	width: 299px; 
	}

	#page-wrap {
	width: 300px;
	background: none;
	}
	
	
	#featured, #quote, .blog-post .post_meta, #footer, span.post-meta, .wp-pagenavi .pages { 
	display: none; 

	}
	
	.lof-container {
	display: none;
	}

	#bit {
	display: none;
	}

	/* nav-wrap */
	#nav-wrap {
		position: relative;
	}

	/* menu icon */
	#menu-icon {
		color: #000;
		width: 42px;
		height: 30px;
		background: #ecebeb url('images/menu-icon.png') no-repeat 10px center;
		padding: 8px 10px 0 42px;
		cursor: pointer;
		border: solid 1px #666;
		display: block; /* show menu icon */
	}
	#menu-icon:hover {
		background-color: #f8f8f8;
	}
	#menu-icon.active {
		background-color: #bbb;
	}
	
	/* main nav */

	#menu, #menu-content, #menu-right {
	background: none
	}

	#top-menu {
		clear: both;
		position: absolute;
		top: 38px;
		width: 160px;
		z-index: 10000;
		padding: 5px;
		background: #f8f8f8;
		border: solid 1px #999;
		display: none;
	}
	#top-menu li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;
	}
	#top-menu a, 
	#top-menu ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #666;
		border: none;
	}

	#top-menu a:hover, 
	#top-menu ul a:hover {
		background: none;
		color: #000;
	}

	ul#top-menu a {
	text-shadow: none;
	color: #666;
	}
	
	/* dropdown */
	#top-menu ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#top-menu ul li {
		margin: 3px 0 3px 15px;
	}

	ul#top-menu a:hover {
    	background: none;
	}
	
	ul#top-menu ul li a {
	color: #434343;
   	
    padding-bottom: 10px !important;
    padding-left: 20px !important;
    padding-right: 0 !important;
    padding-top: 10px !important;
    text-shadow: none;
    width: 140px;
	}

	.nav li:hover ul, ul.nav li.sfHover ul {
	top: 0px;
	left: 0px;
	}

	.nav li ul 
	{
	width: 100px;
	z-index: 1000;
	}

	.nav li:hover ul, .nav li li:hover ul 
	{
	top: -999em;
	}

	ul#top-menu li ul {
	border: none;
	background-color: transparent;
	box-shadow: none;
	}


}