/*****************************************************
* Global
* Layout
* Typography
* Lists
* Newsletter
* Twitter
*****************************************************/


/*****************************************************
* Global
*****************************************************/
* {
	padding			: 0px;
	margin			: 0px;
	}

html { 
	min-height		: 100.2%; /* forces vertical scrollbar in FF3 */
	}
	
body {
	background		: #ffffff url() no-repeat 0 0;
	color			: #666666;
	font			: normal 100% arial, helvetica, sans-serif;
	}

p {
	font			: normal normal normal 80%/1.4 arial, helvetica, sans-serif;
	margin			: 0 0 10px 0;
	color			: #666666;
	}

a {
	outline			: 0;
	}

div.clearboth {
	clear			: both;
	}
	
/*****************************************************
* Layout
*****************************************************/
img#playgames {
	padding 		: 3px;
	margin 			: 0 20px 0 0;
	border 			: 1px solid #dddddd;
	}

#wrapper {
	width			: 960px;
	margin 			: 0 auto;
	}

#header {}

#headerL {
	float 			: left;
	width			: 275px;
	height			: 80px;
	background 		: transparent url(../_images/logo.png) no-repeat 0 0;	
	}

#headerR {
	float 			: right;
	width			: 600px;
	padding 		: 25px 0 0 0;		
	}

#kicker {
	width			: 960px;
	height			: 200px;
	border-top		: 1px dotted #cccccc;
	border-bottom		: 1px dotted #cccccc;
	background 		: transparent url(../_images/kicker.png) no-repeat 0 0;
	}

#promo {
	height			: 28px;
	padding 		: 0 0 15px 0;
	background 		: transparent url(../_images/freeshipping.jpg) no-repeat 0 0;	
	}

#main {
	background 		: transparent url(../_images/main-bg.gif) repeat-y 0 0;
	}

#content {
	float 			: left;
	width			: 650px;
	padding 		: 20px 0 0 0;	
	}
	
#contentL {
	float 			: left;
	width			: 325px;
	padding 		: 10px 0 0 0;	
	}

#contentR {
	float 			: left;
	width			: 320px;
	padding 		: 10px 0 0 0;
	}

#sidebar {
	float 			: right;
	width			: 220px;
	padding 		: 20px 0 0 0;
	}

#footer {
	width			: 960px;
	height			: 30px;
	padding			: 6px 0 0 40px;
	margin			: 0 0 0 0;
	background		: transparent url(../_images/footer-bg.gif) no-repeat 0 0;
	}
	
/* Media */
div.mediawrap {
	margin			: 0 0 20px 0;
	}
	
div.video {
	float			: left;
	width			: 350px;
	padding			: 3px;
	border			: 1px solid #cccccc;
	}
	
div.videodesc {
	float			: right;
	width			: 270px;
	}
	
/* Conact */
#contactL {
	float 			: left;
	width			: 350px	;
	}
	
#contactR {
	float 			: right;
	width			: 285px	;
	padding 		: 35px 0 0 0;
	}

/*****************************************************
* Typography
*****************************************************/
#kicker p {
	color			: #cccccc;
	font			: normal 185% georgia, arial, helvetiva, sans-serif;
	padding			: 80px 0 30px 310px;
	}

#content p {
	line-height 	: 1.8em;
	}

h1 {
	display			: block;
	width			: 298px;
	height			: 20px;
	background		: transparent url(../_images/8bit.jpg) no-repeat 0 0;
	margin			: 0 0 10px 0;
	text-indent		: -9999px;
	}
		
h1#aboutus {
	display			: block;
	width			: 100px;
	height			: 14px;
	background		: transparent url(../_images/headers.gif) no-repeat 0 0;
	margin			: 0 0 10px 0;
	text-indent		: -9999px;
	}

h1#media {
	display			: block;
	width			: 62px;
	height			: 14px;
	background		: transparent url(../_images/headers.gif) no-repeat 0 -14px;
	margin			: 0 0 10px 0;
	text-indent		: -9999px;
	}

h1#contactus {
	display			: block;
	width			: 126px;
	height			: 14px;
	background		: transparent url(../_images/headers.gif) no-repeat 0 -28px;
	margin			: 0 0 10px 0;
	text-indent		: -9999px;
	}

