﻿
/*

	FRAMEWORK CSS
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	June-09-2009

*/

body
{
	background-color: Black;
	font-family: "Arial Narrow", "Helvetica Narrow", "DejaVu Sans Condensed", "Helvetica Neue", Arial, Helvetica, sans-serif;
	background-image: url(/images/topnav-bg.gif);
	background-repeat: repeat-x;
}

	.NavContainer
	{
		position: relative;
		display: block;
		width: 975px;
		height: 49px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 14px;
		font-size: 0px;
		line-height: 0px;
	}

		.NavContainer img
		{
			display: block;
			float: left;
		}

	.BodyContainer
	{
		position: relative;
		display: block;
		background-color: White;
	}

		.BodyContainer .BodyContent
		{
			position: relative;
			display: block;
			width: 988px;
			margin-left: auto;
			margin-right: auto;
			font-size: 0px;
			line-height: 0px;
		}

	.FooterContainer
	{
		position: relative;
		display: block;
		height: 62px;
		background-image: url(/images/footer-bg.gif);
		background-repeat: repeat-x;
		font-family: Arial, Helvetica, sans-serif;
	}

		.FooterContainer p, .FooterContainer a
		{
			color: #a2a2a2;
			text-decoration: none;
		}

		.FooterContainer a:hover
		{
			text-decoration: underline;
		}
	
		.FooterContainer p
		{
			padding-top: 14px;
			font-size: 12px;
			line-height: 16px;
			text-align: center;
		}




/*

	HOMEPAGE-SPECIFIC
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	June-09-2009

*/
	
	.SocialNetworks
	{
		position: absolute;
		width: 159px;
		height: 162px;
		left: 141px;
		top: 390px;
		z-index: 99;
	}
	
		.SocialNetworks .Network
		{
			position: relative;
			width: 159px;
			height: 54px;
			overflow: hidden;
			font-size: 18px;
			line-height: 20px;
		}

			.SocialNetworks .Network a
			{
				color: White;
				text-decoration: none;
			}

			.SocialNetworks .Network a:hover
			{
				text-decoration: underline;
			}

				.SocialNetworks .Network a span
				{
					display: block;
					font-size: 14px;
					line-height: 16px;
				}

	.CD
	{
		position: absolute;
		width: 266px;
		left: 328px;
		top: 490px;
		z-index: 99;
	}

		.CD h1
		{
			display: block;
			font-size: 22px;
			font-weight: bold;
			line-height: 28px;
			color: White;
			text-align: center;
			padding: 0px;
			margin: 0px;
		}

		.CD .Links
		{
			font-size: 15px;
			line-height: 17px;
			color: White;
			text-align: center;
			font-weight: bold;
		}




/*

	CONTENT-SPECIFIC
	-------------------------------------------------------------------------
	Author: Michael Argentini; magic@mezzocode.com
	June-09-2009

*/
	
	.ContentColumn, .ContentColumn2
	{
		width: 783px;
		font-size: 16px;
		line-height: 20px;

		background-image: url(/images/sidebar-bg.gif);
		background-repeat: repeat-y;
	}

	.ContentColumn2
	{
		width: 988px;
		height: 700px;
		background-image: none;
	}

		.ContentColumn .Sidebar
		{
			font-size: 0px !important;
			line-height: 0px !important;
			width: 297px;
		}

		.ContentColumn .ContentArea
		{
			width: 446px;
			padding: 10px 20px 10px 20px;
		}
		
			.ContentColumn .ContentArea h1, .ContentColumn2 .ContentArea2 h1
			{
				color: Black;
				font-size: 50px;
				line-height: 60px;
				font-weight: bold;
			}

		.ContentColumn2 .ContentArea2
		{
			padding: 10px 20px 10px 20px;
		}

	.PhotoColumn
	{
		font-size: 0px;
		line-height: 0px;
		width: 205px;
		padding: 10px 0px 0px 0px;
	}

	.Center
	{
		text-align: center;
	}

