About Me #2

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<!------- ABOUT PAGE #2 BY JAKEHELPS
			DO NOT REMOVE THE CREDITS OR REDISTRIBUTE AS YOUR OWN
----------->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />

<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>

</head>

<style type="text/css">
body {
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: #352920;
	background-attachment: fixed;
}

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

#content {
	float: left;
	position: fixed;
	width: 500px;
	height: 100%;
	background-color: #EFEFEF;
	padding: 40px;
	overflow: auto;
	display: inline-block;
}

.name {
	display: block;
	text-align: center;
	font-family: 'Fjalla One';
	font-size: 16px;
	color: #352920;
	text-transform: uppercase;
	letter-spacing: 10px;
	padding-bottom: 10px;
	border-bottom: 3px double #352920;
	border-left: 3px double #352920;
}

.words {
	margin-top: 30px;
}

.section {
	width: 120px;
	padding: 5px 20px 4px 20px;
	background-color: #352920;
	font-family: 'Fjalla One';
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 4px;
	border-radius: 2px;
}

.description {
	margin-bottom: 15px;
	margin-top: 7px;
	font-family: Cambria;
	font-size: 12px;
	color: #352920;
}

#linksbar {
	position: fixed;
	margin-left: 580px;
	display: inline-block;
	width: 90px;
	height: 100%;
	background-color: #42372f;
	text-align: center;
}

#linksbar a {
	color: #EEEEEE;
	font-family: Cambria;
	font-size: 12px;
	padding-top: 10px;
}

#portrait {
	float: left;
	margin-left: 770px;
	margin-top: 50px;
	background-color: #EEEEEE;
	width: 500px;
	height: 600px;
	position: fixed;
	border: 3px double #FFFFFF;
}

</style>
<body>
<div id="content">
	<div class="name">CHARACTER NAME</div>
	<div class="words">
	<!----------SECTION--------->
		<div class="section">SECTION</div>
		<div class="description">
		DESCRIPTION HERE
		</div>
	<!----------SECTION--------->
		<div class="section">SECTION</div>
		<div class="description">
		DESCRIPTION HERE
		</div>
		<!----------SECTION--------->
		<div class="section">SECTION</div>
		<div class="description">
		DESCRIPTION HERE
		</div>
	</div>
</div>
<div id="linksbar">
	<a href="/">back</a><br />
	<a href="http://jakehelps.tumblr.com">&copy;</a><br />
</div>


<div id="portrait">
	<img src="http://i93.photobucket.com/albums/l78/andrew_jason12/05.png">
</div>


</body>
</html>