body {
	background-color: #222222;
	color: #777777;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 19px;
	}
	
	
a {
	color: #777777;
	text-decoration: none;
	}
	
.links a {
text-decoration: underline;
}

.links a:hover {
text-decoration: none;
}
	
h1 {
	font-size: 150%;
	}
	
h2 {
	font-size: 125%;
	text-decoration: none;
	}
	
h3 {
	font-size: 110%;
	}	
	
p.small {
	font-size: 75%;
}
	
.homepage {
	margin: 40px 40px 0;
	width: 850px;
	}
	
.header {
	font-size: 180%;
	font-weight:bold;
	}
	
.name {
	text-align: left;
	color: #eeeeee;
	}
		
.reel {
	position: absolute;
	top: 120px;
	right: 30px;
	left: 420px;
	padding: 1px;
	border-color: #777777;
	border: 1px;
	}
	
.intro {
	positiong: absolute;
	top: 120px;
	font-size: 75%;
	height: 290px;
	width: 325px;
	}
	
.intro a:hover {
	text-decoration: underline;
	}
	
.details {
	text-align: center;
	text-align: -moz-center;
	padding: 2px 0;
	}
	
.details a {
	font-size: 100%;
	padding:0 30px;
	}
	
.links {
	text-align: left;
	}
	
.links img {
	padding: 2px;
	border: 1px solid #777777;
	margin: 5px;
	}
	
.links img:hover {
	border: 2px solid #777777;
	margin: 4px;
	}
	
img.poster {
	float:right;
	margin-right: 145px;
	margin-left: 20px;
}

img.poster:hover {
	margin-right: 144px;
	margin-left: 19px;
	}
	
.sidebar {
	float: right;
	width: 380px;
	padding-left: 25px;
}

.sidebar p {
	margin-top: 0;
	}
	
.footer {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 60%;
	text-align: right;	
	}
	
/*pop-up styles*/

.popup-page {
	text-align: center;
	text-align: -moz-center;
	width=540px;
	}
	
.media-title {
	color: #eeeeee;
	font-size: 110%;
	padding: 15px 0 0;
	}
	
.media-info {
	font-size: 90%;
	padding: 0 0 20px;
	}