/***************************************************************************************
******* GLOBAL/COMMON STYLES
***************************************************************************************/
html, body {height: 100%;}
body {
	background: #000 url(/elements/images/global/body-bg.jpg) fixed center 0 no-repeat;
	-moz-background-size: cover;
	background-size: cover;
	color: #000;
	font: normal 12px/1 Arial, Helvetica, sans-serif;
}
#wrapper {
	background: transparent url(/elements/images/global/coloredBars.png) 0 0 repeat-x;
	min-height: 131px;
}
#container {
	margin: 0 auto 25px;
	width: 985px;
}
.left {
	float: left;
	left: 0;
}
.right {
	float: right;
	right: 0;
}

/***************************************************************************************
******* HEADER STYLES
***************************************************************************************/
#header {
	height: 100px;
	padding: 40px 0 0;
	position: relative;
}
	#header .button {
		display: block;
		height: 26px;
		text-indent: -9999em;
	}
	#header #ravensButton {
		background: transparent url(/elements/images/global/button_Ravens.png) 0 0 no-repeat;
		width: 207px;
	}
	#header #loginButtonCap {
		background: transparent url(/elements/images/global/button_Login.png) 0 -1px no-repeat;
		display: block;
		height: 26px;
		position: absolute;
		right: 0;
		top: 40px;
		width: 12px;
	}
	#header #loginButton {
		margin-right: 12px;
		position: absolute;
		right: 0;
		top: 40px;
		width: 74px;
		z-index: 9;
	}
	#header #loginButton.login {background: transparent url(/elements/images/global/button_Login.png) 0 -28px no-repeat;}
	#header #loginButton.logout {background: transparent url(/elements/images/global/button_Login.png) -80px -28px no-repeat;}
	#header #loginButtonForm {
		background: transparent url(/elements/images/global/button_Login.png) right bottom no-repeat;
		display: none;
		padding: 5px 10px;
		position: absolute;
		right: 0;
		text-indent: 0;
		top: 63px;
		width: 228px;
		z-index: 10;
	}
		#header #loginButtonForm label {
			color: #fff;
			margin: 0;
			width: 100px;
		}
		#header #loginButtonForm input {width: 120px;}
		#header #loginButtonForm .control {padding: 0 0 0 100px;}
		#header #loginButtonForm a.register {
			bottom:15px;
			color:#DFBC53;
			font-weight:bold;
			margin:0 48px 0 0;
			position:absolute;
			z-index:999;
		}
	#header #navigation {
		background: transparent url(/elements/images/global/navigation/primaryNavigationBG.png) 0 0 no-repeat;
		clear: both;
		height: 51px;
		margin: 40px 0 0;
		*margin: 14px 0 0;
	}
		#header #navigation ul {margin: 0;}
			#header #navigation ul li {
				display: block;
				float: left;
				margin: 0 2px 0 0;
			}
			#header #navigation ul li.last-child,
			#header #navigation ul li:last-child {margin: 0;}
				#header #navigation ul li a {
					display: block;
					height: 51px;
					text-align: center;
					width: 138px;
				}
				#header #navigation ul li.last-child a {width: 143px;}
				#header #navigation ul li:last-child a {width: 143px;}
				#header #navigation ul li a:hover {background: transparent url(/elements/images/global/navigation/primaryNavigationLit.png) 0 0 no-repeat;}
				#header #navigation ul li.first-child a:hover{background: transparent url(/elements/images/global/navigation/primaryNavigationLitRound.png) 0 0 no-repeat;}
				#header #navigation ul li:first-child a:hover {background: transparent url(/elements/images/global/navigation/primaryNavigationLitRound.png) 0 0 no-repeat;}
				#header #navigation ul li.last-child a:hover {background: transparent url(/elements/images/global/navigation/primaryNavigationLitRound.png) -139px 0 no-repeat;}
				#header #navigation ul li:last-child a:hover {background: transparent url(/elements/images/global/navigation/primaryNavigationLitRound.png) -139px 0 no-repeat;}
				#header #navigation ul li a img {border: none;}
				
		#header #logo {
			display: block;
			height: 56px;
			left: 50%;
			margin-left: -94px;
			position: absolute;
			top: 18px;
			width: 188px;
		}
	#header .social {
		height: 26px;
		line-height: 26px;
		position: absolute;
		right: 110px;
		top: 40px;
		z-index: 1;
	}
		#header .social * {
			display: inline;
			vertical-align: middle;
		}
			#header .social a {
				background: transparent url(/elements/images/global/socialMediaSprite.png) 0 0 no-repeat;
				display: inline-block;
				height: 24px;
				margin: 0 1px;
				text-indent: -9999em;
				vertical-align: middle;
				width: 24px;
			}
			#header .social a.youtube {background-position: -24px 0;}
			#header .social a.twitter {background-position: -48px 0;}

/***************************************************************************************
******* MIDDLE STYLES
***************************************************************************************/
#middle {margin: 24px 0;}
	#middle .sidebar {
		margin: 25px 0 0;
		width: 190px;
	}
		#middle .sidebar .item {
			display: block;
			margin: 0 0 5px;
		}
	#middle #primaryContent {float: left;}

/***************************************************************************************
******* FOOTER STYLES
***************************************************************************************/
#footer {
	background: transparent url(/elements/images/global/footerBG.png) 0 0 no-repeat;
	height: 86px;
}
	#footer .legal {
		margin: 0 auto;
		padding: 15px 0 0;
		text-align: center;
		width: 605px;
	}
		#footer .legal p {
			font-size: 10px;
			line-height: 14px;
			margin: 0;
		}
			#footer .legal p a {
				color: #639;
				text-decoration: underline;
			}
#postFooter {
	margin: 20px 0 0;
	text-align: center;
}
	#postFooter p {
		color: #8f84be;
		font-size: 10px;
		line-height: 18px;
	}
		#postFooter p a {
			color: #ead8fb;
			text-decoration: underline;
		}