/**
 * @author	Chris Johnson
 * @date	March 4, 2009
 * @copyright	Chris Johnson, 2009
 */

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background-image: url("images/body-background.png");
	background-repeat: repeat;
	background-position: 0px 622px;
}

/* Floating top bar */
#floating-top-bar {
	width: 100%;
	height: 60px;
	position: fixed;
	z-index: 100;
	background-repeat: repeat-x;
	background-image: url("images/top-background.png");
}
	/* The logo */
	#logo {
		position: absolute;
		right: 50px;
		top: 5px;
	}
	/* The top bar navigation links */
	#floating-navigation {
		position: absolute;
		top: 15px;
		left: 50px;
	}
	#floating-navigation ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	#floating-navigation ul li {
		float: left;
		margin: 0;
		padding: 0;
		margin-right: 20px;
	}
	#floating-navigation ul li a img {
		border: 0px;
	}

/* Background image behind the top portion of the site */
#page-background-box {
	background-image: url("images/page-background.png");
	background-repeat: repeat-x;
	height: 476px;
	width: 100%;
	position: absolute;
}

/* The wrapper for everything but the floating bar */
#page-content {
	position: absolute;
	top: 80px;
	bottom: 0;
	left: 50px;
	right: 50px;
}

/* The area containing the actual content */
#content-wrapper {
	width: 100%;
}

/* The left content area */
#left-content {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
#left-content.small {
	width: 79%;
}

/* Individual items in the left content */
.left-content-item {
	margin-bottom: 20px;
	border: 1px solid #467AA0;
	background-image: url("images/content-background.png");
	background-repeat: repeat;
	padding: 5px;
}

/* The right content area */
#right-content {
	width: 19%;
	float: right;
}

/* Individual items in the right content */
.right-content-item {
	border: 1px solid #467AA0;
	background-image: url("images/content-background.png");
	background-repeat: repeat;
	margin-bottom: 20px;
	padding: 5px;
}

/* Hide the IE6 upgrade warning */
#ie6-upgrade-warning {
	display: none;
	visibility: hidden;
}

/* The floating social media dock */
#floating-icon-dock {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 17000;
	height: 30px;
	width: 20px;
	text-align: right;
	padding-right: 10px;
	background-color: #B2C6D4;
}

#floating-icon-dock ul {
	display: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: fixed;
	bottom: 0;
	right: 20px;
	width: 150px;
	height: 30px;
	background-color: #B2C6D4;
}
#floating-icon-dock ul li {
	float: left;
	padding: 0;
	margin: 0;
}
#floating-icon-dock:hover ul {
	display: block;
}
#floating-icon-dock img {
	border: 0;
	margin-top: 8px;
	margin-left: 8px;
}