@charset "utf-8";
/*
Theme Name: Owlchemy
Theme URI: http://www.owlchemylabs.com/
Author: Takumi Miyaji
Author URI: http://www.themeboy.com/
Description: This is the one and only custom theme for Owlchemy Labs!
Version: 2.0.1
License: Copyright 2012 Owlchemy Labs
Tags: owlchemy
*/

html,body {
	-webkit-text-size-adjust:none;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: top;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body  {
	font: 100%  "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	background: #adddf3 url(images/background.jpg) no-repeat top center;
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 13px;
	line-height: 1;
}

#note {
    position: absolute;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    background: #fde073;
    text-align: center;
    line-height: 2.5;
    overflow: hidden; 
    -webkit-box-shadow: 0 0 5px black;
    -moz-box-shadow:    0 0 5px black;
    box-shadow:         0 0 5px black;
}

@-webkit-keyframes slideDown {
    0%, 100% { -webkit-transform: translateY(-50px); }
    10%, 90% { -webkit-transform: translateY(0px); }
}
@-moz-keyframes slideDown {
    0%, 100% { -moz-transform: translateY(-50px); }
    10%, 90% { -moz-transform: translateY(0px); }
}

.cssanimations.csstransforms #note {
    -webkit-transform: translateY(-50px);
    -webkit-animation: slideDown 2.5s 1.0s 1 ease forwards;
    -moz-transform:    translateY(-50px);
    -moz-animation:    slideDown 2.5s 1.0s 1 ease forwards;
}

.cssanimations.csstransforms #close {
  display: none;
}

