/* ==============================================================================
=RESET
================================================================================*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
th,td { text-align : left; padding: 10px; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/* ==============================================================================
=BODY
================================================================================*/
html, body{
	width: 100%;
	height: 100%;
	text-align: center;
}

em{ font-style: italic; }
strong{ font-weight: bold; }

/* ==============================================================================
=BRANDING
================================================================================*/
#header{
	width: 950px;
	height: 150px;
	margin: 0 auto;
	text-align: left;
}

#storefront{
	height: 150px;
	width: 200px;
	text-align: left;
/* 	margin: -28px 0 0 -365px; */
	position: absolute;
	z-index: 20;
	display: inline;
}

#hours{
	margin-top: 95px;
	margin-left: 15px;
}

#address{
	font-size: 14px;
}

#open{
	margin-top: 5px;
}

#twitter_feed{
	width: 200px;
	text-align: left;
	float: right;
	margin: 30px 15px 0 0;
	display: inline;
}

/* ==============================================================================
=NAVIGATION & SEARCH
================================================================================*/
#navsearchbar{
	width: 100%;
	text-align: center;
	height: 25px;
	padding-top: 5px;
}

#navbox{
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
}

#nav_main{
	text-align: left;
	margin-left: 15px;
	margin-top: 2px;
	float: left;
}
	#nav_main li{
		display: inline;
		margin-right: 25px;
	}

#search{
	text-align: right;
	float: right;
	display: inline;
	margin-right: 50px;
}
	#searchform{
		width: 175px;
	}
	
	#searchform li{
		display: inline;
	}

/* CONTENT */
#content{
	width: 950px;
	height: 100%;
	margin: 0 auto;
}

.subcontent{
	width: 200px;
	padding: 0;
	margin: 10px 0 45px 0;
	text-align: left;
}



/* ==============================================================================
=SUB-CONTENT NEWS & WELCOME
================================================================================*/
#welcome{
	width: 215px;
	text-align: center;
	padding: 10px;
	float: left;
	clear: left;
}


/* ==============================================================================
=MAIN CONTENT
================================================================================*/
#content_main{
	width: 450px;
	min-height: 100%;
	text-align: left;
	padding: 15px 15px 100px 15px;
	float: left;
}

.game_list{
	padding-left: 10px;
	font-size: 14px;
	color: #77c2e3;
}

	
table{
	width: 100%;
}

.screenshot{
	width: 110px;
/* 	background-color: gray; */
	text-align: center;
}

/* ==============================================================================
=SUB-CONTENT PROMO, BLOG NAVIGATION
================================================================================*/
#blog_nav{
	width: 215px;
	padding: 10px;
	float: right;
	clear: right;
}

#blog_nav > .subcontent{
	margin-left: 10px;
}

img#promo{
	margin: 10px 0 10px 5px;
}

/* ==============================================================================
=FOOTER =SITE INFORMATION =CONTACT =SOCIAL =MAP
================================================================================*/
#footerbar{
	width: 100%;
	text-align: center;
	height: 25px;
	clear: both;
	margin-bottom: 10px;
}

#footer{
	width: 950px;
	margin: 0 auto;
}
	#container4 {
		clear:left;
		float:left;
		width:100%;
		overflow:hidden;
	}
	#container3 {
		clear:left;
		float:left;
		width:100%;
		position:relative;
		right:25%;
	}
	#container2 {
		clear:left;
		float:left;
		width:100%;
		position:relative;
		right:25%;
	}
	#container1 {
		float:left;
		width:100%;
		position:relative;
		right:25%;
	}
		#site_info {
			float:left;
			width:21%;
			position:relative;
			left:77%;
			overflow:hidden;
			text-align: left;
			margin-bottom: 20px;
		}
		#contact {
			float:left;
			width:21%;
			position:relative;
			left:81%;
			overflow:hidden;
			text-align: left;
			margin-bottom: 20px;
		}
			#name{
				width: 210px;
				margin-bottom: 10px;
			}
			#email{
				width: 210px;
				margin-bottom: 10px;
			}
			#message{
				width: 210px;
				margin-bottom: 7px;
			}
								
		#social {
			float:left;
			width:21%;
			position:relative;
			left:85%;
			overflow:hidden;
			margin-bottom: 20px;
		}
			#social li{
				display: inline;
			}
			
		#footer_map {
			float:left;
			width:21%;
			position:relative;
			left:89%;
			overflow:hidden;
			text-align: left;
			margin-bottom: 20px;
		}
			#directions{
				margin-top: 5px;
			}