*
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
/* HTMLElements */
	/* Required for divs to fill browser vertically */
html, body
{
	height: 100%;
	background-color: #000;
}
body
{
	padding: 0px;
	margin: 0px;
	background-color: #666;
	color: #000;
}
a
{
	color: #8989bd;
}
a:hover
{
	color: #ff9c39;
}
a:visited
{
	color: #666;
}
h1, h2, h3, h4
{
	color: #c90035;
	margin: 10px 0px 5px 10px;
}
b, strong
{
	color: #c90035;
}

img { border: 0px; }
/* Layout Elements */
#container
{
	width: 800px;
	background-color: #fff;
	min-height: 75%;
	margin-left: auto;
	margin-right: auto;
}
#header
{
	background-color: #fff;
}
#content
{
	position: absolute;
	top: 128px;
	width: 560px;
	min-height: 100%;
	background-color: #fff;
}
#content p
{
	margin: 10px 5px 0px 10px;
}

#rightcontent
{
	position: absolute;
	top: 0px;
	left: 560px;
	width: 240px;
	height: 100%;
	background-color: #fff; /* Fixes some of my off math :) */
	background-image: url(/images/right-bg.jpg);
	background-position: right;
	background-repeat: repeat-y;
}
#tag
{
	height: 100%;
	background-image: url(/images/cfreekcom-right.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#rightcontent p, #rightcontent ul li, #rightcontent a
{
	font-size: 8pt;
	padding-left: 18px;
	padding-right: 40px;
}
#rightcontent ul
{
	margin: 0px;
	padding: 3px 0px 0px 10px;
	list-style: none;
}
#rightcontent ul li
{
	margin: 0px 0px 8px 0px;
	padding: 0px;
}
#footer
{
	position: absolute;
	top: 100%;
	width: 800px;
	background-color: #d9d9d9;
	color: #000;
	text-align: center;
	font-size: 10px;
	clear: both;
}
#footer a
{
	font-size: 10px;
}

/* Page Headers */
#content h1
{
	text-indent: -9999px;
	height: 42px;
	background-repeat: no-repeat;
}
	/*
	Yes, this is a little exessive, but, it is an experiment site!
	Feel free to offer up a better solution!
	*/
#content h1.homepage { background-image: url(/images/headers/welcome.gif); }
	/* SEO Pages */
#content h1.blackhatseo { background-image: url(/images/headers/blackhat-seo.gif); }
#content h1.choosingaseo { background-image: url(/images/headers/choosing-a-seo.gif); }
#content h1.seocontent { background-image: url(/images/headers/seo-content.gif); }
#content h1.seo { background-image: url(/images/headers/seo.gif); }
#content h1.seometa { background-image: url(/images/headers/seo-meta-tags.gif); }
#content h1.seoinfo { background-image: url(/images/headers/seo-information.gif); }
#content h1.seotitle { background-image: url(/images/headers/seo-title-tag.gif); }
	/* Portfolio */
#content h1.portfolio { background-image: url(/images/headers/portfolio.gif); }
	/* Web Desing Resources */
#content h1.design { background-image: url(/images/headers/web-design.gif); }
#content h1.designresource { background-image: url(/images/headers/web-design-resources.gif); }
#content h1.webdesign { background-image: url(/images/headers/web-design.gif); }
	/* About */
#content h1.about { background-image: url(/images/headers/about.gif); }
	/* Resume */
#content h1.resume { background-image: url(/images/headers/resume.gif); }
	/* Contact */
#content h1.contact { background-image: url(/images/headers/contact.gif); }
	/* Family Tree */
#content h1.familytree { background-image: url(/images/headers/family-tree.gif); }

/* Misc page styles */
.portfolio-image
{
	width: 200px;
	padding: 5px 15px 5px 15px;
	float: left;
}
.portfolio-details
{

}
.code
{
	background-color: #ddd;
	border: 1px dashed;
	font-family: "Times New Roman", Times, serif;
	margin: 10px 20px 10px 20px;
	padding: 10px 10px 10px 10px;
	display: block;
}