@import 'reset.css';

/**!
 * URL
 *
 * Main stylesheet for cbsuace.com . Combines layout/color/typography in one 
 * stylesheet.  See iefix.css for IE (6/7) specific styles, ie6fix.css 
 * for IE6 specifics.
 *
 * @project		CBSauce.com website
 * @version		1.0 ( mm-dd-yy )
 * @package		Main Stylesheet
 * @author		Tony Dewan ( tdewan{at}bladv.com )
 * @media		Screen
 * @copyright	copyright 2009 
 *
 * @colordef	#efefef; Light Gray (content_bg)
 */


/* ---( globals )------------------------------- */ /** @section Globals */

body{
	background: #fffdda;
	font: 1.0em/1.2 Helvetica, Arial, sans-serif;}

#container{
	background: #ffec82 url('images/container_bg.png') top left;}
	
/* ---( header )------------------------------- */ /** @section Header */

#skip{
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;}
	
#header{
	padding: 50px 0 0 0;
	width: 960px;
	margin: 0 auto;
	overflow: auto;
	background: transparent url('images/content_bg.png') top left repeat-y;}
	
	#header h1{
		margin-left: 135px;
		float: left;}
	
	#header h1 img{
		display: block;}
		
		
#rotate{
	width: 300px;
	padding: 60px 0 0 40px;
	position: relative;
	float: left;}
	
	#rotate h3{
		color:#192b68;
		font-size: 30px;
		display: none;
		position: absolute;}

#loginForm{
	height: 30px;
	background: #192b68;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;}

	#loginForm form{
		width: 840px;
		margin: 0 auto;
		position: relative;}

	#loginForm legend{
		display: none;}

	#loginForm label{
		font-size: 10px;
		color: #fff;
		margin-left: 20px;}

	#loginForm input[type=text], #loginForm input[type=password]{
		height: 16px;
		border: 1px solid #333399;}

	#loginForm fieldset{
		position: absolute;
		top: 4px;
		right: 70px;}

	#loginForm fieldset.actions{
		float: none;
		right: 4px;
		top: 6px;}

		#loginForm button[type=submit]{
			display: block;
			width: 55px;
			height: 16px;
			text-indent: -9999px;
			border: none;
			background: transparent url('images/button.login.sprite.png') top left no-repeat;
			cursor: pointer;}

			#loginForm button[type=submit]:hover{
				background-position: 0 -18px;}


/* ---( content )------------------------------- */ /** @section Content */

#content{
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
	background: #ffec82 url('images/content_bg.png') top left repeat-y;
	overflow: auto;}

iframe#pointshop{
	background: #fff;
	display: block;
	border: 15px solid #000;
	width: 667px;
	height: 352px;
	margin: 0 auto 40px;}
	
/* ---( Footer )------------------------------- */ /** @section Footer */

#footer{
	padding: 20px 0 30px 0;
	background: #fffdda;
	font: 10px/16px Helvetica, Arial, sans-serif;}

#footer p{
	width: 667px;
	margin: 0 auto;
	color: #1d398d;}
	
	#footer p#copy{
		padding: 20px 0;
		text-align: center;}