@charset "UTF-8";
/* CSS Document */
#container {
	width:1000px; 
	margin:0 auto;
	height:0 auto;
	background-color: #000000;
	background-image:url(images/BleepAttackFans.png);
	background-size: 600px 600px;
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position: 50% -250%;
	}
	
	#header {
	margin: 0px 30px 20px 30px;
	background-color: #000000;
	text-align: center;
	width: 910px;
	height: 160px;
	padding: 10px 10px 10px 10px;
	border-radius: 5px;
	}
	
	#nav { 
	width: 920px;
	height: 80px;
	margin: 0px 30px 20px 30px;
	padding: 10px 10px 10px 10px;
	border-radius: 15px 50px;
	background-color:none;
	}
	 
	#section1 {
	width:920px;
	height:620px;
	float:left;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 20px 30px;
	background-color:rgba(255,255,255,.7);
	border-radius: 15px 50px 30px 5px;
	box-shadow: 10px 10px 5px black;
	font-family: 'Merriweather Sans', sans-serif;
	}
	
	#section2 {
	width:920px;
	height:920px;
	float:left;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 20px 30px;
	background-color:rgba(255,255,255,.7);
	border-radius: 15px 50px 30px 5px;
	box-shadow: 10px 10px 5px black;
	font-family: 'Merriweather Sans', sans-serif;
	}
	
	#section3 {
	width:920px;
	height:560px;
	float:left;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 20px 30px;
	background-color:rgba(255,255,255,.7);
	border-radius: 15px 50px 30px 5px;
	box-shadow: 10px 10px 5px black;
	font-family: 'Merriweather Sans', sans-serif;
	}
	
	#section4 {
	width:920px;
	height:690px;
	float:left;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 20px 30px;
	background-color:rgba(255,255,255,.7);
	border-radius: 15px 50px 30px 5px;
	box-shadow: 10px 10px 5px black;
	font-family: 'Merriweather Sans', sans-serif;
	}
	
	#section5 {
	width:920px;
	height:1880px;
	float:left;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 20px 30px;
	background-color:rgba(255,255,255,.7);
	border-radius: 15px 50px 30px 5px;
	box-shadow: 10px 10px 5px black;
	font-family: 'Merriweather Sans', sans-serif;
	}
	
	#section6 {
	width:920px;
	height:530px;
	float:left;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 20px 30px;
	background-color:rgba(255,255,255,.7);
	border-radius: 15px 50px 30px 5px;
	box-shadow: 10px 10px 5px black;
	font-family: 'Merriweather Sans', sans-serif;
	}
	
	#article1 {
	width:920px;
	height:245px;
	float:left;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 30px 30px;
	background-color:rgba(255,255,255,.7);
	border-radius: 5px 30px 50px 15px;
	box-shadow: 10px 10px 5px black;
	font-family: 'Merriweather Sans', sans-serif;
	}
	
	#article2 {
	width:920px;
	height:600px;
	float:left;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 30px 30px;
	background-color:rgba(255,255,255,.7);
	border-radius: 5px 30px 50px 15px;
	box-shadow: 10px 10px 5px black;
	font-family: 'Merriweather Sans', sans-serif;
	}
	
	.link {
		width: 200px;
		height: 15px;
		padding:10px 10px 10px 10px;
		float: center;
		margin: 0 auto;
		background-color: #FE1619;
		bbox-shadow: 10px 10px 5px black;
		border-radius: 5px;
		text-align:center;
		box-shadow: 5px 5px 2px grey;
	}
	
	#footer {
	margin: 0px 0px 0px 0px;
	clear:left;
	background-color:rgba(255,255,255,.7);
	font-size: 12px;
	text-align: center;
	align-content:center;
	width: 1000px;
	height: 50px;
	padding: 10px 10px 10px 10px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	}

/* unvisited link */
a:link {
    color: #000000;
}

/* visited link */
a:visited {
    color: #000000;
}

/* mouse over link */
a:hover {
    color: #000000;
}

/* selected link */
a:active {
    color: #000000;
}
	ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #FF0004;
	font-family: 'Lato', sans-serif;
	align-content:center;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: #FDA0A2;
}

.active {
    background-color:#BCBABA;
}

.table {
	width: 100%;
	height: 100%;
	float:left;
}
table {
    border-collapse:collapse;
    width: 100%;
}

th, td {
    text-align: left;
    padding: 8px;
}

tr:nth-child(odd){background-color: #A6A5A5}

th {
    background-color: #FA1102;
    color: #000000;
}