/* ============================ */
/* ========== General ========= */
/* ============================ */
body
{
	margin: 0;
	
	background-color: #291a1a;

	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

form, table
{
	margin: 0;
}

#page
{
	position: relative;
	
	margin: 0 auto;
	padding: 0 0 1px 0;
	
	width: 790px;

	background-color: #bdbdbd;
	
	border-color: black;
	border-style: solid;
	border-width: 0 1px 0 1px;
}

h1.navLinks
{
	margin: 4px 0 0 0;
	
	color: #5d5d5d;
	letter-spacing: 0;
	text-align: center;
	font: small-caps 24px "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
}

h1.navLinks a, h1.navLinks a:visited
{
	font-size: 22px;
	color: #5d5d5d;
	text-decoration: none;
}

h1.navLinks a:hover, h1.navLinks a:visited:hover, h1.navLinks a.selected:hover, h1.navLinks a.selected:visited:hover
{
	text-decoration: none;
	color: white;
	background-color: #5d0000;
}

h1.navLinks a.selected, h1.navLinks a.selected:visited
{
	font-size: 28px;

	text-decoration: none;
	color: #5d0000;
	font-weight: bold;
}

a
{
	color: #5d0000;
}

a:visited
{
	color: #863e08;
}

a:hover, a:visited:hover
{
	text-decoration: none;
	color: white;
	background-color: #5d0000;
}

#copyrightContainer
{
	text-align: center;

	margin: 6px auto;
	color: #555555;
	font-size: 9px;
}
/* ============================ */


/* ============================ */
/* =========== Face =========== */
/* ============================ */
#header
{
	margin: 0;
	padding: 10px 0;
	height: auto;
	
	background-color: #5d0000;
}

#faceBackground
{
	background-color: black;
	
	text-align: center;
}
/* ============================ */


/* ============================ */
/* ======== Container ========= */
/* ============================ */
.contentContainer
{
	margin: 10px auto 10px auto;
	padding: 4px 8px 12px 8px;
	
	width: 700px;
	
	background: url(/images/portfolio/projectRepeat.png) repeat-x;
}

.contentContainer h2
{
	width: 65%;
	
	margin: 4px auto 0 auto;

	text-align: center;

	font-size: 16px;
	font-weight: bold;
}

.contentContainer h3
{
	width: 65%;
	
	margin: 4px auto 0 auto;

	text-align: center;

	font-size: 14px;
	font-weight: bold;
}

.contentContainer p,
.contentContainer ul
{
	margin: 6px 0 10px 0;
	
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #111111;
}

.contentContainer li
{
	margin: 6px 0 0 0;
	
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #111111;
}

/* ============================ */


/* ============================ */
/* =========== Misc =========== */
/* ============================ */
.clearAll
{
	margin: 0;
	padding: 0;

	clear: both;
	height: 1px;
	overflow: hidden;
}

.center
{
	text-align: center;
}
/* ============================ */