h2#newsletter {
	display			: block;
	width			: 139px;
	height			: 14px;
	background		: transparent url(../_images/headers.gif) no-repeat 0 -56px;
	margin			: 0 0 10px 0;
	text-indent		: -9999px;
	}
	
h2#connect {
	display			: block;
	width			: 97px;
	height			: 14px;
	background		: transparent url(../_images/headers.gif) no-repeat 0 -42px;
	margin			: 20px 0 10px 0;
	text-indent		: -9999px;
	}
	
h3#story {
	display			: block;
	width			: 82px;
	height			: 9px;
	background		: transparent url(../_images/headers.gif) no-repeat 0 -70px;
	margin			: 20px 0 5px 0;
	text-indent		: -9999px;
	}

h3#caps {
	display			: block;
	width			: 266px;
	height			: 9px;
	background		: transparent url(../_images/headers.gif) no-repeat 0 -79px;
	margin			: 20px 0 5px 0;
	text-indent		: -9999px;
	}
	
h3#bottles {
	display			: block;
	width			: 166px;
	height			: 9px;
	background		: transparent url(../_images/headers.gif) no-repeat 0 -88px;
	margin			: 20px 0 5px 0;
	text-indent		: -9999px;
	}
	
h3#wallawalla {
	display			: block;
	width			: 221px;
	height			: 9px;
	background		: transparent url(../_images/headers.gif) no-repeat 0 -97px;
	margin			: 20px 0 5px 0;
	text-indent		: -9999px;
	}

p#credits {
	float			: left;
	width			: 300px;
	color			: #cccccc;
	font			: normal 11px arial, helvetica, sans-serif;
	margin			: 5px 0 20px 0;
	}
	
p#credits a {
	color			: #cccccc;
	text-decoration		: none;
	border-bottom		: 1px dotted #cccccc;
	}

p#copy {
	float			: right;
	width			: 300px;
	color			: #cccccc;
	font			: normal 11px arial, helvetica, sans-serif;
	margin			: 5px 0 20px 0;
	text-align 		: right;
	}


/*****************************************************
* Lists
*****************************************************/
/* navigation */
ul#navigation {}
ul#navigation li {
	float 			: left;
	display 		: block;
	list-style-type : none;
	}
	
ul#navigation li a {
	display 		: block;
	height			: 25px;
	margin 			: 0 0 0 25px;
	color 			: #666666;
	text-decoration : none;
	}

ul#navigation li a#home {
	background 		: transparent url(../_images/navigation.gif) no-repeat 0 0;
	}

ul#navigation li a#about {
	background 		: transparent url(../_images/navigation.gif) no-repeat -126px 0;
	}
	
ul#navigation li a#media {
	background 		: transparent url(../_images/navigation.gif) no-repeat -266px 0;
	}
	
ul#navigation li a#store {
	background 		: transparent url(../_images/navigation.gif) no-repeat -392px 0;
	}
	
ul#navigation li a#contact {
	background 		: transparent url(../_images/navigation.gif) no-repeat -532px 0;
	}
	
ul#navigation li a span {
	display 		: block;
	font-size		: 11px;
	padding 		: 15px 0 0 0;
	}

ul#navigation li a:hover span,
body#loc-home ul#navigation li a#home span,
body#loc-about ul#navigation li a#about span,
body#loc-media ul#navigation li a#media span,
body#loc-store ul#navigation li a#store span,
body#loc-contact ul#navigation li a#contact span {
	color 			: #01b9ff;
	}

/* content area */
#content ul#bullets {
	font-size: 80%;
	margin: 10px 0 0 40px;
	}

#content ul#bullets li {
	padding: 0 0 5px 30px;
	list-style-type: none;
	background: transparent url(../_images/bullet.gif) no-repeat 0 4px;
	}
	
#content ul#bullets li a {
	color: #00ae45;
	text-decoration: none;
	border-bottom: 1px dotted #00ae45;
	}
	
#content ul#bullets li span {
	display: block;
	color: #cccccc;
	font-size: 10px;
	}
	
