body {
	padding: 0px;
	margin: 0px;
}
body, table {
	font-size: 16px;
}
* {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial;
}

html { 

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#weather {
	position: absolute;	
	right: 74px;
	top: 30px;
	color: #ffffff;
	background-color:rgba(238,238,238,0.2);
	width: 480px;
	min-height: 205px;
	padding: 20px;
	-moz-box-shadow: 0 0 10px black;
	-webkit-box-shadow: 0 0 10px black;
	box-shadow: 0 0 10px black;
}

#gallery {
	position: absolute;
	margin-left: -500px;
	left: 50%;
	bottom: 30px;
	color: #ffffff;
	background-color: #eeeeee;
	width: 1000px;
	min-height: 160px;
	background-color:rgba(238,238,238,0.2);
 	padding: 20px;
	-moz-box-shadow: 0 0 10px black;
	-webkit-box-shadow: 0 0 10px black;
	box-shadow: 0 0 10px black;
}

#daleel {
	position: absolute;	
	left: 65px;
	top: 60px;
	color: #ffffff;
	background-color:rgba(238,238,238,0.2);
	width: 375px;
	min-height: 200px;
	padding: 20px;
	-moz-box-shadow: 0 0 10px black;
	-webkit-box-shadow: 0 0 10px black;
	box-shadow: 0 0 10px black;
}

#dark {
	/* font-weight: bold; */
	color:#000000;
	font-family: Verdana, Arial, Tahoma;
}

a.gallery {
	text-decoration: none;
	color: #005fa9;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border: 2px solid #ffffff;
	background-color: #ffffff;
	letter-spacing: 1px;
	line-height: 20px;
}

a:hover.gallery {
	cursor: pointer;
	color: #FFFFFF;
	border: 2px solid #006699;
	background-color: #006699;
}

a.gallery img {
	border: 2px solid #999900;
}

a:hover.gallery img {
	border: 2px solid #ffffff;
}

.menu a {
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	color: #006699;
	text-decoration: none;
	border: 3px solid #ffffff;
	background-color: #ffffff;
	letter-spacing: 1px;
	line-height: 30px;
}

.menu a:hover {
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	border: 3px solid #006699;
	background-color: #006699;
	letter-spacing: 1px;
}