html { 
  background: url(home/resources/DnD_PHB_Art.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}

a:link{color: #5E88A9;}
a:visited{color: #8549BB;}
a:hover{font-size: 110%;}

h1, h2, h3{
	font-family: 'Asul', sans-serif;
}

h1 {
	text-transform: capitalize;
	font-size: 3em;
	text-align: center;
}

header {
	text-transform: capitalize;
}

p{
	font-family: 'Lato', sans-serif;
}

body {
	font: 16px/1.25;
}

footer {
	clear:both;
}

footer p{
	font-size: 0.66em;
	font-family: verdana, helvetica, serif;
}

#transbox {
	background-color: rgba(46, 9, 39, 0.6);
	border: 1px solid black;
	color: white;
	margin:0 50% 0 20px;
	min-width: 400px
}

.nav li {
display: inline-block;
border: 1px solid black;
background-color: rgba(46, 9, 39, 1);
}
.nav li a{
padding: 10px;
text-decoration: none;
font-family: 'Asul', sans-serif;
color: white;
}
.nav li a:hover {
    text-decoration: underline;
}
.nav {
	white-space:nowrap;
}

#profile {
	float: left;
	margin-left: 250px;
	background-color: rgba(46, 9, 39, 0.6);
	border: 1px solid black;
	color: white;
	min-width: 400px;
}
#profile li{
	font-family: 'Lato', sans-serif;
}
#profile-sidebar {
	position: absolute;
	margin-left:20px;
	width: 230px;
	background-color: rgba(46, 9, 39, 0.6);
	border: 1px solid black;
	color: white;
}
#profile-footer {
	background-color: rgba(46, 9, 39, 0.6);
	border: 1px solid black;
	color: white;
	margin:0 50% 0 20px;
	position:absolute;
	bottom: 0;
	left: 0;