/* sidebar */
	#sidebar ul {
		margin			: 0 0 30px 0;
		}

		#sidebar ul li {
			display			: block;
			list-style-type		: none;
			font-size		: 80%;
			border-bottom		: 1px dotted #cccccc;
			}

			#sidebar ul li a {
				display			: block;
				padding			: 5px 5px 5px 0;
				color			: #000000;
				border-bottom		: none;
				text-decoration : none;
				}

			#sidebar ul li a.ico-twitter {
				padding			: 5px 5px 5px 18px;
				background		: transparent url(../_images/ico-twitter.gif) no-repeat 0 5px;
				}

			#sidebar ul li a.ico-facebook {
				padding			: 5px 5px 5px 18px;
				background		: transparent url(../_images/ico-facebook.gif) no-repeat 0 5px;
				}

			#sidebar ul li a.ico-flickr {
				padding			: 5px 5px 5px 18px;
				background		: transparent url(../_images/ico-flickr.gif) no-repeat 0 5px;
				}

			#sidebar ul li a.ico-xbox {
				padding			: 5px 5px 5px 18px;
				background		: transparent url(../_images/ico-xbox.gif) no-repeat 0 5px;
				}

			#sidebar ul li a.ico-psn {
				padding			: 5px 5px 5px 18px;
				background		: transparent url(../_images/ico-psn.gif) no-repeat 0 5px;
				}

			#sidebar ul li a:hover {
				color			: #e12000;
				background-color	: #f9f9f9;
				}

			#sidebar ul li a span {
				color			: #666666;
				}


/*****************************************************
* Newsletter
*****************************************************/
div#subscribe-txt {
	width: 211px;
	height: 29px;
	background: transparent url(../_images/subscribe-input.gif) no-repeat 0 0;
	}

a#subscribe-btn {
	display: block;
	width: 211px;
	height: 29px;
	background: transparent url(../_images/subscribe-btn.gif) no-repeat 0 0;
	}

form#newsletterform fieldset {
	border: none;
	}

form#newsletterform input {
	width: 195px;
	margin: 8px 0 0 5px;
	border: none;
	background 		: transparent url() no-repeat 0 0;
	}
	
div.errors p {
	font-size 		: 11px;
	color			: #d3593f;
	padding			: 0 0 0 20px;
	margin 			: 10px 0 0 0;
	background		: transparent url(../_images/error.png) no-repeat 0 0;
	}

p.success {
	color			: #81c976;
	padding			: 0 0 0 20px;
	margin 			: 10px 0 0 0;
	background		: transparent url(../_images/success.png) no-repeat 0 0;
	}

/*****************************************************
* Twitter
*****************************************************/
ul#twitter_update_list {
	list-style-type: none;
	color: #666666;
	font-size: 12px;
	}
	
ul#twitter_update_list a {
	color: #00bafc;
	}
	
/*****************************************************
* Flickr
*****************************************************/
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid #cccccc; padding: 3px; !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #FFFFFF}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/*****************************************************
* Contact
*****************************************************/
form#contactus {
	}
	
form#contactus fieldset {
	border			: none;
	/*border			: 1px dotted #cccccc;
	padding			: 10px*/
	}
	
form#contactus label {
	display			: block;
	font-size		: 12px;
	font-weight		: bold;
	}

input {
	width			: 150px;
	border			: 1px solid #aaaaaa;
	padding			: 2px;
	background		: #ffffff url(../_images/inputBg.gif) top left no-repeat;
	margin			: 0 0 5px 0;
	}

textarea {
	width			: 300px;
	height			: 100px;
	border			: 1px solid #aaaaaa;
	background		: #ffffff url(../_images/inputBg.gif) top left no-repeat;
	}

input.submit {
	background		: #cccccc;
	border			: 0;
	margin			: 10px 0 0 0;
	padding			: 5px 10px 5px 10px;
	border-bottom		: 1px solid #999999;
	border-right		: 1px solid #999999;
	}

.LV_validation_message{
	font-weight		: bold;
	margin			: 0 0 0 5px;
	font-size		: 12px;
	}

.LV_valid {
	display:none;
	}
	
.LV_invalid {
	color			: #CC0000;
	}
    
.LV_valid_field,
	input.LV_valid_field:hover, 
	input.LV_valid_field:active,
	textarea.LV_valid_field:hover, 
	textarea.LV_valid_field:active {
	/*border			: 1px solid #00CC00;*/
	}
    
.LV_invalid_field, 
	input.LV_invalid_field:hover, 
	input.LV_invalid_field:active,
	textarea.LV_invalid_field:hover, 
	textarea.LV_invalid_field:active {
	border			: 1px solid #CC0000;
	}