Character Masterlist #6

<!DOCTYPE html>

<!----------------------

	CHARACTER MASTERLIST #6 by JAKEHELPS
		#1: Do not redistribute & claim as your own.
		#2: Do not remove the credit.

		---------------------------->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<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=Fjalla+One' rel='stylesheet' type='text/css'>

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

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

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

</head>
<style type="text/css">
body {
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: #FEFEFE;
	background-attachment: fixed;
	background-image:url('http://25.media.tumblr.com/tumblr_lsdjv9k5E21r2gm7fo4_250.jpg');

}

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

::-webkit-scrollbar-thumb:vertical {
    height:10px;
    background-color: #0195ab; }

::-webkit-scrollbar-thumb:horizontal {
    height:30px;
    background-color: #0195ab; }

::-webkit-scrollbar {
    height: 10px;
    width: 5px;
    background-color: transparent; }

#olympus {
	margin: auto;
	width: 800px;
	height: 90px;
	padding: 20px;
	background-color: #202020;
	position: fixed;
	margin-left: 260px;
}

.crown {
	font-family: Cabin Condensed;
	font-size: 30px;
	color: #FFFFFF;
	float: left;
	text-transform: uppercase;
	margin-top: 50px;
	margin-left: 10px;
	letter-spacing: 3px;
}

.connect {
	float: right;
}

.connect a {
	text-transform: lowercase;
	font-family: euphoria script;
	font-size: 18px;
	color: #FFFFFF;
	margin-right: 10px;
}

#content {
	margin: auto;
	width: 740px;
	padding: 55px;
	height: auto;
	margin-top: 140px;
	display: inline-block;
	margin-left: 260px;
	margin-bottom: 60px;
}

.box {
	width: 180px;
	height: auto;
	background-color: #303030;
	float: left;
	margin-right: 5px;
	margin-top: 7px;
}

.name {
	display: block;
	padding: 10px;
	font-family: fjalla one;
	text-transform: uppercase;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #0195ab;
	letter-spacing: 1px;
}

.box img {
	width: 180px;
	height: 250px;
	margin-bottom: -5px;
}

.profile a {
	display: block;
	padding: 10px;
	background-color: #0195ab;
	font-family: cabin condensed;
	font-size: 12px;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1px;
}


   </style>
<body>
<div id="olympus">
	<div class="crown">Characters</div>
	<div class="connect">
		<a href="#">Home</a>
		<a href="#">Message</a>
		<a href="#">Link 1</a>
		<a href="#">Link 2</a>
		<a href="#">Link 3</a>
		<a href="http://jakehelps.tumblr.com">&copy;</a>
	</div>
</div>
<div id="content">
<!- BOX ->
	<div class="box">
		<div class="name">Heather Jenkins</div>
		<img src="http://i93.photobucket.com/albums/l78/andrew_jason12/image.png~original" />
		<div class="profile"><a href="#">Profile <div style="float: right">></div></a></div>
	</div>
<!- BOX ->
	<div class="box">
		<div class="name">Dante Larrencroft</div>
		<img src="http://i93.photobucket.com/albums/l78/andrew_jason12/image.png~original" />
		<div class="profile"><a href="#">Profile <div style="float: right">></div></a></div>
	</div>
<!- BOX ->
	<div class="box">
		<div class="name">Clarissa LeBlanc</div>
		<img src="http://i93.photobucket.com/albums/l78/andrew_jason12/image.png~original" />
		<div class="profile"><a href="#">Profile <div style="float: right">></div></a></div>
	</div>
<!- BOX ->
	<div class="box">
		<div class="name">Melanie Frost</div>
		<img src="http://i93.photobucket.com/albums/l78/andrew_jason12/image.png~original" />
		<div class="profile"><a href="#">Profile <div style="float: right">></div></a></div>
	</div>
<!- BOX ->
	<div class="box">
		<div class="name">Harley Kingston</div>
		<img src="http://i93.photobucket.com/albums/l78/andrew_jason12/image.png~original" />
		<div class="profile"><a href="#">Profile <div style="float: right">></div></a></div>
	</div>
<!- BOX ->
	<div class="box">
		<div class="name">Danielton Aronovski</div>
		<img src="http://i93.photobucket.com/albums/l78/andrew_jason12/image.png~original" />
		<div class="profile"><a href="#">Profile <div style="float: right">></div></a></div>
	</div>
</div>


</body>
</html>