a {
	color: #25aae2;
}
ol, ul {
	list-style: none;
}
a h2 {
  	color: #666;
	text-decoration: underline;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: '"' '"';
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
input[type=text] {
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	padding: 3px 0;
	width: 100%;
	text-indent: 5px;
	border: none;
	background-color: #f4f8fa;
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
}

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 600px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_8 {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 8px;
	margin-right: 7px;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 8 Columns
----------------------------------------------------------------------------------------------------*/


.container_8 .grid_1 {
	width:60px;
}

.container_8 .grid_2 {
	width:135px;
}

.container_8 .grid_3 {
	width:210px;
}

.container_8 .grid_4 {
	width:285px;
}

.container_8 .grid_5 {
	width:360px;
}

.container_8 .grid_6 {
	width:435px;
}

.container_8 .grid_7 {
	width:510px;
}

.container_8 .grid_8 {
	width:585px;
}




/* Prefix Extra Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/


.container_8 .prefix_1 {
	padding-left:75px;
}

.container_8 .prefix_2 {
	padding-left:150px;
}

.container_8 .prefix_3 {
	padding-left:225px;
}

.container_8 .prefix_4 {
	padding-left:300px;
}

.container_8 .prefix_5 {
	padding-left:375px;
}

.container_8 .prefix_6 {
	padding-left:450px;
}

.container_8 .prefix_7 {
	padding-left:525px;
}



/* Suffix Extra Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/


.container_8 .suffix_1 {
	padding-right:75px;
}

.container_8 .suffix_2 {
	padding-right:150px;
}

.container_8 .suffix_3 {
	padding-right:225px;
}

.container_8 .suffix_4 {
	padding-right:300px;
}

.container_8 .suffix_5 {
	padding-right:375px;
}

.container_8 .suffix_6 {
	padding-right:450px;
}

.container_8 .suffix_7 {
	padding-right:525px;
}



/* Push Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/


.container_8 .push_1 {
	left:75px;
}

.container_8 .push_2 {
	left:150px;
}

.container_8 .push_3 {
	left:225px;
}

.container_8 .push_4 {
	left:300px;
}

.container_8 .push_5 {
	left:375px;
}

.container_8 .push_6 {
	left:450px;
}

.container_8 .push_7 {
	left:525px;
}



/* Pull Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/


.container_8 .pull_1 {
	left:-75px;
}

.container_8 .pull_2 {
	left:-150px;
}

.container_8 .pull_3 {
	left:-225px;
}

.container_8 .pull_4 {
	left:-300px;
}

.container_8 .pull_5 {
	left:-375px;
}

.container_8 .pull_6 {
	left:-450px;
}

.container_8 .pull_7 {
	left:-525px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}

/* wildcards */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.clear {
	clear: both;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Text elements */
p {
	margin-top: 12px;
}
ul, ol {
	margin: 0 0 1.625em 2.5em;
}
ul {
	list-style: square;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote, q {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: normal;
	font-weight: normal;
	margin: 0 1.25em;
}
blockquote em, blockquote i, blockquote cite, q em, q i, q cite {
	font-style: normal;
}
blockquote cite, q cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Owlchemy */
.button,
.button-container a {
	background: #71bddd;
	background-image: linear-gradient(bottom, #6CB9D7 0%, #77C4E2 100%);
	background-image: -o-linear-gradient(bottom, #6CB9D7 0%, #77C4E2 100%);
	background-image: -moz-linear-gradient(bottom, #6CB9D7 0%, #77C4E2 100%);
	background-image: -webkit-linear-gradient(bottom, #6CB9D7 0%, #77C4E2 100%);
	background-image: -ms-linear-gradient(bottom, #6CB9D7 0%, #77C4E2 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #6CB9D7),
		color-stop(1, #77C4E2)
	);
	border: 1px solid #5db0d2;
	border-top-color: #77c3e2;
	border-bottom-color: #429cc1;
	border-radius: 3px;
	display: block;
	width: 100%;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	padding: 7px 0;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	text-shadow: 0 -1px 0 #3382ad;
	margin-top: 8px;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.button:hover,
.button-container a:hover {
	background-image: linear-gradient(bottom, #78C3DE 0%, #88D7F2 100%);
	background-image: -o-linear-gradient(bottom, #78C3DE 0%, #88D7F2 100%);
	background-image: -moz-linear-gradient(bottom, #78C3DE 0%, #88D7F2 100%);
	background-image: -webkit-linear-gradient(bottom, #78C3DE 0%, #88D7F2 100%);
	background-image: -ms-linear-gradient(bottom, #78C3DE 0%, #88D7F2 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #78C3DE),
		color-stop(1, #88D7F2)
	);
}
.button:active,
.button-container a:active {
	background-image: linear-gradient(bottom, #6CB9D7 100%, #77C4E2 0%);
	background-image: -o-linear-gradient(bottom, #6CB9D7 100%, #77C4E2 0%);
	background-image: -moz-linear-gradient(bottom, #6CB9D7 100%, #77C4E2 0%);
	background-image: -webkit-linear-gradient(bottom, #6CB9D7 100%, #77C4E2 0%);
	background-image: -ms-linear-gradient(bottom, #6CB9D7 100%, #77C4E2 0%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(1, #6CB9D7),
		color-stop(0, #77C4E2)
	);
}
.button-left {
	float: left;
	width: 160px;
}
.button-right {
	float: right;
	width: 160px;
}
#nav-below {
	height: 46px;
}
.biglist {
	margin: 1.625em 0;
	border-top: 1px solid #ccc;
	list-style: none;
}
.biglist li {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.biglist a, .biglink {
	color: #69c0e4;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
}
.biglink {
	display: block;
	clear: all;
}
.content-dl {
	margin-top: 20px;
}
.content-dl dt {
	float: left;
	width: 90px;
	padding: 10px;
	clear: left;
}


.content-dl dd{
	width: 460px;
	padding-top: 10px;
	margin-left: 120px;
	margin-bottom: 20px;
}

.about-dl dd.thinner{
	margin-bottom: 0;
	padding-top:5px !important;
	padding-bottom:5px !important;
}

.about-dl {
	margin: 20px 0;
	display: block;
	clear: both;
	overflow: hidden;
}
.about-dl dt {
	float: left;
	width: 160px;
	padding: 10px;
	clear: left;
}
.about-dl dd {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 190px;
	margin-bottom: 20px;
	min-height: 145px;
}
#main .content-box .about-dl h5 {
	margin-top: 0;
}
.about-dl-flip dt {
	float: right;
	clear: right;
}
.about-dl-flip dd {
	margin-left: 0;
	margin-right: 190px;
}

/* =Structure
----------------------------------------------- */

/* header */
header#branding {
	width: 960px;
	height: 118px;
	margin: 0 auto;
	position: relative;
}
header#branding hgroup {
	position: absolute;
	top: 28px;
	left: 0;
	font-stretch: condensed;
}
header#branding hgroup #tagline {
	color: #8ea4ae;
	text-shadow: 1px 1px 0 #fff;
	font-size: 14px;
	line-height: 32px;
}
header#branding nav {
	width: 540px;
	height: 120px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}
header#branding nav li {
	position: absolute;
	top: 0;
}
header#branding nav li a {
	height: 128px;
	width: 86px;
	background: url(images/nav.png) no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
header#branding nav li a:hover {
	margin-top: 6px;
}

/* nav items */
header#branding nav li.blog {
	top: -10px;
	left: 80px;
	-webkit-transform: rotate(9deg);
	-moz-transform: rotate(9deg);
}
header#branding nav li.games {
	top: -12px;
	left: 166px;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
}
header#branding nav li.about {
	top: -10px;
	left: 259px;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
}
header#branding nav li.vr {
	top: -14px;
	left: 349px;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
}
header#branding nav li.speaking {
	top: -13px;
	left: 444px;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
}
/*header#branding nav li.press {
	top: -13px;
	left: 524px;
	-webkit-transform: rotate(-12deg);
	-moz-transform: rotate(-12deg);
}*/

/* nav links */
header#branding nav li.blog a {
	background-position: -2px 0;
}
header#branding nav li.games a {
	background-position: -89px 0;
}
header#branding nav li.about a {
	background-position: -174px 0;
}
header#branding nav li.vr a {
	background-position: -260px 0;
}
header#branding nav li.speaking a {
	background-position: -432px 0;
}
/*
header#branding nav li.press a {
	background-position: -346px 0;
}
*/

/* nav links hover state */
header#branding nav li.blog a:hover {
	background-position: -2px -130px;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
}
header#branding nav li.games a:hover {
	background-position: -89px -130px;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
}
header#branding nav li.about a:hover {
	background-position: -174px -130px;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
}
header#branding nav li.vr a:hover {
	background-position: -260px -130px;
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
}

