html
{
	height:100%
}
body
{
	background:#fdfbf1 url('bodybkg.gif');
	color:#444;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
	font-size:100%;
	margin:0; padding:0;
	position:relative;
	min-height:100%;
}

#contentMain, #contentSupp, .smallIcon, .summary, #integration, #gameInfo, #logo, #options, .largeIcon, .smallSummary, #recommended li, #navigation ul, #copy, .column, #olderReviews li, #feed, #microGallery li
{
	display: inline;
	float: left;
	position: relative;
	margin-left:10px;
	margin-right:10px;
}
#contentMain, #logo, #copy
{
	width:620px;
}
#microGallery li
{
	width:60px;
	margin-bottom:10px;
}
#microGallery li:first-child, #microGallery li:nth-child(9n)
{
	margin-left:0;
}
#microGallery li:nth-child(8n)
{
	margin-right:0;
}
.smallIcon
{
	width:140px;
	margin-left:0;
	text-align:center;
}
.smallIcon a
{
	margin-bottom:5px;
	display:block
}
p.channel + .smallIcon, p.channel + .smallIcon + .summary
{
	margin-top:15px;
}
.summary
{
	width:460px;
	margin-right:0;
}

.column .summary
{
	width:300px;
}
.column
{
	width:460px;
}

#integration, #gameInfo
{
	width:220px;
}
#integration ul, #gameInfo ul
{
	margin-top:0
}
.largeIcon, #integration
{
	margin-left:0;
}

#gameInfo, .smallSummary
{
	margin-right:0;
}
#contentSupp, #options, .largeIcon, .smallSummary
{
	width:300px;
}
#contentSupp, #contentMain
{
	margin-bottom:8em;
	margin-top:0.5em;
}
#copyright
{
	background:#dadada;
	padding:20px 0;
	color:#222;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	border-top:1px solid #999;
}

