#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 260px;
    padding: 10px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background: #ED910E;
}

.open {
	display: none;
	float: right;
	width: 29px;
	height: 31px;
	background:url(../images/sp_menu.png) center center no-repeat;
	background-size:29px 31px;
	text-indent: -999999px;
}

/* Media Queries
* 
* Note: Please don't base your responsive design off of this code. It is just here for demo purposes.
* Rather, grab yourself a copy of Ethan's book: http://www.abookapart.com/products/responsive-web-design
================================================== */

/* Mobile and iPad Portrait */

/* Mobile Landscape and Portrait */
@media screen and (max-width:640px) {
#content #menu ul { display: none; }

.open { display: block; }
#pageslide { width: 260px; }
}