/*Alex Phan S325049, HIT164 Assignment 2*/
*{
	margin:0;
	padding:0;
}

/*GLOBAL*/
html, body{
	height:100%;
}

.full-height{
	margin:auto;
	width:75%;
	min-height:100%;
	background-color:#f6f6f6;
	overflow:hidden;
}

body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	color:#000;
	line-height:1.6em;
	background-image:url(website-bg.jpg);
}


.container{
	float:left;
	padding:16px;
	overflow:hidden;
	width:90%;
}

/*HEADER*/
header{
	margin:auto;
	width:75%;
	color:#fff;
	background-color:#262626;
}

header h1{
	padding:40px 0px 20px 16px;
}

/*NAVIGATION*/
#navbar{
	margin:auto;
	width:75%;
	height:50px;
	background-color:#ffbf80;
}

#navbar ul{
	float:left;
}

#navbar ul li{
	float:left;
	list-style:none;
	position:relative;
}

#navbar ul li a{
	display:block;
	font-family:Arial,sans-serif;
	font-size:16px;
	color:#000;
	text-decoration:none;
	padding:12.5px 16px;
}

#navbar ul li a:hover{
	background-color:#dfbe9f;
}

#navbar ul li ul{
	display:none;
	background-color:#ffbf80;
	position:absolute;
}

#navbar ul li:hover ul{
	display:block;
}

#navbar ul li ul li{
	width:140px;
}

#navbar ul li ul li a{
	padding:12px 16px;
	
}

#navbar ul li ul li a:hover{
	background-color:#dfbe9f;
}

/*CONTENT*/
section{
	float:left;
}

section h2{
	line-height:1.4em;
	padding:16px 0px 16px 16px;
}

section h3{
	padding:0px 16px 16px 16px;
}

section p{
	padding:0px 16px 16px 16px;
}

#box-1{
	float:right;
	width:250px;
	padding:20px 12px;
	color:#fff;
	background:#262626;
	margin-left:1%;
}

#box-1 p{
	width:90%;
}

#box-1 ul{
	margin-left:32px;
}

.list{
	width:50%;
	margin-left:32px;
	padding-bottom:16px;
}

.readmore{
	width:140px;
	padding:8px 0px 20px 16px;
}

.readmore a{
	text-decoration:none;
	padding:10px 12px;
	color:#fff;
	background-color:#262626;
}

.readmore a:hover{
	color:#000;
	background-color:#ffbf80;
}

.img-format{
	margin-left:32px;
	height:300px;
	width:400px;
	padding-left:16px;
}

/*REFERENCES*/
.inline-reference{
	vertical-align:super;
	font-size:12px;
}
#all-references{
	float:left;
	padding:16px 32px;
	list-style:none;
	width:90%;
}

#all-references li{
	padding-bottom:16px;
	text-indent:5%;
}

#barret-maitland-2020:target{
	background-color:#99ddff;
}

#cadwalladr-2018:target{
	background-color:#99ddff;
}

#chen-2017:target{
	background-color:#99ddff;
}

#cofone-2017:target{
	background-color:#99ddff;
}

#douglas-2016:target{
	background-color:#99ddff;
}

#elvery-2018:target{
	background-color:#99ddff;
}

#google:target{
	background-color:#99ddff;
}

#herschel-2017:target{
	background-color:#99ddff;
}

#moody-2016:target{
	background-color:#99ddff;
}

#pixelprivacy:target{
	background-color:#99ddff;
}

#sanchez-rola-2017:target{
	background-color:#99ddff;
}

#sarikakis-2017:target{
	background-color:#99ddff;
}

/*FOOTER*/
.footer{
	margin:auto;
	width:75%;
	color:#fff;
	background-color:#262626;
}

.footer p{
	padding:20px 0px 20px 16px;
}