/*By Alan Williams, edited last: 12.25.2018*/

/*Reset some padding and margin numbers, also define overflow hidden*/
*{
	padding:0;
	margin:0;
}

#main-block{
	overflow: hidden;
}

/*set main fonts, basic background, coloring etc*/
body{
	background-color: white;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 1.25em;
}

/*verrry top of the webpage*/
#main-header{
	background-color: black;
	color:white;
	width:auto;
	padding:20px;
	padding-left:80px;
}

/*verry bottom of the webpage*/
#main-footer{
	font-size: 12px;
	padding-bottom: 20px;
	text-align: center;
	margin-top: 20px;
}

/*Creates two halfs - floats the left side with picutre and contact, and floats the right side with main information*/
	/*Left half related styling*/

#left-half{
width:23%;/*23 + 1 + 1 + 73 + 1 + 1 = %100   see #right half LR width and padding*/
float:left;
padding-right:1%;
padding-left: 1%;
height: 100%;
/*background-color: #eee;*/ /*for viewing the right and left blocks*/
text-align: center;
}

#picture{
padding-top: 20px;
text-align: center; /*aligns picture with text align command hah*/
}

#left-text{
font-size:12px;
}

#picture> img{ /*parent is a div element, formatting the child .img with the ">" selector*/
width: 90%;
height: auto;
}

#linkedin> a> img{ /*parent is a div element, formatting the child .img with the ">" selector*/
width: 30px;
}

#document> a> img{ /*parent is a div element, formatting the child .img with the ">" selector*/
width: 30px;
}

/*right half related styling*/
#right-half{
width:73%;
float:right;
padding-right:1%;
padding-left: 1%;
/*background-color: #aaa;*/ /*for viewing the right and left blocks*/
}

#li-ucsd{
margin-bottom: 0.25em;/*this is for the space between the two education entrees*/
}

/*all main header titles "about" "publications" "education" etc*/
.header{ /*class*/
	padding-left: 30px;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* this is b/c education and publication are lists, and have defaults bullet points */
ul {
  list-style-type: none;
}