/* --------------------------------------------

Table of Contents

	1. 
	
-------------------------------------------- */

/* General Styles */
html, body { height: 100%; }
#container { margin: 0 auto; width: 960px; }

/* Medea Central Page Styles */
#hub { background: #000 url('../images/background.jpg') no-repeat top center; }
#hub #top-logo { 
	display: block; 
	margin: 0 auto; 
	padding: 25px 0 65px;
	width: 253px; 
}
#column-wrap { margin: 0 12px; }
.feed-container {
	background: url('../images/feed-container.png') no-repeat 0 0;
	height: 142px;
	margin-bottom: 0px;
	padding: 15px 25px;
	width: 637px;
}
	.call-to-action {
		background: #263370;
		color: #fff;
		cursor: pointer;
		font-size: 12px;
		font-weight: normal;
		padding: 5px 0;
		position: absolute;
			top: 15px;
			right: 25px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		width: 90px;
	}
	.call-to-action:hover, #how-to-program a:hover, .blue-button:hover { background: #0c6da0; color: #fff; }
	.feed-container h2 {
		height: 27px;
		margin-bottom: 11px;
		text-indent: -9999em;
		width: 500px;
	}
	#twitter h2 { background: url('../images/header-twitter.png') no-repeat 0 0; }
	#youtube h2 { background: url('../images/header-youtube.png') no-repeat 0 0; }
	#news h2 { background: url('../images/header-news.png') no-repeat 0 0; }
	#facebook h2 { background: url('../images/header-facebook.png') no-repeat 0 0; }
	.feed-container p { line-height: 1.1em; margin-bottom: 10px; }
	#news li { clear: both; }
		#news li span {
			float: left;
			font-weight: bold;
			margin-right: 10px;
			width: 110px;
		}
		#news li p { float: left; width: 510px; }
	#twitter ul li { margin-bottom: 10px; line-height: 1.1em; }
		#tweets { height: 100px; margin: 0; overflow: hidden; }
	#how-to-program {
		background: url('../images/sidebar-container.png') no-repeat 0 0;
		height: 154px;
		position: absolute;
			bottom: 12px;
			right: 10px;
		text-align: center;
		width: 221px;
	}
		#how-to-program h2 {
			background: url('../images/header-program.png') no-repeat 0 0;
			height: 21px;
			margin: 12px auto;
			text-indent: -9999em;
			width: 168px;
		}
		#how-to-program a {
			background: #263370;
			color: #fff;
			cursor: pointer;
			font-size: 12px;
			font-weight: normal;
			padding: 5px 10px;
			text-decoration: none;
			text-transform: uppercase;
		}
	#bottle {
		position: absolute;
			top: -105px;
			right: 30px;
		z-index: -100;
	}
		#bottle-mask {
			height: 45px;
			overflow: hidden;
			position: absolute;
				top: 320px;
				left: 25px;
			width: 135px;
		}
			#bottle-mask ul { 
				height: 45px;
				position: absolute; 
					top: 0; 
				width: 25000px; 
			}
				#bottle-mask ul li { 
					color: #50b4ff;
					float: left;
					font-family: 'ScoreBoardRegular'; 
					font-size: 45px;
					height: 45px;
					line-height: 1em;
					margin-right: 150px;
					text-shadow: 0 0 5px #50b4ff;
					z-index: 100;
				}
					#bottle-mask ul li a { color: #50b4ff; text-decoration: none; z-index: 100; }

