/*
	The Dish Pit styles.css
*/

body {
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif ;
}

#home-button {
	font-size: 32px ;
}

.active {
	font-weight: bold ;
	font-style: italic ;
	color: #000 ;
	background-color: #fff ;
}

.logo {
    float: left ;
    position: static ;
    width: 120px ;
	height: 120px ;
	border: 3px #000 double ;
	margin: 4px
}

.clear {
	clear: both ;
}

.logo:hover {
    border: 3px #000 solid ;
}

.navbar-top {
	width: 100% ;
	height: 120px ;
	color: #000 ;
	background-color: #fff ;
	font-size: 30px ;
}

.navbar-inner {
	padding-top: 5px ;
}


.nav-buttons ul {
	margin: 0px ;
	padding: 0px ;
	list-style: none ;
	display: inline ;    
}

.nav-buttons li {
	margin: 0px ;
	padding: 3px ;
	border: 3px #000 double ;
	display: inline ;
	text-align: center ;
	list-style: none ;
	font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif ;
	font-variant: small-caps ;
}

.nav-buttons li:hover {
    border: 3px #000 solid ;
}

.nav-buttons li a {
	color: #2F4F4F ;
	background-color: #fff ;
	padding: 0px ;
	text-decoration: none ;
	display: inline ;
}

.nav-buttons li a:hover {
	color: #000 ;
	background-color: #fff ;
	text-decoration: underline ;

}

.content {
	margin-top: 16px ;
	margin-left: 4px ;
	margin-right: 4px ;
	padding: 2px ;
	text-align: left ;
	border-bottom: 3px #000 solid ;
	border-top: 3px #000 solid ;
}

.content ul {
	list-style: none ;
}

.content li a {
	color: #000 ;
	background-color: #fff ;
	padding: 0px ;
	text-decoration: underline ;
}

.content li a:hover {
	color: #2F4F4F ;
	background-color: #fff ;
	text-decoration: none ;
}

.content h1 a, h2 a, h3 a {
	color: #000 ;
	background-color: #fff ;
	padding: 0px ;
	text-decoration: underline ;
}

.content h1 a:hover, h2 a:hover, h3 a:hover {
	color: #2F4F4F ;
	background-color: #fff ;
	text-decoration: none ;
}

.content table {
	width: 100% ;
	border-top: 3px #000 solid ;
	border-bottom: 1px #000 solid ;
}

.content th {
	font-size: 20px ;
}

.content td a {
	color: #000 ;
	background-color: #fff ;
	padding: 0px ;
	text-decoration: underline ;
}


.content td a:hover {
	color: #2F4F4F ;
	background-color: #fff ;
	text-decoration: none ;
}

.content p a {
	color: #000 ;
	background-color: #fff ;
	padding: 0px ;
	text-decoration: underline ;
}


.content p a:hover {
	color: #2F4F4F ;
	background-color: #fff ;
	text-decoration: none ;
}

.author-notes {
	color: #2F4F4F ;
}

.lyrics-notes {
	width: 40% ;
	float: left ;
}

.lyrics-notes p {
	margin-left: 20px
}

.performances {
	float: right ;
	width: 60% ;
}

.setlist {
	width: 40% ;
	float: left ;
}

.setlist {
	margin-left: 20px ;
}

.notes-images {
	float: right ;
	width: 57% ;
}

.image {
    width: 300px ;
	height: auto ;
	margin-left: 100px ;
}


.image-venue {
    width: 300px ;
	height: auto ;
	display: block ;
    margin-left: auto ;
    margin-right: auto ;	
}

.image-dishpit {
    width: 600px ;
	height: auto ;
	display: block ;
    margin-left: auto ;
    margin-right: auto ;	
}

.map {
    display: block ;
    margin-left: auto ;
    margin-right: auto ;	
}


.footer p{
	color: #000 ;
	background-color: #fff ;
	text-align: center ;
	clear: both ;
}

.footer p a {
	color: #2F4F4F ;
	background-color: #fff ;
	padding: 0px ;
	text-decoration: none ;
	display: inline ;
}

.footer p a:hover {
	color: #000 ;
	background-color: #fff ;
    
}

tr:nth-child(even) {background: #e6e6e6;}
tr:nth-child(odd) {background: #FFF;}
tr:nth-child(even) a{background-color:#e6e6e6;}
tr:nth-child(odd) a{background-color:#FFF;}
tr:nth-child(even) a:hover{background-color:#e6e6e6;}
tr:nth-child(odd) a:hover{background-color:#FFF;}



@media only screen and (max-width: 629px) {
	.navbar-top {
		width: 100% ;
	}
	.content {
		float: none ;
		width: 100% ;
	}
	.lyrics-notes {
	    width: 100% ;
    }
    .performances {
	    width: 100% ;
    }
    .setlist {
	    width: 100% ;
    }
    .notes-images {
	    width: 100% ;
	    float: none ;
    }
    .map {
        display: block ;
        margin-left: auto ;
        margin-right: auto ;	
        width: 300px ;
	    height: 400px ;
     }
     .image-dishpit {
        display: block ;
        margin-left: auto ;
        margin-right: auto ;	
        width: 300px ;
	    height: auto ;
     }