body {
background-image:url('images/bg.jpg');
/* This will adjust the 
background to window/pic size */
background-size:cover;
background-attachment:fixed;
font-family: 'Strait', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}

a {
	text-decoration:none;
	outline:0;
	color:black;
}

a:visited, a:link{
	color:black;
}

a:hover, a:active {
	background-color:black;
	color: white;
	border-radius: 5px;
}



#wrap {
width:850px;
margin: 0 auto;
border: 5px solid white;
box-shadow: 2px 3px 5px grey;
}

#banner {
position:relative;
background-image:url(images/banner.jpg);
height:200px;
margin:auto;
}

#content{
position:relative;
top:0px;
height:auto;
background-color:rgba(255, 255, 255, 0.4);
padding:10px;
text-align:justify;
text-shadow: 2px 2px 5px #aaa;
}

#content2{
border:0px solid;
position:absolute;
top:120px;
margin-left:630px;
width:180px;
height:400px;
padding:10px;
text-align:left;
}
	

#menu{
background-color:black;
color:white;
width:100%;
height:auto;
display:inline-block;
font-family: 'Exo', Helvetica, Arial, sans-serif;
font-size:80%;
}

#menu a {
	color:white;
}

#menu a:hover, a:active {
	background-color:white;
	color: black;
	border-radius: 0px;
}





#footnote {
	position:relative;
	margin-top:30px;
	text-align:center;
	font-size:small;
	font-family: 'Exo', Helvetica, Arial, sans-serif;
}

#email{
	position:relative;
	margin-top:5px;
	font-size:small;
	margin-left:200px;

}

.category, h3 {
	text-shadow: 10px 5px 5px #aaa;
	color:#777;
	font-weight:bold;
	font-size:normal;
	font-family: 'Exo', Helvetica, Arial, sans-serif;
}