/**********************************

	Naked Truth: Global CSS
	Last Updated: 11/22/2008
	Author: J. Tyarks

**********************************/

/*  IMPORTS  */
	
	@import url(typography.css);
	
/* RESET | BODY & HTML | COMMON */

	html, body, div, span{ margin: 0; padding: 0; }
	img, img a{ border: none; }
	
	html, body{ background: #000000 url("../media/images/global-bg.jpg") fixed repeat-x; height: 100%; }
	
	.clear{ clear: both; } .clearL{ clear: left; } .clearR{ clear: right; }
	
	.hide{ display: none; }
	
	/* OPTIMIZE */
	 
		#header, #content, .ntOverviewAbout, .ntOverviewWatchEvents, #footer, .footerContent { margin: 0 auto; position: relative; }
		
		.container, #header, #content, .ntOverviewHeader, #footer, .footerContent{ width: 880px; }
		
		.contentLeft, .contentCenter, .contentRight{ margin-bottom: 50px; }
	
/* LAYOUT */

	.container { 
		background: #000000 url("../media/images/container-bg.jpg") top center no-repeat; 
		height: auto !important; 
		border-left: 1px solid #333;
		border-right: 1px solid #333; 
		margin: 0 auto -125px; 
		min-height: 100%; 
		padding: 0 30px; 
	}

		/* #header */
		
			#header{ background: url("../media/images/header-bg.jpg") no-repeat; height: 260px; }
		
		/* #content */
			
			#content{ height: 100%; }
		
			/* .ntOverviewHeader */
			
				.ntOverviewHeader{ border-bottom: 1px solid #660000; height: 190px; margin: 16px auto; padding-bottom: 16px; }
				
					.ntOverviewCurrentIssue{ float: left; padding-right: 30px; width: 235px; }
					
						.currentIssueImg{ border: 3px solid #990000; height: 145px; width: 226px;}
					
					.ntOverviewAbout{ border-left: 1px solid #666; border-right: 1px solid #666; height: 152px; padding: 0 28px; float: left; width: 301px; }
					
					.ntOverviewWatchEvents{ float: right; width: 235px; }
			
			/* .contentLeft | .contentCenter | .contentRight */
			
				.contentLeft{ float: left; height: 100%; margin-right: 43px; width: 190px; }
				
				.contentCenter{ float: left; height: 100%; width: 230px; }
				
				.contentRight{ float: right; height: 100%; width: 370px; }
		
	/* #footer | .push | .footerContent */
	
		
		#footer{ background: url("../media/images/footer-bg.gif") 0 0 no-repeat transparent; }
		
			#footer, .push{ height: 125px; }
			
			.footerContent{ height: 15px; padding-top: 75px; }