.sidr { font-size: 15px; background: #fff; color: #333; display: none; position: fixed; top: 0; height: 100%; z-index: 999999; width: 360px; overflow-x: hidden; overflow-y: auto; }
.sidr .sidr-inner { padding: 0; }
.sidr.right { left: auto; right: -360px; }
.sidr.left { left: -360px; right: auto; }

#dim-overlay { display: block; display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1050; }
a#menu-close, a#menu-close:visited { color: #aaa; font-size: 34px; position: absolute; top: 0; right: 0; width: 60px; height: 60px; line-height: 60px; border-left: 1px solid #ccc; text-align: center; }
a#menu-close:hover, a#menu-close:focus { color: #333; }

.sidr ul { margin: 0; padding: 0; }
.sidr ul li { font-weight: 500; }
.sidr ul li a, .sidr ul li a:visited { font-size: 18px; padding: 7px 25px; text-transform: uppercase; }
.sidr ul li a:hover, .sidr ul li a:focus { background: transparent; color: #222; }

.sidr .sidr-hdr { height: 60px; padding: 5px 25px 0; margin-bottom: 20px; border-bottom: 1px solid #ccc; }
.sidr .sidr-hdr img { height: auto; width: 124px; display: block; }