html {
	background: #FFE8FF;
	background: gradient(#FFE8FF,#EFA9FF);
}
/*Titlebar*/
.headbar {
	background: #B7CBB5;
	height: 150px;
	width: 1000px;
	border: 3px solid black;
	border-radius: 10px;
	display: inline-block;
}
.titlecontainer {
	background: #EAFFE9;
	background: radial-gradient(#AECFD1, #EAFFE9);
	height: 85px;
	width: 50%;
	margin-left: 25%;
	margin-top: 27px;
	border: 2px dashed #769773;
  border-radius: 10px;
	display: block;
}
.sharif {
	display: inline-block;
	height: 125px;
	width: 125px;
	margin-left: 82%;
	margin-top:-105px;
}
.bowl {
	margin-left: 5%;
	margin-top:-128px;
}
#title {
	font-family: 'Handlee', cursive;
	font-size: 22px;
	margin-top: 10px;
	color: #black;
}
/*Titlebar*/

/*SideBar*/
.sidebar {
	background-color: #E0E86D;
	border: 3px solid black;
	border-radius: 10px;
	position: absolute;
	top: 156px;
	list-style-type: none;
	display: inline-block;
	height: 330px; /* 330px */
	overflow: auto;
}
.sidebar a {
	width: 150px;
	display: block;
	text-decoration: none;
	margin: 20px;
	margin-left: 0;
	font-family: fantasy;
	font-weight: bold;
	font-size: 20px;
	;
}
.sidebar li.activated {
	color: #808080;
}
.sidebar a:visited {
	color: inherit;
}
.sidebar a:hover {
	color: #0087FD;
}
.sidebar a:active {
	color: inherit;
}
/*SideBar*/
/*----------------------------------------------------------------------------*/
/*HomePage*/

/*MainBar*/
.mainbar {
	width: 773px;
	height: 5000px;
	border: 3px solid black;
	border-radius: 10px;
	display: block;
	position: absolute;
	top:172px;
	left: 235px;
	background: radial-gradient(#FFCCCC, #CCCCFF);
}
.mainbar h1 {
	font-family: Arial;
	text-align: Left;
	margin-left: 10px;
}
.mainbar p {
	font-family: Arial;
	font-size: 18px;
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
}
/*MainBar*/

/*caption of the bowl*/
.caption {
	width:208px;
	height:167.143px;
	background-image: url("Index_files/caption.jpg");
	font-family: Arial;
	font-weight: bold;
	border: 3px dashed black;
	border-radius: 10px;
	text-align: justify;
	position: absolute;
	top: 515px;
	padding-left: 1px;
	padding-right: 1px;
}
.caption a {
	text-decoration: none;
}
.caption a:visited {
	color: black;
}
.caption a:active {
	color: inherit;
}
/*caption of the bowl*/
.contact {
	width:400px;
	font-family: 'Arial';
	border: 3px solid black;
	border-radius: 10px;
	display: block;
	position: absolute;
	top: 698.143px;
	background: #9AFFFF;
}
.contact h5 {
	font-family: Arial;
	text-align: Left;
	margin-left: 10px;
}
.contact p {
	font-family: Arial;
	font-size: 14px;
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
}
/*HomePage*/
/*----------------------------------------------------------------------------*/
/*Afshin_Shafiee*/
/*Mainbar*/
.biopage {
	width: 773px;
	height: 711px;
	border: 3px solid black;
	border-radius: 10px;
	display: block;
	position: absolute;
	top:172px;
	left: 235px;
	background: radial-gradient(#FFCCCC, #CCCCFF);
	overflow: auto;
}
.biopage h1 {
	font-family: Arial;
	text-align: Left;
	margin-left: 10px;
}
.biopage p {
	font-family: Arial;
	font-size: 18px;
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
}
.biopage img {
	height: 200px;
	width: 200px;
	border: 2px solid black;
	border-radius: 5px;
	margin-left: 10px;
	display: inline-block;
}
.biopage h4 {
	font-family: Arial;
	text-align: Left;
	margin-left: 20px;
}
.biopage .info{
	font-family: Arial;
	text-align: Left;
	margin-left: 20px;
	font-size: 15px;
}
.biopage a {
	text-decoration: none;
}
.biopage a:visited {
	color: inherit;
}
.biography {
	font-family: Arial;
	text-align: Left;
	margin-left: 20px;
}
.biography h3 {
	text-decoration: underline;
	text-transform: capitalize;
}
.biography p {
	font-size: 16px;
	margin-right: 50px;
}
/*Mainbar*/
.courses {
	width:208px;
	height:367.143px;
	background: #9AFFFF;
	border: 3px solid black;
	border-radius: 10px;
	text-align: justify;
	position: absolute;
	top: 515px;
	overflow: auto;
}
.courses h4 {
	text-decoration: underline;
	font-family: Arial;
	text-align: center;
}
.courses p{
	font-family: Arial;
	text-align: center;
	font-size: 15px;
}
/*Afshin_Shafiee (Research Topics)*/

/*Research Topics*/
.details {
	width: 773px;
	height: 511px;
	border: 3px solid black;
	border-radius: 10px;
	display: block;
	position: absolute;
	top:172px;
	left: 235px;
	background: radial-gradient(#FFCCCC, #CCCCFF);
	overflow: auto;
}
.details h1 {
	font-family: Arial;
	text-align: Left;
	margin-left: 10px;
}
.details p {
	font-family: Arial;
	font-size: 20px;
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
}
.details h4 {
	font-family: Arial;
	text-align: Left;
	margin-left: 20px;
}
/*Research Topics*/
/*----------------------------------------------------------------------------*/
/*Phd Button*/
.Phd {
	width:150px;
	height:25px;
	border: 3px dashed black;
	border-radius: 10px;
	text-align: center;
	position: absolute;
	top: 515px;
	padding-left: 1px;
	padding-right: 1px;
	background: #9AFFFF;
}
.Phd a {
	text-decoration: none;
	font-family:fantasy;
}
.Phd a:visited {
	color: black;
}
.Phd a:active {
	color: black;
}
/*Phd Button*/
/*Msc Button*/
.Msc {
	width:150px;
	height:25px;
	border: 3px dashed black;
	border-radius: 10px;
	text-align: center;
	position: absolute;
	top: 560px;
	padding-left: 1px;
	padding-right: 1px;
	background: #9AFFFF;
}
.Msc a {
	text-decoration: none;
	font-family:fantasy;
}
.Msc a:visited {
	color: black;
}
.Msc a:active {
	color: black;
}
/*Msc Button*/

/*Publications*/
.publication {
	width: 773px;
	height: 711px;
	border: 3px solid black;
	border-radius: 10px;
	display: block;
	position: absolute;
	top:172px;
	left: 235px;
	background: radial-gradient(#FFCCCC, #CCCCFF);
	overflow: auto;
}
.publication h1 {
	font-family: Arial;
	text-align: Left;
	margin-left: 10px;
}
.publication p{
	font-family: Arial;
	font-size: 20px;
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
}
.publication a:visited {
	color: black;
}
.publication a:active {
	color: inherit;
}
/*Publications*/