header#branding nav li.speaking a:hover {
	background-position: -432px -130px;
	-webkit-transform: rotate(6deg);
	-moz-transform: rotate(6deg);
}
header#branding nav li.press a:hover {
	background-position: -346px -130px;
	-webkit-transform: rotate(6deg);
	-moz-transform: rotate(6deg);
}


/* nav links current state */
header#branding nav li.blog.current-menu-item a {
	background-position: -2px -260px;
}
header#branding nav li.games.current-menu-item a {
	background-position: -89px -260px;
}
header#branding nav li.about.current-menu-item a {
	background-position: -174px -260px;
}
header#branding nav li.vr.current-menu-item a {
	background-position: -260px -260px;
}
header#branding nav li.speaking.current-menu-item a {
	background-position: -432px -260px;
}
header#branding nav li.press.current-menu-item a {
	background-position: -346px -260px;
}



/* main */
#main {
	width: 960px;
	margin: 0 auto;
	color: #59595c;
	line-height: 1.6em;
}
#main #content {
	width: 660px;
	float: left;
}
#main #sidebar {
	width: 280px;
	float: right;
}
#main #sidebar .twitter-widget h3 {
	position: absolute;
	top: 10px;
	left: 80px;
}
#main #sidebar .twitter-widget .profile {
	height: 64px;
}
#main #sidebar .twitter-widget .profile .profile_image {
	position: absolute;
	top: 16px;
	left: 20px;
}
#main #sidebar .twitter-widget .profile .username {
	position: absolute;
	top: 40px;
	left: 80px;
}
#main #sidebar .twitter-widget .tweets {
	display: block;
	clear: both;
}
#main #sidebar .twitter-widget .intents {
	margin-top: 6px;
}
#main #sidebar .twitter-widget .intents li {
	display: inline;
	margin-right: 6px;
}
#main #sidebar .twitter-widget .intents li a {
	text-decoration: none;
	color: #999;
}
#main #sidebar .twitter-widget .intents li a:hover {
	text-decoration: underline;
}
#main #sidebar .twitter-widget .follow {
	margin-bottom: 20px;
}
#main .content-box,
#main #sidebar aside {
	margin-top: 20px;
	border-radius: 5px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.25);
	border: 10px solid #eef5f9;
	background: #fff;
	padding: 10px 20px;
	position: relative;
}
/* old */
#main .featured-old {
	padding: 0;
}
#main .featured-old a {
	margin-bottom: -65px;
	display: block;
}
#main .featured-old a img {
	display: block;
}
/* end old */
.gallery-item {
	margin: 10px 2px 0 3px;
	overflow: hidden;
}
#main .games-gallery {
	margin-left: -10px;
	width: 980px;
}
#main .featured {
	padding: 0;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 450px;
}
#main .featured .ribbon {
	width: 130px;
	height: 130px;
	display: block;
	position: absolute;
	top: -14px;
	right: -14px;
	z-index: 100;
}
#main .featured .ribbon.original {
	/*background: url(images/ribbon-original.png) no-repeat 0 0;*/
}
#main .featured .ribbon.collaboration {
	background: url(images/ribbon-collaboration.png) no-repeat 0 0;
}
#main .featured .banner {
	display: block;
	margin-bottom: -26px;
	min-height: 100px;
}
#main .featured a {
	cursor: pointer;
}
#main .featured a .banner img {
	display: block;
	width: 100%;
}
#main .featured a:hover img {
	opacity: 0.9;
}
#main .featured .title {
	margin: 10px 10px 5px;
	color: #24aae2;
	font-weight: normal;
	font-size: 22px;
	line-height: 1;
	float: left;
}
#main .featured .platforms {
	float: left;
	margin-top: 8px;
}
#main .featured .platforms span {
	display: block;
	float: left;
	height: 26px;
	width: 44px;
	background: url(images/platforms.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -999px;
	margin-left: 10px;
	margin-right: 5px;
}
#main .featured .platforms span.game-ios {
	width: 28px;
}
#main .featured .platforms span.game-android {
	width: 20px;
	background-position: -43px 0;
}
#main .featured .platforms span.game-steam {
	width: 34px;
	background-position: -95px 0;
}
#main .featured .platforms span.game-oculusstore {
	width: 33px;
	background-position: -148px 0;
}
#main .featured .platforms span.game-playstation {
	width: 33px;
	background-position: -198px 0;
}
#main .featured .summary {
	margin: 0 10px 15px;
	clear: both;
}
#main .featured .details {
	display: none;
	opacity: 0;
	margin: 0 10px 25px;
}
#main .featured .summary p,
#main .featured .details p {
	margin: 6px 0;
}
#main #content p {
	margin-top: 12px;
}
#main .content-box hgroup {
	background: url(images/flask.png) no-repeat 0 2px;
	padding-left: 36px;
}
#main .content-box h1,
#main .content-box h2,
#main .content-box h3,
#main .content-box h4,
#main .content-box h5,
#main #sidebar h3 {
	color: #3b3b3d;
	margin-top: 4px;
	font-size: 22px;
	line-height: 32px;
	font-family: 'Arvo', Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
}
#main .content-box h1 {
	font-size: 36px;
	line-height: 48px;
}
#main .content-box h2 a {
	color: #25aae2;
	text-decoration: none;
}
#main .content-box h3,
#main .content-box h4,
#main .content-box h5 {
	line-height: 22px;
	margin-top: 24px;
}
#main .content-box h3 a,
#main .content-box h4 a,
#main .content-box h5 a {
	text-decoration: none;
}
strong {
	font-weight: bold;
}
#main .content-box .postdate,
#main .content-box .excerpt {
	color: #8ea4ae;
	font-size: 12px;
}
#main #content .content-box .excerpt p {
	margin: 0;
}