#copyright p, #copyright label, #copyright select
{
	margin:0; padding:0;
	font-size:0.7em;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.wrap
{
	width:960px;
	margin:0 auto;
	padding:0
}

#branding, #more, h2.statistic
{
	/*	Dark blue/gradient
	------------------------------- */
	background:#1b3c55 url('headerbkg.gif');
	background-image:-moz-radial-gradient(50% top, farthest-side, rgba(255,255,255,0.2), rgba(255,255,255,0)), url('headerbkg.gif');
}

#branding
{
	width:100%;
	float:left;
	color:white;
	background-image:-webkit-gradient(radial, center top, 25, center 90%, 300, from(rgba(255,255,255,0.2)), to(rgba(255,255,255,0))), url('headerbkg.gif');
}

#branding h1
{
	width:262px; height:78px;
	background:url('graphics.png') no-repeat;
	text-indent:-9999px;
	margin:1em 0 0.25em 0;
}
#feed
{
	background:black;
	background:rgba(0,0,0,.3);
	width:300px;
	border-bottom-left-radius:18px;
	-moz-border-radius-bottomleft:18px;
	-webkit-border-bottom-left-radius:18px;
	border-bottom-right-radius:18px;
	-moz-border-radius-bottomright:18px;
	-webkit-border-bottom-right-radius:18px;
}

#feed p
{
	margin:0.5em 0.5em 0.5em 1.25em;
}
#twfeed, #rssfeed
{
	width:16px; height:16px;
	text-indent:-9999px;
	display:inline-block;
	margin:0 5px;
	background:url('graphics.png') no-repeat;
}
#rssfeed
{
	background-position:-269px 0;
}
#twfeed
{
	background-position:-269px -20px;
}

#searchForm
{
	margin:0 10px;
	display: inline;
	float: left;
	position: relative;
	width:300px
}
#searchNow
{
	float:right;
	margin-top:10px;
	font-style:normal;
	background:#1b3c55;color:#fff;
	width:5em;
	font-style:normal;
	border:0;
	font-size:0.8em;
	-moz-box-shadow:0 1px 12px rgba(144,161,81,.5);
	-webkit-box-shadow:0 1px 12px rgba(144,161,81,.5);
	box-shadow:0 1px 12px rgba(144,161,81,.5);
	text-align:center;
	cursor:pointer;
}
#searchQuery
{
	width:185px;
	border:0;
	border-left:1px solid #90A151;
	border-right:1px solid #90A151;
	background:#fff;
	background:rgba(255,255,255,0.75);
	font-size:0.9em;
	display:inline;
	margin:0;
	padding:0.9em 1.5em 0.65em 1em;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
}	#searchQuery:focus, #searchQuery:hover{outline:none; background:#fff; color:#555;}

#navigation
{
	background:#C0D76C url('navbkg.gif');
	border-bottom:1px solid #90A151;
	margin-bottom:10px;
	-moz-box-shadow:-12px 1px 12px rgba(144,161,81,.5);
	-webkit-box-shadow:-12px 1px 12px rgba(144,161,81,.5);
	box-shadow:-12px 1px 12px rgba(144,161,81,.5);
	float:left;
	width:100%;
}
#navigation ul
{
	margin:0;
	width:620px;
	padding-left:10px;
	margin-right:10px;
	
}
#navigation li
{
	display:inline;
	padding:0;
	margin:0;
}

#navigation li a
{
	color:black;
	font-size:1em;
	padding:1em 1.5em 0.5em 1em;
	float:left;
	width:auto;
	text-decoration:none;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
}

#navigation li:hover a, #navigation li.current a
{
	color:#0C508C;
	background:#fff;
	background:rgba(255,255,255,0.75);
	border-left:1px solid #90A151;
	border-right:1px solid #90A151;
}
#navigation li.current + li a
{
	border-left:0;
}
#navigation li.current a{cursor:default;}

/*	Text styles
	------------------------------- */	
a img
{
	border:0;
}
h1,h2,h3,h4,h5
{
	color:#1b3c55;
}
h1 a, h2 a
{
	text-decoration:none;
}
h1
{
	font-weight:normal;
	font-size:1.5em;
	margin:0;
	text-shadow:2px 4px 12px #D7D5CD;
}

h2
{
	font-size:1.25em;
	border-bottom: 1px solid #D7D5CD;
	padding-bottom:5px;
}

h4.interview
{
	font-size: 1em;
	margin: 10px 0;
	font-weight:normal;
	font-family:Georgia, serif;
	font-style:italic;
	border-left:5px solid #1b3c55;
	padding-left:65px;
}

h4.interview a
{
	-webkit-transition:none;
	color:#000;
	font-weight:bold;
}

hr
{
	border:0;
	border-bottom: 1px solid #D7D5CD;
	margin-bottom:10px;
}

blockquote p:before   { content: '\201C'; }
blockquote p:after    { content: '\201D'; }
blockquote
{
	font-size: 1.2em;
	margin:0;
	border: 1px solid #D7D5CD;
	font-style:italic;
}
blockquote cite { text-align:right; margin-bottom:10px}
blockquote.pull
{
	font-size: 1.6em;
	font-style:normal;
}
blockquote, blockquote.pull {border-left: 0; border-right: 0;}

h5 { margin-top:5px }

.article .author + p:first-line, .article .clear + p:first-line
{
	font-size:1.25em;
	text-shadow:0 1px #fff;
	font-weight:bold
}

p, ul, ol
{
	font-size:0.8em;
	line-height:1.6;
}

p img
{
	display:block;
	margin:0 auto;
}

p.lite
{
	margin:0;
} p.lite a { display:inline; }

ul ul, ol ol, ol ul, ul ol, li p
{
	margin:5px 0;
	font-size:1em;
}

a
{
	color:#0C508C;
	-webkit-transition:all .2s linear;
}	a:hover {color:#000;}

.author span, #gameInfo li span, .by, #featured span em, .or, #feed, h2.statistic
{
	font-family:Georgia, serif;
	font-style:italic;
}

#recently h3, #recently + h3
{
	margin:10px 0 0 0;
}
#recently ul:first-child
{
	padding-top:0;
}
#recently a
{
	display:block;
	overflow:hidden;
	padding:0.5em 0;
	margin:0;
	text-decoration:none;
}
#recently a>span
{
	float:left;
	width:230px;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
}
#recently span span
{
	text-decoration:underline;
}
#recently a:hover>span
{
	background:white;
	-moz-box-shadow:0 1px 2px #D7D5CD;
	-webkit-box-shadow:0 1px 2px #D7D5CD;
	box-shadow:0 1px 2px #D7D5CD;
	padding-left:10px;
	width:220px;
	color:#555;
}
#recently em
{
	float:right;
}
.author em:first-child
{
	margin-right:10px;
}
#recently em, .author em:first-child, .duration
{
	display:inline-block;
	width:5em;
	font-style:normal;
	-moz-box-shadow:0 1px 2px #D7D5CD;
	-webkit-box-shadow:0 1px 2px #D7D5CD;
	box-shadow:0 1px 2px #D7D5CD;
	text-align:center;
}
.news, .pagination .current {background:#1b3c55;color:#fff;}
.feature {background:#fbcf48;color:#000;}
.review {background:#c0d76c;color:#000;}
.video {background:#00788d;color:#fff;}
.duration {background:#fff;color:#555; margin:5px 0 30px 0;}

#recently strong
{
	font-size:0.8em;
	color:#444;
}
#recently ul
{
	padding:0;
}

#recommended, #olderReviews
{
	margin:0; padding:0;
}

#recommended li
{
	width:140px;
	margin-left:0;
	margin-right:10px;
	margin-bottom:10px;
	text-align:center;
}

#recommended li.new, #olderReviews li.new
{
	clear:left;
}

#recommended h4
{
	margin:5px 0 0 0; padding:0;
	text-shadow:0px 1px 1px #fff;
	font-weight:normal;
	text-decoration:underline;
	width:140px;
}

#purchase
{
	width:112px;
	height:39px;
	margin:10px auto;
	text-indent:-9999px;
	background:url('graphics.png');
	background-position:-330px 0;
}

#olderReviews em
{
	display:block
}

#olderReviews li
{
	width:220px;
	margin-left:0;
	margin-right:10px;
	margin-bottom:10px;
}
#more
{
	color:#fff;
	width:200px;
	padding:10px;
	display:block;
	text-decoration:none;
	background-image:-webkit-gradient(radial, 50% 50%, 10, 50% 50%, 80, from(rgba(255,255,255,0.2)), to(rgba(255,255,255,0))), url('headerbkg.gif');
	
} #more:after{content:' \2192';} #more:hover { color:#C0D76C; }
h2.statistic
{
	width: 112px;
	height: 86px;
	border-bottom:0;
	padding:26px 0 0 0;
	margin:0 auto;
	color:#fff;
	text-shadow:0px 3px 3px rgba(0,0,0,.5);
	font-size:2em;
	font-weight:bold;
	background-image:-webkit-gradient(radial, 50% 50%, 10, 50% 50%, 80, from(rgba(255,255,255,0.2)), to(rgba(255,255,255,0))), url('headerbkg.gif');
}	h2.statistic span { display:block;font-size:0.4em; font-weight:normal; padding-top:0.15em; color:#C0D76C; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; font-style:normal; font-weight:normal}

.summary p:first-child, .summary h2:first-child, .summary h3:first-child, .summary h4:first-child
{
	margin-top:0;
}
.largeIcon
{
	text-align:center
}
.YTVideo
{
	text-align:center;
	margin-bottom:1em
}
#microGallery li, .pagination li
{
	display:inline;
}

.pagination .current
{
	color:#fff;
	font-style:normal;
	font-weight:bold;
}
.pagination li a, .pagination .current, .pagination .break
{
	padding:0.3em 1.2em;
}
#social li a
{
	width:16px; height:16px;
	margin-left:10px; margin-right:10px;
	background:url('graphics.png') no-repeat;
	text-indent:-9999px;
	display:block;
	float:left;
}
#social li a:first-child
{
	margin-left:0;
}
#social li.de a{background-position: -299px -60px;}
#social li.di a{background-position: -298px -38px;}
#social li.fb a{background-position: -300px -20px;}
#social li.tw a{background-position: -298px 0;}
#social + * { clear:both; }
#social + h2
{
	margin-top:3em;
}

h2.grade
{
	text-indent: -9999px;
	width: 112px;
	height: 112px;
	/* css sprite */
	background: url('graphics.png') no-repeat;
	border:0;
	padding-bottom:0;
	margin:0 auto;
}
h2.gA {background-position: 0px -90px;}
h2.gB {background-position: -111px -90px;}
h2.gC {background-position: -222px -90px;}
h2.gD {background-position: -333px -90px;}
h2.gF {background-position: -444px -90px;}

li.ticked:before
{
	display: marker;
	content: url("tick.png");
	vertical-align: middle;
	padding-right: 5px;
}
li.crossed:before
{
	display: marker;
	content: url("cross.png");
	vertical-align: middle;
	padding-right: 5px;
}

/*	Forms
	------------------------------- */

fieldset { clear:both; padding:15px 10px 25px 10px; margin:5px 0 15px 0; border:1px solid #D7D5CD}
legend { margin:5px 20px; font-size:1.2em; padding:5px 10px; }

fieldset label {
  clear:left;
  float:left;
  margin-left:1em;
  width:10em;
  text-align:right;
  padding-right:10px;
  font-weight:normal;
}
fieldset select { display:block; }
fieldset input[type="text"], fieldset input[type="password"], fieldset input[type="file"], fieldset textarea { margin-bottom:10px; width:20em; padding:0.2em; border: 1px solid #D7D5CD;}

fieldset input[type="submit"] {
	display: block;
	margin-left: 13em;
}

/* Combi styles */

#microGallery li, #integration li, #gameInfo li, #navigation li, #recently ul, .pagination, #social, #recommended li, #olderReviews
{
	/*	Unstyled lists
	------------------------------- */
	list-style:none;
}
#microGallery, #integration ul, #gameInfo ul, #navigation, #recently ul, .pagination, #recommended, #olderReviews, #social
{
	padding-left:0;
}

.icon, p img, #recommended img, #more
{
	/*	Larger corners
	------------------------------- */
	border-radius:18px 18px;
	-moz-border-radius:18px 18px;
	-webkit-border-radius:18px 18px;
}

#microGallery img, .storeLink, .liteLink, #recently em, .author em:first-child, .pagination .current, #recently a:hover>span, #searchNow, .duration
{
	/*	Small corners
	------------------------------- */
	border-radius:9px 9px;
	-moz-border-radius:9px 9px;
	-webkit-border-radius:9px 9px;
}

#microGallery img, .icon, p img, #purchase, #more, #recommended img, .YTVideo object
{
	/*	Shadows
	------------------------------- */
	box-shadow:-2px 4px 12px #D7D5CD;
	-moz-box-shadow:-2px 4px 12px #D7D5CD;
	-webkit-box-shadow:-2px 4px 12px #D7D5CD;
}

.acextra { display:none; }