body
{
	padding: 0;
	margin: 0;

	background: url("/images/background.jpg");
}

a
{
	color: #ffcb01;
}

a:hover
{
	color: white;
}

.hide
{
	display: none;
}

#header
{
	margin: 0;
	padding: 0;

	width: 100%;
	height: 91px;

	background: url("/images/topbar.png");
}

#headercontent
{
	display: table;
	height: 61px;
	width: 100%;
}

#LinksList, #SocialList
{
	vertical-align: middle;
}

#LinksList
{
	font-size: 0.75em;
	display: inline;
}

#LinksList a
{
	text-decoration: none;
	color: #e0d0c1;
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
}

#LinksList a:hover
{
	color: white;
}

#SteamLogo
{
	padding: 12px 0px;
}

#lightbox a
{
	color: #e0d0c1;
}

#lightbox a:hover
{
	color: white;
}

#lightbox a.screenshotNavDisabled
{
	color: gray;
	text-decoration: none;
}

#body
{
	margin: 0;
	padding: 0;

	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;

	color: #432509;
	font-size: 1.2em;
}

hr
{
	width: 1000px;
	height: 22px;
	background-image: url('/images/divider.png');
	border: 0;
	margin: 0 auto 10 auto;
}

h2
{
	margin: 0px;
	font-size: 1.4em;
}

h2, h3, h4
{
	font-variant: small-caps;
}

h2, h3
{
	text-align: center;
}

h3
{
	font-size: 1.5em;
	margin-bottom: 0;
	margin: 20px auto 0 auto;
}

.abreast h3
{
	margin-top: 0;
	margin-bottom: 10px;
}

h4
{
	font-size: 1.3em;
	margin-bottom: 0;
}

#pitch
{
	padding: 0 30px 0 30px;
	width: 426px;
	margin: 0;
}

#body p
{
	text-align: justify;
}

#rules p
{
  margin-top: 1px;
}

#footer
{
	clear: both;

	margin: 0;
	padding: 0;

	height: 110px;
	width: 100%;

	background: url("/images/bottombar.png") repeat-x bottom;
	text-align: center;

	display: table;
	color: white;
	font-weight: bold;
}

#footercontent
{
	margin-top: 100px;
	text-align: center;
	font-size: small;
}

#footer nav
{
	display: block;
}

#footercontent a
{
	color: white;
	text-decoration: none;
}

#footercontent a:hover
{
	color: white;
	text-decoration: underline;
}

#Logo
{
	display: table-cell;
	margin-top: 6px;
	padding-left: 20px;
}

#SocialList
{
	display: inline-block;
	text-align: right;
	width: 140px;
	margin: 0;
	padding: 0;
	margin-left: 1em;
	margin-right: 1em;
}

#LinksList
{
	display: table-cell;
	margin: 0;
	padding: 0;
}

#headercontent li
{
	display: inline;
	padding: 0;
	margin: 0px 1em 0px 1em;
}

#SocialList
{
	display: table-cell;
	padding-right: 20px;
}

#SocialList li
{
	margin: 0;
}

#SocialList a
{
	display: inline-block;
	padding: 0;
	margin: 0;
	background: top left no-repeat;
	width: 28px;
	height: 27px;
	border: none;
}

#SocialList a:hover
{
	background-position: bottom left;
}

#Facebook a
{
	background-image: url('/images/socialfacebook.png');
}

#Twitter a
{
	background-image: url('/images/socialtwitter.png');
}

#YouTube a
{
	background-image: url('/images/socialyoutube.png');
}

#Newsletter a
{
	background-image: url('/images/socialnewsletter.png');
}

#Tumblr a
{
	background-image: url('/images/socialtumblr.png');
}

#videoblock
{
	display: table;
	width: 100%;
	height: 329px;
}
.figure
{
	display: table-cell;
	width: 248px;
	height: 329px;
}

#video
{
	display: table-cell;
	vertical-align: top;	
	width: 504px;
	height: 280px;
	text-align: center;
}

