/* 
	CSS
	------------------------------------------------------------------------------------------
	@site				sho.com (beta)
	@file				layout.css
	@modified		10.30.08
	@author			dpaul
	@desc				macro design and structure
	@note				column rules moved to global..
	
	=:dev tools
	----------------------------------------------------------------------------------------*/
	.ref #container{
		background: #FFF no-repeat url( /site/beta/FPO/grids/product-ref.png) 0px 0px;  }
	.art #container{
		background: #FFF no-repeat url( /site/beta/FPO/grids/product-art.png) 0px 0px;  }
	.ref #c1, .ref #c2, .ref #content-inner, .ref #content {
		background:0 !important; }
	#fpo { /* under construction notice.. */
		width:960px; height:500px;
		background:transparent no-repeat url( /site/beta/FPO/under-construction_707x302.png ) center 20px;}
	#fpo h2 {
		display:none; }
	
	/*
	=:layout
	----------------------------------------------------------------------------------------*/	
	#container {
		position:relative;
		margin:0px auto 100px auto;
		width:960px; }

	#masthead {
		height:90px; }
	
	#masthead h1 a{
		display:block;
		height:90px;
		background: transparent no-repeat url( /site/beta/image-panel/global/logo_180x90.png ) top center;
		text-indent:-6000px; }		

	#membership-tools {
		position:absolute; 
		top:69px;
		right:15px; 
		font-size:12px; 
		line-height:12px; }
		
	#membership-tools p { 
		padding-left:10px;
		color:#000;}
		
	#membership-tools a:link,
	#membership-tools a:visited {
		color:#000;
		font-weight:bold;  }
		
	#search, #nav-sho {} /*see nav.css */
		
	#site-info { 
		clear:both; 
		color:#FFF;}
	
	#site-info #nav-sub {} /*see nav.css */
	
	#site-info #legal {
		padding:10px;
		text-align:center;
		line-height:1.5em; }
		
	#site-info a:link, #site-info a:visited {
		color:#FFF; text-decoration:underline; }
		
	#site-info a:hover, #site-info a:active {
		color:#FFF; text-decoration:none; }

	#content {
		position:relative;
		margin-bottom:10px;
		padding-top:20px; 
		background:#000 no-repeat url( /site/beta/image-panel/global/content-top_960x25.png ) 0px 0px; 
		font-size:12px;
		line-height:15px;
		color:#666; }
	
	#content .wrap {	/* #grid.wrap, #channel.wrap, #home.wrap etc ) */	
		margin:0px 10px 20px 10px;  }
		
	/*
	=:overlay
	----------------------------------------------------------------------------------------*/
	#overlay-shader {
		position:absolute; 
		top:0px; left:0px;
		width:100%; 
		background:#000; 
		cursor:pointer;}
	
	#overlay-wrap,
	#overlay-outer {
		position:absolute;  }
		
	#overlay-closer {
		position:absolute;
		height:30px;
		width:30px;
		top:-40px;
		right:0px;
		background: url( /site/beta/image-panel/global/closer_30x30.png );
		cursor:pointer; }

	#overlay-content {
		position:absolute; 
		background:#000; }
	
	/*
	=:video
	----------------------------------------------------------------------------------------*/
	a:link .videoIcon img.icon { 
		background:0; }
	
	a:hover .videoIcon img.icon { 
		background:transparent no-repeat url(/site/beta/image-panel/global/video-icon_200x150.png) center center;  }
		
	/*
	=:popup
	----------------------------------------------------------------------------------------*/	
	#popup #container {
		width:800px;
		height:600px;
		overflow:hidden; }
		
	/* No surrender, No delete! */