/* Initial body */


body {
  left: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.neighborhood-guides h1
{
	color: white;
	padding-top: 20px;
	padding-left:50px;
	position: relative;
	font-family: 'Cabin', sans-serif;

}
.neighborhood-guides p{

    text-indent:100px;
    color: white;
    padding-left:10px;
	position: relative;
	font-family: 'Abel', sans-serif;
}

/* Initial menu */
.menu {
	padding-bottom: 1000px;
  background: #202024 url('http://cdn.mysitemyway.com/etc-mysitemyway/webtreats/assets/posts/976/full/tileable-light-blurs-and-abstract-circles-18.png') repeat left top;
  left: -285px;  /* start off behind the scenes */
  height: 100%;
  position: fixed;
  width: 285px;
  background-size: center;


}

/* Basic styling */

.jumbotron {
  background-image: url('http://orig14.deviantart.net/dcdd/f/2013/047/7/c/aki_yoru_by_dawnandhikari_sama-d5v798w.jpg');
  height: 100%;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
		  background-position:center;

	overflow: scroll;
}

.menu ul {
  border-top: 1px solid #636366;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu li {
  border-bottom: 1px solid #636366;
  font-family: 'Oswald', sans-serif;
  line-height: 45px;
  padding-bottom: 3px;
  padding-left: 20px;
  padding-top: 3px;
}

.active{
	background-color:#800080;
	opacity:0.6;
}

.menu a {
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
}

.icon-close {
  cursor: pointer;
  padding-left: 10px;
  padding-top: 10px;
}

.icon-menu {
  color: #fff;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-top: 25px;
  text-decoration: none;
 /* text-transform: lowercase;*/
}

.icon-menu i {
  margin-right: 5px;
}