@charset "utf-8";
/* CSS Document */
/*generic text font*/
html, body, h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif;

}
/*Background image is fixed and fits display*/
body {
    background-image: url("../Content/black-brick-wall.jpg");
	background-size: 100%;
    background-attachment: fixed;
}
/*h1 is always centered and will be the same size due to the 'vw' unit */
h1{
	color:white;
	background-color: rgba(0,0,0,0.80);
	padding: 1%;
	width: 50%;
	text-align: center;
	margin: auto;
	margin-bottom: 1%;
    font-size: 2vw
}
/*I used this because I wanted the band's name to stand out on the site*/
.ProjectRedshift{
	color:red;
	font-family: 'Pattaya', sans-serif;
}
/*h2s are the titles of the blog posts and will also need to stand out a bit*/
h2{
	color:white;
	background-color:rgba(0,0,0,0.80);
	padding: 1%;
	width: 50%;
	text-align: center;
	margin: auto;
    font-size: 2vw
}
/*the generic style of text will be this, such as in paragraphs*/
.general{
	color:white;
	background-color: rgba(0,0,0,0.80); 
	padding: 1%;
	width: 50%;
	text-align: left;
	margin: auto;
	margin-bottom: 1%;
    font-size: 1vw;
}
img {
    display: block;
    margin: auto;
	max-height: 100%;
	max-width: 100%;
    min-height: 100%;
    min-width: 100%;
}
/*blue hyperlinks wouldn't mesh well with the rest of the colour schemes of the website so all hyperlinks will be red*/
a {
	color: red;
}
/*CSS for the google maps, to ensure it's an appropriate size*/
#map {
    width: 52%;
    height: 400px;
    background-color: grey;
	margin: auto;
}
/*These next few entries are for the navigation bar, such as the currently selected page, when a button is hovered over and the background for the bar*/
ul {
    list-style-type: none;
    margin: auto;
	width: 50%;
	padding: 1%;
	text-align: center;
	background-color: rgba(0,0,0,0.80);
    font-size: 1vw
}
li{
	display: inline;
    font-size: 1vw;
    min-height: 25%;
    max-height: 25%;
    min-width: 25%;
    max-width: 25%;
}
li a {
    display: inline-block;
    color: #A81C06;
    padding: 8px 16px;
    text-decoration: none;
    font-size: 1vw
}
li a:hover {
    background-color: #171717;
    color: #CC2208;
}
.currentpg {
    background-color:red;
    color: black;
}

.container {
    border-radius: 5px;
    background-color: rgba(0,0,0,0.80);
    padding: 20px;
    width: 50%;
    margin: auto;
} 
/*navigation selector CSS*/
#end{
    width: 52%;
    margin: auto;
    display: block;
}
img.Report{
    max-width: 50%;
    max-height: 50%;
    min-height: 50%;
    min-width: 50%;
}