@charset "utf-8";
/* flibX0r.com stylesheet */

html, body
{
	background: #333333;
	padding: 0px;
	margin: 0px;
	
	height: 100%;
	
	font-family: Georgia, serif;
	font-size: 12px;
	color: #000000;
}

#container
{
	width: 800px;
	margin: 0px auto;
	padding: 0px;
}

/*******************************************************
						HEADER 
*******************************************************/

#headerOuter
{
	width: 800px;
	height: 128px;
	
	margin: 0px auto;
	padding: 0px;

	border-bottom: #333333 4px solid;
}

#header
{
	width: 684px;
	height: 120px;
	margin: 0px 16px 0px 0px;
	padding: 4px 0px 4px 96px;
	
	background: url(images/0MeFace.png) #FFFFFF no-repeat left top;
	
	border-bottom: #333333 4px solid;
}

#header ul
{
	display: block;
	height: 22px;
	list-style: none;
	margin: 0px auto;
	padding-left: 54px;
/*	float: right;*/
}

#header li
{
	margin: 0px;
	padding: 0px;
	display: block;
	width: 96px;
	height: 22px;
	float: left;
}

#header li a
{
	background: url(images/0NavBG.png) no-repeat top left;
	width: 100%;
	height: 100%;
	float: left;
	
	padding-top: 10px;
	letter-spacing: 1px;
	
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #000000;
}
#header li a:active a:visited
{	color: #000000; }
#header li a:hover
{	background-position: bottom; }

#headerSpace
{
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#headerSpace img
{
	width: 512px;
	height: 64px;
	margin: 10px;
	padding: 0px;
}
#headerSpace a img
{	border: none; }

/*******************************************************
						CONTENT
*******************************************************/

#content
{
	width: 748px;
	margin: 0px 16px 0px 16px;
	padding: 8px;
	
	background: #FFFFFF;
}

/**************** breadcrumb ****************/

#breadcrumb
{
	font-size: 12px;
	color: #CCCCCC;
}
#breadcrumb a
{	text-decoration: none; color: #CCCCCC; }
#breadcrumb a:active a:visited
{	text-decoration: none; color: #CCCCCC; }
#breadcrumb a:hover
{	text-decoration: none; color: #FF9900; }

/**************** headers ****************/

#content h1
{
	margin: 0px;
	font-size: 36px;
	text-align: center;
}

#content h2
{
	margin: 0px;
	color: #999999;
	
	font-size: 12px;
	text-align: center;
}

#content h3
{
	font-size: 24px;
	margin-bottom: 0px;
}

#content h4
{
	margin-top: 0px;
	font-size: 12px;
	font-style: italic;
	color: #999999;
}

/*********** table of contents ***********/

.toc
{
	display: block;
	padding: 4px 4px 2px 4px;
	margin: 8px 16px 8px 0px;
	float: left;
	
	border: 4px solid #999999;
	font-size: 18px;
}
.toc a
{
	text-decoration: none;
	color: #000000;
	display: block;
	padding-right: 2px;
	margin-bottom: 2px;
}
.toc a:active a:visited
{	text-decoration: none; color: #000000; }
.toc a:hover
{	text-decoration: none; color: #FFFFFF; background: #FF9900; }

/**************** generics ****************/

#content p
{
	display: block;
	text-indent: 32px;
	margin-left: 12px;
	margin-right: 12px;
	text-align: justify;
}

/**************** thumbnails ****************/

.thumbnail
{
	display: inline-block;
	width: 256px;
	height: 224px;
	margin: 16px 48px;
}

.thumbnail a
{
	width: 248px;
	height: 216px;
	display: block;
	background: #999999;
	padding: 4px;
	
	color: #FFFFFF;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
}
.thumbnail a img
{
	width: 240px;
	height: 180px;
	border: 4px solid #FFFFFF;
	margin: 0px 0px 2px 0px;
}
.thumbnail a:active a:visited
{	text-decoration: none; color: #FFFFFF; }
.thumbnail a:hover
{	text-decoration: none; color: #FFFFFF; background: #FF9900; }