#video img, #video object
{
	vertical-align: middle;
}

.pip
{
	text-decoration: none;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('/images/pip_off.png');
}

.pip:hover
{
	background-position: bottom left;
}

#active
{
	background-image: url('/images/pip_on.png');
}

#lightbox
{
	display: none;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: none;
}

#lightboxTable
{
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	border: none;
	background: none;
}

#lightbox, #lightbox tr, #lightbox td
{
	padding: 0;
	margin: 0;
}

.hidelightbox
{
	cursor: pointer;
}

.hidelightbox a
{
	display: block;
	height: 100%;
	text-decoration: none;
}

#lightboxTable
{
	border-collapse: collapse;
	height: 100%;
}

#imageCell
{
	width: 1px;
	height: 506px;
	vertical-align: middle;
}

#imageCell img
{
	vertical-align: middle;
	height: 100%;
}

#scrollbox
{
	width: 1000px;
	height: 260px;
	margin: 0 auto 0 auto;
	padding: 0;
	vertical-align: top;
	display: inline;
}

#scrollboxcontent
{
	position: relative;
	width: 830px;
	height: 260px;
	margin: 0 auto 0 auto;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
}

#scrollbox img
{
	vertical-align: top;
	padding-top: 2px;
}

.unitbox
{
	width:	200px;
	display: inline-block;
	vertical-align: top;
}

.unitbox a img
{
	*display: table;
}

.unitbox h4
{
	margin: auto 0 auto 0;
	text-align: center;
	font-variant: small-caps;
}

.unitbox a#active img
{
	padding: 0px;
	border: 2px solid white;
}


#prevDiv, #nextDiv
{
	width: 0px;
	display: inline-block;
	position: relative;
	height: 100%;
	vertical-align: middle;
}

#prevAnchor, #nextAnchor
{
	position: relative;
	z-index: 100;
	display: block;
	width: 200px;
	height: 100%;
	position: relative;
	text-decoration: none;
}

#prevAnchor:hover
{
	background: url('/images/arrowleft.png') left center no-repeat;
}

#nextAnchor:hover
{
	background: url('/images/arrowright.png') right center no-repeat;
}

#prevAnchor.screenshotNavDisabled:hover, #nextAnchor.screenshotNavDisabled:hover
{
	background: none;
	cursor: default;
}

#nextAnchor
{
	left: -200px;
}

#lightboxImage
{
	cursor: pointer;
	height: 100%;
}

#comparison
{
	width: 794px;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

#comparison img
{
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.caption
{
	font-style: italic;
	margin: 0;
	padding: 0;
}

.abreastcontainer
{
	display: table;
	width: 100%;
}

.abreast
{
	display: table-cell;
	text-align: center;
}

.abreast p
{
	width: 280px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}

.abreast img, .border, #imageCell img
{
	border: 7px #432509 solid;
	border-radius: 7px;
	
	-webkit-border-image: url('/images/border.png') 7 7 round;
	-o-border-image: url('/images/border.png') 7 7 round;
	border-image: url('/images/border.png') 7 7 round;
}

.storecontainer
{
	width: 100%;
	display: table;
}

.store
{
	display: table-cell;
	width: 25%;
}

.quotecontainer
{
	width: 100%;
	display: table;
	margin-top: 30px;
	margin-bottom: 30px;
}

.gamequote
{
	display: table-cell;
	width: 50%;
	margin-top: 20px;
}

.gamequote p
{
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 0;
	margin-top: 0;
	font-size: 80%;
	font-family: courier;
}

.gamequote a
{
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 0;
	margin-top: 0;
	font-size: 80%;
	font-family: courier;
	text-decoration: none
}

.gamequote a:link
{
	color: #432509;
}

.gamequote a:visited
{
	color: #432509;
}

.gamequote a:hover
{
	color: white;
}

.calltoaction a
{
	text-decoration: none
}

.calltoaction a:link
{
	color: #432509;
}

.calltoaction a:visited
{
	color: #432509;
}

.calltoaction a:hover
{
	color: white;
}