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

	public/layout.css

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


/* ----------------------------------------------------
   body
   ---------------------------------------------------- */

	body {
	
		padding: 0px;
		border: 0px;
	
		text-align: center; 
		margin: 0px auto;
	
		background-repeat: repeat-both;
		background-color: #000;
	}
	
	body, html {
	
		height: 100%;
	}


/* ----------------------------------------------------
   wrappers
   ---------------------------------------------------- */

	#outerWrapper {
	
		margin-top: 20px;
	}

	#innerWrapper {
	
		position: relative;
		margin: 0px auto;
		width: 837px;
		z-index: 1;
		padding: 0;
		border: 0;
		text-align: left;
	}
	
	#contentBackground {
		
		text-align: left;
		background-repeat: repeat-y;
		z-index: 30;
	}


/* ----------------------------------------------------
   logo
   ---------------------------------------------------- */

	#logoDiv {
	
		position: absolute;
		top: 2px;
		left: 41px;
	}
	
/* ----------------------------------------------------
   body column
   ---------------------------------------------------- */

	#mainBodyColumn {
	
		float: left;

		width: 500px;

		padding-top: 35px;
		padding-left: 72px;
		padding-right: 30px;
		padding-bottom: 0px;

		margin: 0px;
	}


	#hiddenText {
	
		display: none;
	}
	

/* ----------------------------------------------------
   left navigation
   ---------------------------------------------------- */

	#leftNav {
	
		position: absolute;
		top: 140px;
		left: 0px;
	}
	
	.leftNavButton {
	
		padding-bottom: 6px;
	}
	
	
/* ----------------------------------------------------
   ads
   ---------------------------------------------------- */

	.advertisementRightNav {

		float: right;

		width: 200px;

		margin-top: 0px;
		margin-left: 0px;
		margin-right: -15px;
		margin-bottom: 15px;
	}
	
	.advertisementStoryTop {

		width: 498px;

		margin-top: 10px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	
/* ----------------------------------------------------
   right nav
   ---------------------------------------------------- */

	#rightNav {

		float: right;

		width: 177px;

		padding-top: 10px;
		padding-left: 0px;
		padding-right: 27px;
		padding-bottom: 0px;

		margin: 0px;
	}
	
	.rightNavSection {
	
		padding-bottom: 20px;
	}
	
	.rightNavSection_last {
	
		padding-bottom: 0px;
	}
	
	.rightNavSectionImage {
	
	}
	
	.rightNavIndented {
	
		padding-left: 25px;
		font-size: 9pt;
		color: #FFF;
	}
	
	.socialNetworkingLabel {
	
		width: 120px;
		float: left;
		text-align: right;
		margin-right: 5px;
	}

	.socialNetworkingIcon {
	
		width: 45px;
		float: right;
		text-align: left;
	}
	
	#WhatIsSciFiLong {
	
		display: none;
	}


/* ----------------------------------------------------
   bottom nav
   ---------------------------------------------------- */

	#bottomNav {
	
		position: relative;
		top: -6px;
		padding-left: 70px;   /* 108px when blog is active */
	}
	
	.bottomNavButton {
	
		float: left;
		
		padding-left: 6px;
	}


/* ----------------------------------------------------
   footer
   ---------------------------------------------------- */

	#footerLower {
	
	}

	.popupFooterDiv {
	
		position: absolute;
		bottom: 26px;
		left: 50px;
		display: none;
		width: 500px;
		padding: 20px;
		text-align: center;
		background-color: #B8D784;
		border: 1px solid black;
		z-index: 1000;
	}

/* ----------------------------------------------------
   misc
   ---------------------------------------------------- */

	form {
	
		display: inline;
	}