/* footer */
footer#pagefooter {
	display: block;
	clear: both;
	width: 960px;
	margin: 0 auto;
	padding-top: 10px;
	height: 64px;
	line-height: 48px;
	color: #5a7a89;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
	font-size: 14px;
}
footer#pagefooter ul {
	list-style: none;
	margin: 0;
}
footer#pagefooter li {
	float: left;
	margin-right: 16px;
}
footer#pagefooter a {
	text-decoration: none;
	color: #5a7a89;
}
footer#pagefooter a:hover {
	text-decoration: underline;
}
footer#pagefooter .copyright {
	float: right;
}

/* press page */

#accolades {
	position: absolute;
	top: 14px;
	right: 20px;
}
#accolades a {
	width: 220px;
	float: left;
	margin-left: 20px;
}
.press-main {
	margin-top: 15px;
	padding: 0 92px;
	border-top: 1px solid #ccc;
	padding-top: 20px;
}
.press-main table {
	margin: 20px 0;
}
.press-main table td {
	padding: 6px;
}

/* twitter widget */
.twitter-widget ul {
  margin: 0;
  list-style: none;
}

/* gallery */
ul.gallery {
	margin: 20px 20px 0;
}
ul.gallery li {
	display: block;
	float: left;
	list-style: none;
	margin: 11px;
}
ul.gallery li img {
	display: block;
}

