@charset "utf-8";
/* CSS Document */

body{background:url(image/Africanchildpixabay.jpg) fixed no-repeat;
background-size:cover;
font-family:Arial, Helvetica, sans-serif;
color:white;
}

ul{margin:0px;
	padding:0px;
	list-style:none;

}

ul li {
		float:left;
		width:213px;
		height:40px;
		background-color:#666;
		opacity:.9;
		line-height:40px;
		text-align:center;
		font-size:20px;
		margin-right:2px;
}

ul li a{
	text-decoration:none;
	color:white;
	display:block
}

ul li a:hover {
	background-color:purple;
}

ul li ul li {
	display:none;
}
ul li:hover ul li{
	display:block;
}


#section1{
	float:left;
	width:50%;
	background-color:#666;
	margin:120px 0px;
	padding:30px 30px;
	opacity:.7;
	
	
}

.drop {
	margin:0px 0px;
	padding:0px;
}
	
	/* background */
.page {
	background-color:#666; 
	width:80%;
	margin:auto; 
	padding:20px;
	
	}

/*header section*/

.header {
	
 }

.social-sites {
	display:inline-block;
	position:relative; 
	margin-left:950px;
	top:-79px;
	opacity:.7; 
	}

/*MAIN SECTION*/

main {
	background-color:#666; 
	width:70%;
	float:left;
	margin:10px;
		
	}

/* SIDEBAR SECtION*/

.sidebar {
	background-color:grey;
	 width:20%;
	 float:right;
	 opacity:.7;
	 padding:20px;
	 margin-top:70px;
	
	 }

/* FOOTER SECTION*/

.footer-kaki {
	background-color:#666; 
	padding:10px; 
	clear:both;
	opacity:.7;
	}
	
.picpost:hover {
	position:relative;
    top:-25px;
    left:-35px;
    width:auto;
    height:auto;
    display:block;
    z-index:999;
}


.apage {
	background-color:transparent;
	opacity:.9; 
	width:100%;
	margin:auto; 
	padding:100px;
}

.apost {
	margin:20px;
}