body {
	font-family: 'oswald';
	list-style-type: none;
}
#index-body {
	background-image: url(images/oakland.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    max-width: 100%;
	color: white;
}

#dates-body {
    display: inline-block;
    background-image: url(images/grampskids.PNG);
    background-repeat: no-repeat;
    background-size:cover;
    width: 100%;
    background-attachment: fixed;
    max-width: 100%;
}
#audio-body {
	background-image: url(images/spam.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    max-width: 100%;
	color: white;
}
#contact-body {
	background-image: url(images/eddietune.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    max-width: 100%;
	color: white;
}

#video-body {
	background-image: url(images/tinyvicesbg.png);
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    max-width: 100%;
	color: white;
}
#store-body {
	background-image: url(images/yinwang2.jpg);
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    max-width: 100%;
	color: white;
}

.wrapper--title_img {
	width: 100%
	text-align: center;
}

.wrapper--title_img img {
	width: 100%;
	height: auto;
	max-width: 100%;
}
.container {
	width: 100%;
	padding: 0;
}

.wrapper--body {
	width: 100%;
}
a {
	color: white;
}

a:hover {
   text-decoration: none;
}

a:hover .dropbtn {
    color: black;
    background: white;
    padding: 12px 16px;
    width: 100%;
}

.dropbtn {
    background-color: black;
    color: white;
    font-size: 25px;
    border: none;
    cursor: pointer;
    font-family: 'oswald';
}


/* The container <div> - needed to position the dropdown content */

.dropdown {
    position: relative;
    display: inline-block;
    z-index: 1000;
}


/* Dropdown Content (Hidden by Default) */

.dropdown-content {
    display: none;
    position: absolute;
    background-color: black;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    font-size: 25px;
}


/* Links inside the dropdown */

.dropdown-content a {
    color: white;
    padding: 16px;
    text-decoration: none;
    display: block;
}


/* Change color of dropdown links on hover */

.dropdown-content a:hover {
    background-color: white;
    color: black;
}


/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {
    display: block;
}


/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdown:hover .dropbtn {
    background-color: white;
    color: black;
}
a:active {
    text-decoration: none;
    background: black;
}
.wrapper--nav {
	background: black;
	text-align: center;
	padding: 15px;
}

#index-ul {
	margin-bottom: 0;
}
.wrapper--nav li {
	font-size: 25px;
	display: inline-block;
	margin-right: 55px;
    margin-left: 55px;
    list-style-type: none;
}
.wrapper--nav a:hover {
	color: black;
    background: white;

}

.wrapper--content {
	margin-bottom: 5%;
	padding: 2%;
}

hr {
	width: 100%;
	margin: 0;
	padding: 0;
}

.hero { margin: 0 2%; }

.carousel-inner > .item > img, .carousel-inner > .item > a > img { 
	height: 400px; 
	margin: auto;
}

a.left.carousel-control { background: none; }

a.right.carousel-control { background: none; }

.news {
	margin-top: 35px;
	margin-bottom: 33%;
}

.text-area {
	font-size: 17px;
	text-align: justify;
}

.img-area {
	text-align: center;
	margin-bottom: 25px;
}

.img-area img {
	width: 100%;
	height: auto;
}
.wrapper--foot {
	text-align: center;
	width: 100%;
	background: black;
}

.wrapper--foot a{
	text-decoration: none;
}

#left-foot {
	background: black;
	font-family: 'Courgette', cursive;
	padding-top: 15px;
	padding-bottom: 15px;
}

#left-foot a:hover {
	color: white;
}
#center-foot {
	background: black;
	text-align: center;
	padding-top: 31px;
	padding-bottom: 15px;
}

#center-foot a {
	margin:5px;
}
#center-foot a:hover {
	text-decoration: none;
	color: black;
	background: white;
}

#right-foot {
	color: white;
	background: black;
	font-family: arial;
	font-size: 12px;
	padding-top: 15px;
	padding-bottom: 15px;
}
/* DATES PAGE */

.title-area {
	text-align: center;
	color: white;
	background: black;
	margin: 0;
	font-size: 45px;
	text-transform: uppercase;
}
#dates-ul {
	line-height: 200%;
	margin-left: 25px;
	margin-top: 55px;
	margin-bottom: 40px;
	color: white;
	list-style-type: none;
	font-size: 26px;
}
.dates-li:hover {
	color:darkgoldenrod;
}
/*PHOTOS*/

/** LIGHTBOX MARKUP **/
#photos-body {
	background: black;
}
.lightbox {
    /** Default lightbox to hidden */
    display: none;
    /** Position and style */
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}

.lightbox img {
    /* Pad the lightbox image */
    max-width: 75%;
    
}

.lightbox:target {
    /** Remove default browser outline */
    outline: none;
    /** Unhide lightbox **/
    display: block;
}

.photo-area img {
	width: 100%;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
#photo-title-area {
	margin:-15px;
	margin-bottom: 3px;
	text-align: center;
	color: white;
	background: black;
	font-size: 45px;
	text-transform: uppercase;
}

/* AUDIO PAGE */
#music {
	text-align: center;
	line-height: 400%;
}

/*VIDEO PAGE */
#video {
	text-align: center;
	line-height: 400%;
}

/*CONTACT*/
#centerform {
	float: left;
}
/* STORE */
#store {
	line-height: 400%;
}
.image-wrapper {
    display: inline-block;
    width: 100%;
    height: auto;%;
    border: 1px solid rgba(0, 0, 0, 0.04);
    overflow: hidden;
    position: relative;
    text-align: center;
    border-radius: 4px;
}

.image-overlay-content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.image-wrapper overlay-fade-in {
    width: 100%;
    display: inline-block;
}

.overlay-fade-in p {
    letter-spacing: 0.15em;
    color: #f4f4f4;
    font-size: 28px;
    opacity: 0;
    transition: all 0.2s linear;
}

.overlay-fade-in img {
    transition: all 0.2s linear;
}

.overlay-fade-in .image-overlay-content {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease-in-out;
}

.overlay-fade-in h2 {
    color: #f2f2f2;
    font-size: 1.8rem;
    margin-top: 40%;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    background: rgba(0, 0, 0, 0.7);
}

.overlay-fade-in .button {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #FFF;
    color: #222;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000;
    position: relative;
    border: 1px solid #999;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

.overlay-fade-in .button:hover {
    box-shadow: 0 0 5px #000;
}

.overlay-fade-in:hover img {
    transform: scale(1.2);
}

.overlay-fade-in:hover .image-overlay-content {
    opacity: 1;
}

.overlay-fade-in:hover h2,
.overlay-fade-in p,
.overlay-fade-in .button {
    opacity: 1;
}

.overlay-fade-in:hover p {
    transition-delay: 0.1s;
}

.overlay-fade-in:hover .button {
    transition-delay: 0.2s;
}
/* CONTACT */
.form-horizontal {
	margin-top: 25px;
	font-size: 20px;
	text-align: center;
}