@media screen and (max-width: 999px) {
	body {
		min-width: 300px;
		overflow-x: hidden;
	}
	img {
		width: auto;
		height: auto;
		max-width: 100%;
	}
	iframe {
		max-width: 100%;
	}
	#main {
		width: 100%;
	}
	header#branding,
	footer#pagefooter,
	#main #content,
	#main #sidebar,
	#main .games-gallery {
		padding: 0 10px;
		box-sizing: border-box;
	}
	header#branding,
	footer#pagefooter,
	#main .games-gallery {
		width: 100%;
	}
	#main #content {
		width: 70%;
	}
	#main #sidebar {
		width: 30%;
	}
	header#branding hgroup {
		left: 10px;
	}
	#main .games-gallery {
		margin-left: 0;
	}
	#main .featured-old {
		border: none;
		background: transparent;
		border-radius: 0;
		box-shadow: none;
	}
	#main .featured-old a {
		margin-bottom: -20px;
	}
	#main .featured-old a img {
		width: 100%;
	}
	#main .featured {
		width: auto !important;
		float: none !important;
		margin: 20px 0 0;
	}
	#main .featured .banner {
		margin-bottom: -26px !important;
	}
	#main .content-box caption,
	#main .content-box th,
	#main .content-box td {
		display: block;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 699px) {
	header#branding,
	header#branding hgroup,
	header#branding nav li {
		position: static;
		height: auto;
	}
	header#branding hgroup {
		margin-top: 150px;
		text-align: center;
	}
	header#branding nav {
		width: 200%;
		left: -50%;
		top: -14px;
	}
	header#branding nav ul {
		margin: 0;
		text-align: center;
	}
	header#branding nav li {
		display: inline-block;
	}
	header#branding nav li a:hover {
		margin-top: 0;
	}
	#main #content,
	#main #sidebar {
		width: 100%;
	}
	#main .featured .banner {
		margin-bottom: -16px !important;
	}
}

@media screen and (max-width: 479px) {
	header#branding hgroup {
		margin-top: 120px;
		text-align: center;
	}
	header#branding nav {
		top: -10px;
	}
	header#branding nav li {
		margin: 0 -2px;
	}
	header#branding nav li a {
		background-size: 391px;
		height: 96px;
		width: 64px;
	}
	/* nav links */
	header#branding nav li.blog a {
		background-position: -1px 0;
	}
	header#branding nav li.games a {
		background-position: -67px 0;
	}
	header#branding nav li.about a {
		background-position: -130px 0;
	}
	header#branding nav li.vr a {
		background-position: -195px 0;
	}
	header#branding nav li.speaking a {
		background-position: -324px 0;
	}
	/* nav links hover state */
	header#branding nav li.blog a:hover {
		background-position: -1px -97px;
	}
	header#branding nav li.games a:hover {
		background-position: -67px -97px;
	}
	header#branding nav li.about a:hover {
		background-position: -130px -97px;
	}
	header#branding nav li.vr a:hover {
		background-position: -195px -97px;
	}
	header#branding nav li.speaking a:hover {
		background-position: -324px -97px;
	}
	/* nav links current state */
	header#branding nav li.blog.current-menu-item a {
		background-position: -1px -195px;
	}
	header#branding nav li.games.current-menu-item a {
		background-position: -67px -195px;
	}
	header#branding nav li.about.current-menu-item a {
		background-position: -130px -195px;
	}
	header#branding nav li.vr.current-menu-item a {
		background-position: -195px -195px;
	}
	header#branding nav li.speaking.current-menu-item a {
		background-position: -324px -195px;
	}
	/* about */
	.about-dl dt,
	.about-dl dd,
	.about-dl-flip dt,
	.about-dl-flip dd {
		float: none;
	    text-align: center;
	    width: auto;
	    margin-left: 0;
	    margin-right: 0;
	}
}