#pageslide {
    /* These styles MUST be included. Do not change. */
    font-family: 'futurabook'; 
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    padding: 1em 0 0 1.25em;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #333;
    color: white;
    overflow-y: scroll;
}

/* These styles are optional, and describe how the pageslide will look */
#pageslide.pageslideLeft {
    -webkit-box-shadow: inset 10px -2px 10px 0px #222;
    -moz-shadow: inset 10px -2px 10px 0px #222;
    box-shadow: inset 10px 0px 10px 0px #222;
}
#pageslide.pageslideRight {
    -webkit-box-shadow: inset -10px -2px 10px 0px #222;
    -moz-shadow: inset -10px -2px 10px 0px #222;
    box-shadow: inset -10px 0px 10px 0px #222;
}

#pageslide #licenceDetail {
	padding: 30px 30px 30px 10px;
}
#pageslide #licenceDetail p {
	padding: 0px;
	margin: 10px 0 0 0;
	font-size: .9em;
	font-weight: 300;
	text-align: justify;
}
#pageslide #licenceDetail ol {
	list-style: decimal;
	margin-top: 10px;
	font-size: .9em;
	font-weight: 300;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
}
#pageslide #licenceDetail li {
	margin-top: 3px;
}

        /* Part required for the responsive fold down menu */
        .open {
            position: absolute;
            top: 0px;
            left: -10px;
            display: none;
            width: 30px;
            height: 40px;
            margin-right: 10px;
            background: url(../../images/menu.png) center center no-repeat ;
            text-indent: -999999px;
            border: 0;
        }
        
            	
    	/* Mobile Landscape and Portrait */
    	@media only screen and (max-width: 445px) {
    	    div#impact_container header {
    	    	position: fixed; 
    	    	z-index: 1000;
    	    	background-color: #282828; 
    	    	color: #FFF; 
    	    	height: 40px;
    	    	    -webkit-box-shadow: inset -10px -2px 10px 0px #222;
					-moz-shadow: inset -10px -2px 10px 0px #222;
   					box-shadow: 0px 0px 10px 0px #222;
			}
			div#impact_container header .logoContainer img.logo {
				margin-top: 0px;
				max-width: 100%;
				min-width: 200px;
			}
			 div#impact_container #mainContainer {
				 margin-top: 40px;
			 }
    	    #impact_container nav,
			div#impact_container #lic-wrapper
				{display: none;} 
			   	    
    	    .open { display: block; }
    	    	
    	    	#pageslide #nav ul {}
    	        #pageslide #nav li { padding: 1.25em 0; border-bottom: 1px solid #666; list-style: none;}
    	        #pageslide #nav a { color: #FFF; border: none; }
    	        #pageslide #nav a li:hover { font-family: 'futurabold'; }
    	}

    	@media only screen and (max-width: 320px) {
			div#impact_container header .logoContainer img.logo {
				margin-top: 5px;
				max-width: 100%;
				min-width: 150px;
			}
			div#impact_container ul.noteContainer {
				padding: 0 0 10px 0px; 
			}
			div#impact_container ul.noteContainer li {
				padding: 8px;
			}
			div#impact_container .content-sbBlog-title .headline a,
			div#impact_container .blog-attributes .headline{
				font-size: 1.4em;
			}
			
    	    .open { display: block; }
    	}