#bottom-logo { margin: 5px 0 20px 22px; }

	/* Button Styles */
	.blue-button {
		background: #263370;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		padding: 5px 20px;
		position: absolute;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	#where-to-buy { top: 15px; left: 20px; }
	#get-on-the-list { 
		padding: 5px 0; 
		position: absolute; 
			top: 15px; 
			right: 20px; 
		width: 160px; 
	}
	#get-on-the-list:hover form { display: block; } 
		#get-on-the-list a.blue-button { position: relative; white-space: nowrap; z-index: 1000; }
		#get-on-the-list form { 
			background: #fff;
			display: none;
			padding: 35px 15px 45px;
			position: absolute; 
				top: 0px;
				left: 0;
			width: 130px;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			box-shadow: 0 0 6px #555;
			-moz-box-shadow: 0 0 6px #555;
			-webkit-box-shadow: 0 0 6px #555;
		}
			#get-on-the-list form label { font-size: 14px; font-weight: bold; }
			#get-on-the-list form input {
				border: 2px solid #ededed;
				color: #333;
				font-weight: bold;
				padding: 2px 3px;
				width: 120px;
			}
			#get-on-the-list form input:focus { background: #f9f9f9; border-color: #ddd; }
			#get-on-the-list form input#newsletter-submit {
				background: #ededed;
				cursor: pointer;
				position: absolute;
					right: 15px;
					bottom: 15px;
				width: 75px;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
			}
			#get-on-the-list form input#newsletter-submit:hover {
				background: #eee;
				box-shadow: 0 0 2px #aaa;
				-moz-box-shadow: 0 0 2px #aaa;
				-webkit-box-shadow: 0 0 2px #aaa;
			}
	#spirits-award {
		position: absolute;
			top: 55px;
			left: 12px;
	}
	#contact-us {
		background: #fff;
		color: #263370;
		font-size: 14px;
		font-weight: bold;
		padding: 5px 20px;
		position: absolute;
			bottom: 40px;
			right: 68px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	#contact-us:hover { 
		box-shadow: 0 0 6px #fff;
		-moz-box-shadow: 0 0 6px #fff;
		-webkit-box-shadow: 0 0 6px #fff;
	}
	#contact-us:active { 
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}


/* Landing Page Styles */
#landing { background: #000 url('../images/landing-background.jpg') no-repeat top center; }
#landing #container { height: 100%; min-height: 800px; text-align: center; }
#landing #top-logo { margin: 25px 0 0; }
#video-player { 
	background: transparent url('../images/video-bg.png') no-repeat 0 0; 
	height: 438px;
	margin: 22px 0 45px;
	padding-top: 25px;
	width: 960px; }
#are-you-legal { 
	background: transparent url('../images/are-you-legal.png') no-repeat 0 0; 
	height: 17px; 
	margin: 0 auto;
	text-indent: -9999em;
	width: 407px; }
#legal { margin: 15px auto; width: 215px; }
	#legal-no, #legal-yes { 
		background: url('../images/are-you-legal.png') no-repeat;
		display: block;
		float: left;
		height: 28px;
		text-indent: -9999em;
	}
	#legal-no { 
		background-position: -96px -34px; 
		margin-right: 18px;
		padding-right: 25px;
		width: 72px; }
	#legal-no:hover { background-position: -514px -34px; }
	#legal-yes { background-position: -210px -34px; width: 100px; }
	#legal-yes:hover { background-position: -628px -34px; }

#drink-responsibly {
	margin-left: -126px;
	position: absolute;
		bottom: 45px;
		left: 50%;
}
	
/* Misc. Styles */
.float-clear { clear: both; }

	/* Twitter Styles */
	span.tweet_time { display: none; }

	/* Hide YouTube Branding */
	.gsc-branding-youtube { display: none !important; }
	
	/* Changes YouTube Thumbnails */
	.resultCell_gsvb .resultDiv_gsvb { 
		height: 80px; 
		margin-right: 15px;
		overflow: hidden; 
		width: 146px; 
	}
	
	/* Facebook Styles */
	div.fan_box div.full_widget { background: transparent !important; border: none !important; }
	div.fan_box div.connect_top { background: transparent !important; float: left !important; width: 150px; }
		div.fan_box div.connect_top img.profileimage { display: none; }
		div.fan_box div.connect_top span.name { display: block; }
	div.fan_box div.connections { 
		background: transparent; 
		border: none !important; 
		float: right !important; 
		height: 90px;
		min-height: 90px;
		padding: 0 !important;
		width: 425px;
	}
		div.fan_box div.connections div.grid_item { height: 65px; width: 65px; }
			div.fan_box div.connections div.grid_item a img.img { height: 65px; width: 65px; }
	div.fan_box div.name { display: none !important; }
	
