@import url(http://fonts.googleapis.com/css?family=Cantarell);

body {
	margin: 0px;
	padding: 0px;
	overflow: auto;
	background-image: url(images/background-gradient.jpg);
	background-color: #C6C6C6;
	background-repeat: no-repeat;
}
a {
	color: #000;
	text-decoration: underline;
}
#navbar {
	position: absolute;
	height: 50px;
	left: 15px;
	top: 0px;
	z-index: 100;
}
#navmenu {
	position: absolute;
	left: 390px;
	top: 25px;
	height: 40px;
	z-index: 100;
	width: 650px;
}
#pageheading {
	position: absolute;
	left: 0px;
	top: 70px;
	padding: 20px;
	font-size: 40px;
	font-family: 'Cantarell', arial, serif;
	width: 500px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
#footer {
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 100;
	width: 300px;
}
#overlaypic {
	position: absolute;
	left: 45%;
	top: 0px;
	z-index: 3;
}
#contentarea {
	padding: 20px;
	width: 95%;
	position: absolute;
	top: 120px;
	z-index: 10;
	font-family: 'Cantarell', arial, serif;
	font-size: 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
#fplatestblogposts {
	float: left;
	width: 200px;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	padding:22px 25px;
	moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-bottom-left-radius: 10px 10px;
	-webkit-border-bottom-right-radius: 10px 10px;
	-webkit-border-top-left-radius: 10px 10px;
	-webkit-border-top-right-radius: 10p
     opacity: 0.5; 
	background-color: #666;
}