/*
Student Name: Rahul Chander
Student Number: 300371570
Course: CSIS-1280
Purpose: Assignment#1
*/


/* CSS file */

/* style anchors */
a {
	text-decoration: none;  /* removes the default underline for anchor */
	color: white;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
	
}


/* style global navigation */

nav {
	padding-top: 3%;
	max-width: 100%;
	margin: auto;
	/*min-width: 500px;*/
}

/* style global navigation unvisited link */

.navspan>a {
	padding-left: auto;
	padding-right: auto;
}

/* style hovering over the navigation item */

.navspan>a:hover {
	background-color:#83a0a1ff ;
	padding-top: 2%;
	padding-bottom: 2%;
	text-decoration: underline;  /* underline for hovering */
	
}

/* style active navigation item */

.navspan>a:active {
	background-color: #687071ff;
	color: #7e98a1ff;
	padding-top: 2%;
	padding-bottom: 2%;
}

/* style global navigation */
.navspan {
	background-color: #7e98a1ff;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	padding-right: auto;
	color: #687071ff;
	margin-top: 2%;
	margin-left: auto;
	margin-right: 2%;
	line-height: 2em;
	width: 100%;
	
		
}


/* style headings */

h1 {
	margin:0%;
	padding-top: 1%;
	padding-bottom:1%;
}
h2 {
	margin:0%;
	padding-bottom:2%;
}
h2>span {
	float:right;
	font-size: 0.9vw;
	padding-top: 2%;
	padding-bottom: 0%;
	top: 10%;
	line-height: 1em;
}

h3 {
	margin:0%;
	padding-bottom:1%;
	
}


/* style unordered list */
ul {
	list-style-type: square;
	list-style-position: outside;
}

ul.ul_aside {
	list-style-position: inside;
}

/* style span content within unordered list*/
span.unordered-list {
	color: blue;
	font-weight: bold;
	font-style: italic;
}

/* style img */
img.img-flt-left {
	/*float:left;*/
	/*padding: auto;*/
	margin-bottom: 2%;
	width: 100%;
	max-width: 800px;
	border: 1% solid black;
	border-radius: 2%;
	vertical-align: middle;
}	

img.logos {
	height: 20px;
	vertical-align: middle;
	
}

/* Styling for author image */
#self {
	float:left;
	width:45%;
	/*padding-right: 3%;*/
	margin-right: 3%;
	border: 1% solid black;
	border-radius: 1%;
	vertical-align: middle;
}

/* Style superscript */
sup {
	vertical-align: super;
	font-size: x-small; 
}

/* Style div containers */
div {
	padding-right:1%;
	padding-left:1%;
	padding-top: 3%;
	padding-bottom: 3%;
	
	/*overflow: hidden; */
}

/* style for bold span */
span.bspan {
	font-weight:bolder;
}

/* style for italic span */
span.ispan {
	font-style: italic;
	color: white;
}

/* style body */

body {
	background-image: url('../images/globe-g51e3a19b8_800_blurred2.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5%;
	padding-left: 3%;
	padding-right: 3%;
	color: #b4bfaf; /*#7d6d3b;*/
	font-size: 120%;
	/*width: 60%;*/
	max-width: 800px;
	font-family: helvetica;
	text-align: justify;
	
}