@charset "UTF-8";
/* CSS Document */

*{
	margin:0;/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding:0;
}

body {
	margin: 20px 0 0 0;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background: #000000;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
}

#container {
	width: 768px;
	top: 20px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	
}

#innerContainer{
	margin: 50px 0 0 0;	
}

#innerContainer img{
	margin: 0 20px 0 0;
}

a{
color:#FFF;
text-decoration:underline;
}

a:visted{
color:#FFF;
text-decoration:none;
}

a:hover{
	background:#FFF;
	color:#000;
	text-decoration:none;
}

p.title{
	font-size: 15px;
	font-style: oblique;	
}

p.info{
	font-size:12px;	
}

#line{
	margin: 14px 0 0 0;
	width:110px;
	border-top:#FFF;
	border-top-style:solid;
	border-top-width:1px	
}

#buttons{
	margin: 10px 0 0 0;
	font-size:13px;
	font-weight:bold;
	position:relative;
	left:-4px;
}


#buttons a{
	padding: 4px;	
	color:#ffffff;
	text-decoration:none;
}

#buttons a:visited{
	color:#ffffff;
	text-decoration:none;
}

#buttons a:hover{
	background:#ffffff;
	text-decoration:none;
	color:#000000;	
}

img{
	padding: 0 0 20px 0;	
}

p.recognition{
	font-size:12px;	
}

#recog_line{
	margin: 20px 0 0 0;
	width:100%;
	border-top:#FFF;
	border-top-style:solid;
	border-top-width:1px	
}

p.friendsTitle{
	font-size:14px;	
}

p.friends{
	font-size:13px;
	font-style:oblique;
}