.sidr {
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 260px;
    overflow-x: none;
    overflow-y: auto;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    background: #3B3B3B;
    color: #fff;
    box-shadow: 0 0 25px #222222;
}
.sidr.left {
    left: -260px;
    right: auto;
}

.sidr {
    background: none repeat scroll 0 0 #3B3B3B;
}
.sidr ul {
    border-bottom: 1px solid #484848;
}
.sidr ul ul {
    border-radius: 0px;
    width: 100%;
    margin-left: 0px;
}
.sidr ul ul.sub {
    margin-left: 0px;
}
.sidr li {
	display: block;
	float: none;
	margin: 0;
	padding: 0;
}
.sidr li ul {
	display: block;
	position: inherit;
	border: none;
}

.sidr ul li li {
	border: none;
}

.sidr li a  {
	background: -webkit-linear-gradient(center top , #3E3E3E, #383838) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top , #3E3E3E, #383838) repeat scroll 0 0 transparent;
    background: linear-gradient(center top , #3E3E3E, #383838) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #2E2E2E;
    border-top: 1px solid #484848;
    border-right: none;
    color: #F7F7F7;
    display: block;
    font-weight: 700;
    margin: 0px;
    padding: 1em 5%;
    text-decoration: none;
}
.sidr li li a {
	background: #3B3B3B;
	font-weight: normal;
	padding-left: 30px;
	color: #ccc
}
.sidr li a:hover, .sidr li a:focus {
    background: -moz-linear-gradient(center top , #484848, #383838) repeat scroll 0 0 transparent;
}
.sidr li a:active {
    background: -moz-linear-gradient(center top , #3E3E3E, #2E2E2E) repeat scroll 0 0 transparent;
    border-top-color: #222222;
    box-shadow: 0 2px 7px #222222 inset;
}