a, article, body, div, footer, header,nav, h1, h2,h3,aside, nav, p ,figure{
   border: 0;
   padding: 0;
   margin: 0;
}
/*body*/
body{
	margin:0 auto;
	min-width:700px;
	background-image:url(../images/background.jpg);
}

/*container to the middle*/
#container{
	background-color:rgba(244,86,66,0.7);
	max-width:1280px;
	min-width:20%;
	margin:0 auto;
	border:2px solid black;
}

/*header section*/
header{
	text-align:center;
	/*border-bottom:2px solid black;*/
}
header img{
	max-width:100%;
	min-width:700px;
}
/*navigation*/
nav.sitenavigation ul li{
   display: inline-block;
   margin:0.5em;
}
nav.sitenavigation{
	text-align:right;
	background-color:pink;
	font-size:20px;
}
nav.sitenavigation ul li a:hover{
	color:white;
	text-decoration:underline;
	background-color:black;
}
nav.sitenavigation a:link{
	text-decoration:underline;
	color:black;
}
nav.sitenavigation a:visited{
	color:black;
}

/*whole article*/
article{
	/*max-width:100%;
	*/
	float:right;
    max-width:100%;
    min-width:70px;
	width:850px;
	
	height:650px;
	margin-right:1em;
	/*border:2px solid black;*/
	overflow:auto;
	/*padding:em;*/
	background-image:url("../images/books.png");
	background-repeat:no-repeat;
}
/*all article div*/
article div{
	display:inline-block;
}
/*div class main to aline with the background image*/ 
article div.main{
	width:30%;
	padding:2em 4em;
	float:left;
	
}
article div.main p{
	padding:0.1em;
	
}
article h1 span#name{
    font-size: 25px;
    color:crimson;
    font-weight: bold;
}
/*class link to education images*/
article div p.link{
	padding-top:12em;
}

/*class glink to school project images*/
article div p.glink{
	padding-top:4em;
}
/* for all article figure*/
article figure{
	float:right;
	padding-top:16.5em;
	padding-right:5em;
}
article figure#home{
	max-width:100px;
	max-height:150px;
	padding-top:13.5em;
}
article figure#ite{
	padding-top:8em;
}
article figure#social
{
	padding-top:7em;
}
article#pgallery{
	float:left;
	width:auto;
	overflow:auto;
    margin-left: 5em;
	background-image:url("../images/book.png");
}   
article div.main:first-letter{
	font-size:64px;
	color:blue;
}
/*images to display in the left side*/
article div#limages{
	max-width:35%;
    min-width: 10%;
    width:auto;
	padding-left:5em;
	padding-top:2em;
	float:left;
	/*border:1px solid black;*/
}

/*images to display on the right side*/
article div#rimages{
	/*border:1px solid black;*/
	padding-right:6em;
	padding-top:3em;
	float:right;
	max-width:40%;
    min-width:10%;
    width:auto;
}
article div#rimages img{
    max-width: 100%;
    
}
article div#rrightside{
	max-width:30%;	
	padding-left:6em;
	padding-top:2em;
}
article div#rrightside p{
	padding:0.1em;
}
article div#iterightside{
	padding-left:4em;
	padding-top:2em;
	width:40%;
}
article div#crside{
	width:40%;
	padding-left:5em;
	padding-top:2em;
}
article div#rightside{
	float:right;
	padding-right:5em;
	padding-top:2em;
	/*border:1px solid black;*/
}
/*article p{
	padding:2%;
}*/
/*aside*/
aside{
	max-width:185px;
	height:550px;
	background-image:url("../images/bookmark.png");
	background-repeat:no-repeat;
	/*border:2px solid black;*/
	overflow:auto;
	margin-top:3em;
	margin-left:4em;
	padding:12em 0em 1.5em 1em;*/
}
aside#images{
	max-width:100%;	
	margin-top:3em;
	padding:12em 0em 1.5em 2em;
}
aside p#logo{
	margin-top:2.8em;
}
aside div#contact
{
	-webkit-animation:fly 10s linear infinite;
	-webkit-animation-direction:alternate;

}
@-webkit-keyframes fly
{
	form{-webkit-transform:translatey(0px);}
	to{-webkit-transform:translatey(185px);}	
}
/*footer*/
footer{
	font-size:20px;
	text-align:center;
	clear:both;
	border-top:2px solid black;
	background-color:white;
	color:#4B0082;
}