/* Interesting colours:
 * #F86624 (orange red)
 * #5D576B (independence - a purple-y one). #662E9B a brighter purple
 * #4B88A2 - a greyish blue
 */

*{
	box-sizing: border-box;
}
img, label{
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    user-drag: none; 
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
}

@font-face {
    font-family: 'openSans';
    src: url('/fonts/opensans/opensans-bold-webfont.eot');
    src: url('/fonts/opensans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans/opensans-bold-webfont.woff2') format('woff2'),
         url('/fonts/opensans/opensans-bold-webfont.woff') format('woff'),
         url('/fonts/opensans/opensans-bold-webfont.ttf') format('truetype'),
         url('/fonts/opensans/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'openSans';
    src: url('/fonts/opensans/opensans-regular-webfont.eot');
    src: url('/fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans/opensans-regular-webfont.woff2') format('woff2'),
         url('/fonts/opensans/opensans-regular-webfont.woff') format('woff'),
         url('/fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),
         url('/fonts/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'openSans';
    src: url('/fonts/opensans/opensans-italic-webfont.eot');
    src: url('/fonts/opensans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans/opensans-italic-webfont.woff2') format('woff2'),
         url('/fonts/opensans/opensans-italic-webfont.woff') format('woff'),
         url('/fonts/opensans/opensans-italic-webfont.ttf') format('truetype'),
         url('/fonts/opensans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'openSans';
    src: url('/fonts/opensans/opensans-bolditalic-webfont.eot');
    src: url('/fonts/opensans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('/fonts/opensans/opensans-bolditalic-webfont.woff') format('woff'),
         url('/fonts/opensans/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('/fonts/opensans/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

body{
	padding: 0px;
	margin: auto;
	font-family:  Arial, sans-serif;
	font-size: 100%;
	font-weight: 500;
	background: #61C5FF;
	background-position: center;
background-position: 50% 70px;
background-repeat: no-repeat;
/* Formerly #61C5FF*/
background: #85C7DE url(images/bg.png) repeat top center;
}

h1{
	font-size: 25px;
	font-family: arial;
	color: #3399CC;
	line-height: 30px;
	text-align: center;
	margin: 10px 5px;
}

h1.pagetitle{
	border-top: 1px solid #3333;
	border-bottom: 1px solid #3333;
	padding: 5px;
}

h1.mainheader{
	border:none;
}


h2{
	font-family: arial;
	color: #3399CC;
	font-size: 25px;
	line-height: 30px;
}

p {
	margin: 0px;
	padding: 2px;
	clear: none;
}

blockquote{
	border-left: 3px solid #0980E1;
	padding-left: 15px;
	line-height: 1.8em;
}

a{
	text-decoration: none;
	color: #0980E1;
	font-weight: bold;
	border: none;
	outline: none;
}
a:hover{
	cursor: pointer;
}
a img{
	border: none;
}
a, a:hover, a.nou, div.text a.nou:hover, a.nou:hover {
	text-decoration: none;
	border: none;
	border-bottom: none;
}

div.text a:hover {
	border-bottom: 2px solid #0066CC;
	color: #0066CC;
}

a.dotted{
	border-bottom: 1px dotted;
}

a.dotted:hover{
	border-bottom: 2px solid;
}
label:hover, button:hover{
	cursor: pointer;
}

button.disabled{
	background-color: gray !important;
	color: black !important;
}

button{
	border: 2px solid #39C;
	/* old background: #39C; */
	background: #2A7EA7;
	color: white;
	font-weight: bold;
	padding: 10px 15px;
	border-radius: 20px;
	display: block;
	margin: 0px auto;
	font-size: 16px;
}

button:hover{
	background: #4DA7D2;
	
}
button:focus{
	border: 2px solid #226788;
	background: #2C83AD;
}
input.text{
	border-radius: 5px;
	border: 2px solid #B3B3B3;
	padding: 7px;
	width: 46%;
}

h3{
	margin: 10px 0px 20px;
	font-size: 21px;;
	color: #3399CC;
	clear: both;
	font-family: Helvetica,Arial;
	font-weight: bold;
}

div.clear{
	clear:both;
}

div.text ul{
	margin-top: 0px;
	display: inline-block;
}

div.agefilterlist{
padding: 0 1.5%;
    float: left;
    width: 17%;
}


div.text ul p{
	margin-bottom: 0px;
}

ul{
	color: #0066CC;
	list-style-image: url(images/bulletpoint.png);
}


.hidden{
	display: none;
}

li{
	color: black; 
}
div.text li{
	margin: 5px 0px;
	line-height: 1.8;
}
div.text li.typefilter{
	width: auto;
}


/* Nav bar */
div.logo{
	float: left; width: 18%; padding: 0px; margin: 0px; padding: 0px 1%;
}
div.logo img{
	max-width: 100%;
}
		
h1.logo{
	padding: 0px;
	margin: 0px;
}

div.header{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 70px;
background: #293241;
min-width: 788px;
position: relative;
z-index: 9;
}

div.navbar{
	margin: 0px auto; max-width: 1280px; height: 100%; position: relative; display: flex; align-items: center;
}

ul.menu{
	float: left;
	list-style: none;
	height: 10%;
	font-size: 16px;
	font-family: Helvetica, arial, sans-serif;
	font-weight: bold; 
	/* Remove when platforms is added back in */
	text-transform: uppercase;
	max-width: 800px;
	display: flex;
	justify-content: space-between;
	padding: 0px;
}

ul.menu li{
	float: left;
	color: white;
	font-weight: bold;
	list-style: none;
	padding: 0px 20px;
	text-transform: uppercase;
}

.menu a{
	color: white;
	text-align: center;
	width: 0px;
}

.menu a:hover{
	border-bottom: none;
}

.menu li span{
	display: block;
	position: relative;
    bottom: 0;
    left: 50%;
    width: 0%;
    height: 2px;
    background: #FFF;
    transition: all 0.3s;
    }

.menu li:hover span{
	width: 100%;
	left: 0%;
}

div.menubutton{
	height: 100%;
	overflow: hidden;
	text-align: center;
	color: white;
	font-family: Helvetica,arial,sans-serif;
	display: none;
	width: 77px;
}

div.menuchosen{
	background-color: #12161D;
	box-shadow: inset 0px 3px 5px black;
}

div.menubuttonright{
	display: block;
	position: absolute;
	font-size: 13px;
	top: 0px;
	right: 0px;
	height: 100%;
	border-left: 1px solid #E0FBFC;
	border-right: 1px solid #E0FBFC;
}

div.menuiconcont{
	padding-top: 13px;
}
div.menuicon{
	background-image: url('/images/icons.png'); background-position: -53px -368px; width: 34px; height: 22px; margin: 2px auto;
}

/* Search box */
button.searchsubmit{
background: transparent;
border-radius: 0px 0px 0px 0px; border: none; width: 14%; padding: 0px; height: 30px; margin: -2px -2px 0px 0px; float: right; border-left: 1px solid grey;
}

button.searchsubmit:hover{
	background-color: #EEE;
}

div.searchiconwhite{
	background-image: url('/images/icons.png'); background-position: -1px -370px;  width:21px; height: 20px;margin: 2px auto;
}

div.searchicon{
	background-image: url('/images/icons.png'); background-position: -26px -370px; width:21px; height: 20px; margin: 2px auto;
}


div.search{
	position: absolute;
	right: 0px;
	top: 70px;
	width: 100%;
	background-color: #12161D;
	max-height: 0px;
	transition: max-height 0.2s ease 0s;
	overflow: hidden;
}
		
div.searchexpanded{
	max-height: 50px;
	
}
		
form.searchbox {
	float: right;
	height: 30px;
	margin: 10px 10px;
	width: 33%;
}

input.search {
	border: 0px; float: left; height: 21px; width: 86%; padding: 4px; height: 100%; width: 76%; padding: 0px 2%;
}

/*=== search page ===*/
div.searchwrap{
	background: white; border-radius: 7px; padding: 2px; height: 26px; overflow: hidden; border: 1px solid #cccc;
}

#search h1.mainheader{
	clear:none;
	margin-bottom: 3px;
	padding: 10px 0px;
}

div.searchgamescont{
	overflow: hidden;
	margin-bottom: 10px;
}

h2.searchcat{
	color: #3399CC;
	margin: 0px 0px 10px;
	clear: both;
}

#search div.gameinfo {
	background: #0980E1;
	border-radius: 5px;
	margin-bottom: 10px;
	width: 98%
}

#search div.typeheader{
	border-bottom: 0px;
}

#search div.smallgamebox{
	width: 200px;
	background: #005c96;
background: -moz-linear-gradient(top, #005c96 0%, #004e7f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005c96), color-stop(100%,#004e7f));
background: -webkit-linear-gradient(top, #005c96 0%,#004e7f 100%);
background: -o-linear-gradient(top, #005c96 0%,#004e7f 100%);
background: -ms-linear-gradient(top, #005c96 0%,#004e7f 100%);
background: linear-gradient(to bottom, #005c96 0%,#004e7f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#005c96', EndColorStr='#004e7f', GradientType=0 );
	color: white;
	text-align: center;
	float: left;
	border-radius: 5px;
	flex-direction: column;
	display: flex;
	font-weight: normal;
}

div.searchgamecont{
	float: left;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

#search div.boxart, #search img.boxart{
	float: none;
}

#search div.searchgamename{
	float: left;
	width: 100%;
	text-align: center;
	font-weight: bold;
	margin-top: auto;
	padding-top: 5px;
}

div.searchgameinfo{
font-size: 14px;
padding: 2px;
}

/* Adverts */
div.topadvert {
	padding: 4px 0px;
	width: 100%;
	margin: 0 auto;
	clear: both;
	display: block;
	text-align: center;
}

div.topadcont{
overflow: hidden; display: inline-block; z-index: 1; position: relative; height: 90px;
}

div#div-gpt-ad-1417876119247-3{
	height: 1px;
	width: 1px;
}

div.bottomad{
	text-align:center; height: 90px; width: 728px; border: 1px solid black;
}

@media (max-width:768px) { div.topadcont { width: 468px;display: inline-block;} }
@media (max-width:480px) { 
	div.topadvert { width: 100%; height: 50px; display: inline-block; position: fixed; bottom: 0px; left: 0px; text-align: center; z-index: 99; background-color: #333333;}
	div.topadcont{width: 100%;}
	div.topadcont div{display: inline-block; }
	div#div-gpt-ad-1417876119247-3{	height: 0px;}
}

div.advertright {
	position: relative;
	width: 300px;
	margin-bottom: 10px;
	float: none;
}

#index div.advertright{
	margin-top: 0px;
}

.advertright a, .advertright a:hover {
	border-bottom: none;
	text-decoration: none;
}

div.rightlowerad{
	margin: 0px auto;

	padding:10px 0px;	
}


/*=== Main container and === Index ===*/
div.container{
	margin: auto;
	padding: 0px;
	width: 1060px;
	text-align: left;
	overflow: visible;
	z-index: 2;
}

div.bodystuff {
	position: relative;
	overflow: hidden;
	/* height: 100%;
	 * setting height to 100% breaks the 3DS news page (type). */
	min-height: 100%;
	width: 100%;
}

div.maincontainer{
	width: 100%;
	background-color: white;
	float: left;
	clear: both;
	bottom: 0px;
	top: 0px;
	padding: 10px;
	border-radius: 10px;
	position: relative;
}

/*.maincontainer:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left: 0;
    background: #fff;
    width: 710px;
}*/

div.mainblock{
	position: relative;
	margin: 0px;
	float: left;
	border-radius: 5px 5px 0px 0px;
	background-repeat: no-repeat;
	z-index: 1;
	width: 728px;
}

#index div.mainnews{
	margin-bottom: 10px;
}

div.typenews div.storyinfo{
	/* was #008CEA. Also OK #2B50AA*/
	background-color: #26547C;
}

div.typenews div.articlethumb{
	border-right: 5px solid #26547C;
}

div.typenews a, div.typenews h1, div.typenewscat{
	color: #26547C;
}

/* When you hover over the mainpic div in a news piece, select any links in any of the adjacent elements */
div.typenews div.mainpic:hover + * a, div.typenews a:hover{
	color: #3EB1FF;
}

div.typenews img.mainpic{
	border-bottom: 5px solid #26547C;
}

div.typereview div.storyinfo{
	/* was #DD0009. Other alt: #BB0A21*/
	background-color: #B80C09;
}

div.typereview a, div.typereview h1, div.typereviewcat{
	color: #B80C09;
}

div.typereview div.articlethumb{
	border-right: 5px solid #B80C09;
}

div.typereview div.mainpic:hover ~ * a, div.typereview a:hover{
	color: #FF6666;
}

div.typereview img.mainpic{
	border-bottom: 5px solid #B80C09;
}

div.typepreview div.storyinfo{
	/* was #00AA00;*/
	background-color: #27A555;
}

div.typepreview a, div.typepreview h1, div.typepreviewcat{
	color: #27A555;
}

div.typepreview div.mainpic:hover ~ * a, div.typepreview a:hover{
	color: #39D070;
}

div.typepreview div.articlethumb{
	border-right: 5px solid #27A555;
}

div.typepreview img.mainpic{
	border-bottom: 5px solid #27A555;
}

div.typearticle div.storyinfo{
	/* was #663399 */
	background-color: #533A7B;
}

div.typearticle a, div.typearticle h1, div.typearticlecat{
	color: #533A7B;
}

div.typearticle div.mainpic:hover ~ * a, div.typearticle a:hover{
	color: #533A7B;
}

div.typearticle div.articlethumb{
	border-right: 5px solid #533A7B;
}

div.typearticle img.mainpic{
	border-bottom: 5px solid #533A7B;
}

div.typeparents-guide div.storyinfo{
	background-color: #003366;
}

div.typeparents-guide div.articlethumb{
	border-right: 5px solid #003366;
}

div.typeparents-guide a, div.typeparents-guide h1, div.typeparents-guidecat{
	color: #003366;
}

div.typeparents-guide div.mainpic:hover ~ * a, div.typeparents-guide a:hover{
	color: #3EB1FF;
}

div.typeparents-guide img.mainpic{
	border-bottom-color: #003366;
}

div.typecompetition div.storyinfo, div.typeactivity div.storyinfo{
	background-color: #ff0066;
}

div.typecompetition div.articlethumb, div.typeactivity div.articlethumb{
	border-right: 5px solid #ff0066;
}

div.typecompetition a, div.typecompetition h1, div.typeactivity a, div.typeactivity h1, div.typecompetitioncat, div.typeactivitycat{
	color: #ff0066;
}

div.typeactivity a:hover, div.typecompetition a:hover, div.typeactivity div.mainpic:hover ~ * a, div.typecompetition div.mainpic:hover ~ * a{
	color: #F35FAD;
}

div.typeactivity img.mainpic, div.typecompetition img.mainpic{
	border-bottom: 5px solid #ff0066;
}

div.typeguide div.storyinfo{
	background-color: #339999;
}

div.typeguide a, div.typeguide h1, div.typeguidecat{
	color: #339999;
}

div.typeguide div.articlethumb{
	border-right: 5px solid #339999;
}

div.typeguide a:hover{
	color: #3EBBBB;
}

div.typeguide img.mainpic{
	border-bottom: 5px solid #339999;
}

div.typequiz div.storyinfo{
	background-color: #1087C0;
}

div.typequiz a, div.typequiz h1, div.typequizcat{
	color: #1087C0;
}

div.typequiz a:hover, div.typequiz div.mainpic:hover ~ * a{
	color: #27ADED;
}

div.typequiz div.articlethumb{
	border-right: 5px solid #1087C0;
}

div.typequiz img.mainpic{
	border-bottom: 5px solid #1087C0;
}

div.mainpic{
	position: relative;
}

/*use if box-shadow performance sucks 
div.mainpic::after{
content: '';
/*border: 1px solid #CECECE;
border-bottom: 0px;
position: absolute;
z-index: -1;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
border-radius: 5px;
}*/

img.mainpic{
	display: block;
	border-bottom: 5px solid red;
	border-radius: 5px 5px 0px 0px;
	width: 100%;
	height: auto;
		position: relative;
	box-shadow: -1px -1px 2px #666, 1px 0px 2px #666;
	/*use if box-shadow performance sucks 
	border: 1px solid #939393;
	border-bottom: 0px;*/
	border-radius: 5px 5px 0px  0px;
}

div.headcategory{
	padding: 5px 10px;
	position: absolute;
	bottom: 0px;
	color: white;
	font-size: 16px;
	font-family: 'openSans', Arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 5px;
	border-radius: 0px 5px 0px 0px;
}

div.maincategory{
	padding: 0px 1.5%;
	color: white;
	font-size: 16px;
	font-family: 'openSans', Arial, sans-serif;
	text-transform: uppercase;
	border-radius: 5px 5px 0px 0px;
	width: auto;
	font-weight: bold;
	border-radius: 5px;
	margin: 0px;
	display: inline-block;
	padding: 5px;
}

div.mainplatbackground {
	max-width: 296px;
	padding: 5px 8px 5px 8px;
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin-bottom: 5px;
	color: white;
	border-radius: 5px 0px 0px 0px;
	font-size: 15px;
	font-family: "openSans", Arial, sans-serif;
}

img.articleheader{
	max-width: 100%;
}

div.lateststoriestext{
	float: left;
}

div.rsstext{
	padding: 0px 5px;
	display: inline-block;
}

h1.mainheader{
	margin: 8px 0px;
	color: #FFFFFF;
	font-family: 'openSans', Helvetica, arial, sans-serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 32px;
	padding: 0px 5px;
}

a.headerlink {

	font-weight: bold;
	zoom: 1;
}

div.featureditemhead > a:hover{
	border-bottom: none;
}

A.headerlink:hover {
	border-bottom: 1px solid white;
	color: #DEF1FA;
}

h2.mainnewsstrap {
	margin: 0px 0px 15px;
	font-size: 16px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: normal;
	color: #333;
	line-height: 130%;
}
#index h2.mainnewsstrap{
	font-size: 15px;
}


div.mainnewspic{
	height: 320px;
	border-bottom: 5px solid #006699;
	position: absolute;
	width: 100%;
	z-index: -1;
}

div.featuredstorycont{
	font-size:16px;
	width: 49%;
	display: inline-block;
	margin-bottom: 5px;
}

/* For the featured story bit, limit the quiz images to be the same size as the article ones */
div.featuredstorycont img.mainpic{
	height: 170px;
	object-fit: cover;
}

div.feat3{
	float: right;
}

h2.featureditem{
	margin: 7px 0px;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

a.articlepic{
	font-weight: normal;
}
div.featureditem div.storyinfo{
	font-size: 14px;
}

div.featuredstorycont img.mainpic{
	max-width: 100%;
}

p.featureditemstrap {
	font-size: 13px;
	font-family: "openSans",Arial,Helvetica,sans-serif;
	padding: 0px 0px 0px;
	width: 100%;
}

div.homepagespecial{
	margin: 0px auto -5px auto; width: 680px;
}

div.platbackground {
	padding: 5px;
	color: white;
	float: right;
	max-width: 296px;
	font-size: 12px;
	border-radius: 5px;
}

img.articlethumbimg{
	box-shadow: -1px -1px 2px #666, 0px 1px 2px #666;
	max-width: 300px;
	vertical-align: top;
}

div.articlethumbcont{
	float: left; padding: 5px 0px 5px 5px; overflow: hidden; 
}

div.storyinfotext{
	padding: 10px;
}

div.newsstrap{
	font-size: 14px;
	font-family: 'openSans', Arial, Helvetica, sans-serif;
	margin-bottom: 5px; 
}


a.storylink {
	border-bottom: 1px dotted #666666;
}

a.storylink:hover{
	border-bottom: 1px solid #666666;
}

h3.frontpagelink{
	font-size: 16px; margin: 0px 0px 8px 0px; 
}

div.category {
	text-transform: uppercase;
	color: white;
	font-family: Helvetica, calibri, arial, sans-serif;
	padding: 5px;
	display: inline-block;
}

div.articlebox {
	padding: 2px 0px 20px 0px;
	overflow: hidden;
}

div.articlebox div.storyinfo{
	margin-top: 5px; 
}

div.articlebox div.category{
	font-size: 16px; border-radius: 0px 5px 5px 0px; padding-right: 10px;
}

div.storyinfotext{
	padding: 5px 10px;
	float: left;
	width: 57%;
}
h3.latestnews{
	border-top: 1px solid #3333;
	border-bottom: 1px solid #3333;
	padding: 8px 10px;
}
	
div.rsstext img{
	vertical-align: top;
	height: 23px;
	width: auto;
}

/*=== article page ===*/
/*=== shopping bits === */
div.productbox div.gamename{
	background-color: #CC3333;
	color: white;
	font-size: 17px;
	font-family: 'openSans',Arial, Helvetica, sans-serif;
	align-items: center;
}

div.shop img{
	max-width: 90%;
	vertical-align: middle;
}

div.productbox{
	width: 100%;
}

div.shopoffer{
	width: 47%;
}

div.productbox, div.productbox div.gamename, div.shopofferinfo{
	display: flex; 
}

div.productbox div.gamename, div.productbox div.shopoffer{
	padding: 0px 5px;
	flex-basis: 50%;
}

small.disclaimer{
	width: 95%;
	margin: 5px 2.5%;
	text-align: center;
	display: block;
}
		
div.productbox a{
	margin: auto;
	display: block;
	width: 100%;
	padding: 5px 0px;
}

div.infocell{
	padding-top: 0px;
}

div.productbox div.shop, div.productbox div.price{
	padding-top: 0px;
	text-align: center;
}

div.shopofferinfo{
	width: 100%;
	padding: 4px 0px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	align-items: center;
}
		
div.shopofferinfo:hover{
	background: #B7DBFF;
}

div.shop{
	flex: 1 0 50%;
	border-right: 1px solid #DDD;
	height: 100%;
}

/*=== screenshot carousel ===*/

div.screencarousel{
	width: 100%; margin: 0px auto; overflow: hidden; transition: height 0.5s;
}

div.carouselouter{
	position: relative; width: 100%; float: left; margin: 20px 0px; touch-action: none;
}

div.carouselscreencontainer{
	float: left; 
}

div.screencarouselinner{
	overflow: hidden; transition: margin-left .5s;
}
div.carouselscreencontainer img{
	margin: 0px auto; display: block; max-width: 100%;
}

div.contentdescriptor{
	color: white;
	clear: left;
}

a.carouselprev{
	display: none; z-index: 1;
}

div.parentratingcat{
	font-weight: bold;
	margin-top: 9px;
}

a.shopoffer:hover{
    border-bottom: none;
}

#article h1.mainheader, #parental h1.mainheader{
	margin: 15px 0px;
	font-size: 30px;
}

a.carouselbutton{
	height: 36px; width: 75px; background-color: #0980E1; margin-top: 5px;
}

div.text a.carouselbutton:hover{
	background-color: #349FF8; transition: background-color 300ms linear; border-bottom: none;
}

a.carouselnext{
	 border-radius: 5px; float: right; z-index: 1; margin-right: 3%;
}

a.carouselprev{
	border-radius: 5px; float: left; margin-left: 3%;
}

/* These must be spans so they can nest properly in the anchor */
span.arrowleft{
	background-image: url('/images/icons.png'); background-position: -2px -290px; height: 25px; width: 25px; margin: 8px auto; display: block;
}

span.arrowright{
	background-image: url('/images/icons.png'); background-position: -29px -290px; height: 25px; width: 25px; margin: 8px auto; display: block;
}

div.gameinfobit{
	width: 50%;
	float: left;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-right: 10px;
}

div.gameinfobit b{
	color: #3399CC;
}

div.gameinfobits{
	width: 77%;
	margin-top: 10px;
	display: inline-flex;
	flex-wrap: wrap;
	vertical-align: top;
}

span.writername, span.date{
	font-family: Asap,Helvetica,sans-serif;
	color: #555;
	font-size: 15px;
	font-weight: normal;
}

span.date{
	float: right;
}

/* Video styles */
div.progress{
	color: #fff;
	font-size: 12px;
	border: none;
	margin-right: 5px;
	width: 0%;
	background: #0066CC;
	height: 100%;
	position: relative;
}
    
div.progressbar{
    background: #b1b1b1;
	height: 5px;
	width: 100%;
	flex-basis: 100%;
	margin-right: 5px;
	margin-left: 20px;
}

div.progresscircle{
	width: 13px;
	height: 13px;
	position: absolute;
	border-radius: 50%;
	background-color: #0066CC;
	top: -4px;
	box-shadow: 0px 0px 5px black;
	right: -7px;
}

video{
	background-color: black;
	display: block;
	width: 100%;
  	height: auto;
}

div.videocont video{
	position: absolute;
	top: 0;
	left: 0;
}

div.gfyitem{
	position: relative;
}

div.controlbar{
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: rgba(44, 44, 44, 0.3);
	height: 25px;
	display: flex;
	align-items: center;
	z-index: 9999;
}

	div.videocont{
		position: relative;
		padding-top: 56.25%;
	}

span.playicon{
  box-sizing: border-box;
  height: 70%;
  border: 0;
  border-color: transparent transparent transparent white;
  transition: 100ms all ease;
  will-change: border-width;
  cursor: pointer;
  border-style: solid;
  border-width: 8px 0 8px 17px;
  display: inline-block;
}

button.play{
	border: 0px;
    background:transparent;
	margin: 0px;
	height: 27px;
	margin-left: 8px;
	width: 36px;
	padding: 0px;
}

button:focus {outline:0;}

button.play:hover{
	cursor: pointer;
}
span.pauseicon{
    border-style: double;
    border-width: 0px 0 0px 17px;
  }
  
span.playicon:hover{
    border-color: transparent transparent transparent #CCCCCC;
}

div.buffering{
  width: 100%;
  height: 5px;
  border: 1px solid #2980b9;
  border-radius: 3px;
  background-image: 
    repeating-linear-gradient(
      -45deg,
      #2980b9,
      #2980b9 11px,
      #eee 10px,
      #eee 20px /* determines size */
    );
  background-size: 28px 28px;
  animation: move .5s linear infinite;
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -28px 0;
  }
}

div.media{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	width: 100%;
	margin-bottom: 20px;
}

div.source img{
	display: block;
}

img.tempposter{
	max-width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

span.muteicon{
	content: '';
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-style: normal;
	color: white;
	text-align: left;
	text-indent: -9999px;
	direction: ltr;
	width: 0;
	height: 0;
	border: 7px solid;
	    border-top-color: white;
	    border-bottom-color: white;
	    border-left-color: white;
	    border-left-style: solid;
	    border-left-width: 7px;
	border-left: none;
	border-top-color: transparent;
	border-bottom-color: transparent;
	padding: 3px 3px;
	box-shadow: inset 4px 0;
	margin: 4px 12px 4px 6px;
	background-color: transparent;
}

span.muteicon::before{
	height: 10px;
	width: 2px;
	transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
}

span.muteicon::after{
	height: 10px;
	width: 2px;
	transform: translateY(-50%) rotate(-45deg);
}

span.muteicon::before, span.muteicon::after{
	box-shadow: inset 0 0 0 32px;
	content: '';
	position: absolute;
	top: 50%;
	left: 18px;
}

/* Unset the mute style */
span.unmuted.muteicon::before{
	height: 0px;
	width: 0px;
	left: 0px;
}

span.unmuted{
	content: '';
}

button.mute{
	background: none;
	border: 0px;
	padding: 0px;
	margin: 0px 12px 0px 5px;
	width: 46px;
}

button.mute:hover{
	cursor: pointer;
}

div.source img{
	max-width: 100%;
}

span.unmuted::after{
	border-style: double;
    border-width: 6px;
    left: -2px;
	width: 13px;
	height: 11px;
	position: absolute;
	border-radius: 50%;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	box-shadow: none;
	content: '';
}

div.mute:hover{
	color: #CCCCCC;
	cursor: pointer;
}

div.media.fullscreen .gfyitem{
  	height: 100%
}

div.fullscreen video{
	height: 100%;
	margin: 0px auto;
}

button.fs{
	background: transparent;
	border: 0px;
	padding: 0px;
	width: 20px;
	margin-right: 10px;
}

button:hover{
	cursor: pointer;
}
svg.fullscreen, svg.exitfullscreen{
	fill: white;
}

/* Next and previous stories */
div.nextstories{
	display: flex;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	align-items: center;
}
div.nextstory{
	flex: 0 0 50%;
	padding: 10px 20px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

div.nextstorycat{
	font-weight: bold;
}
span.arrow{
	border: solid #39C;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	height: 25px;
	width: 25px;
	flex-shrink: 0;
}
span.cssarrowleft{
	transform: rotate(135deg);
}
span.cssarrowright{
	transform: rotate(-45deg);
}
div.verticaldivider{
	width: 1px;
	background-color: #ccc;
	height: 47px;
	flex: 0 0 1px;
}

/* related articles */

h3.relatedarticles{
	width: 100%;
}
div.relateditem{
	width: 33%;
}

div.relateditem img.mainpic{
	width: 100%;
}

div.relateditem div.sidebarlist{
	width: 100%;
	padding: 0px 6px;
	margin: 0px auto 5px;
}
div.sidebarlist{
	padding: 4px 4px 0px;
}
div.relatedarticlehead{
	padding: 3px 0px;
}
div.relateditem div.headcategory{
	font-size: 14px;
	padding: 4px 8px;
}

/* Page controls */
div.pagecontrols{
	width: 100%; border-top: 1px solid #3333; overflow: hidden; display: flex;
	align-content: space-around;
	justify-content: space-between;
	padding: 10px;
	margin-top: 10px;
}
div.pageplaceholder{
	width: 110px; height: 25px;
}

#index div.pagecontrols{
	padding-bottom: 0px;
}
span#articlepages{
	font-size: 1.25em; font-weight: bold;
}
a.nextpvbutton{
	background-color: #0980E1;
	color: white;
	padding: 7px 15px;
	margin-bottom: 3px;
	border-radius: 5px;
}

a.nextpvbuttonleft{
	float: left;
}
a.nextpvbuttonright{
	float: right;
	margin-right: 10px;
}

#game a.nextpvbutton{
	display: inline-block; padding: 3px 15px; margin: 10px 10px;
}
div.text a.nextpvbutton:hover{
	 color: white; border-bottom: none;
}
a.nextpvbutton:hover{
	background-color: #0662AC; color: white; border-bottom: none;
}

div#disqus_thread, div#disclosure{
	padding:2%;
}

div.quizlist{
	color: #222;
	font-weight: bold;
	font-size: 14px;
}
div.text div.quizlist p{
	margin-bottom: 0px;
}
/*=== Game page ===*/
a.gameinfochange{
	font-weight: normal;
	color: black;
}
li.typechosen a.gameinfochange{
	color: white;
}
div.gamepinfo{
	display: flex;
	flex-wrap: wrap;
	font-family: 'openSans', Arial, sans-serif;
	color: #999999;
	font-size: 25px;
}
div.gameinfobitlarge{
	flex: 1 0 100%;
}

#game div.gamefilterscorebox{
	width: 100%;
}

#game div.gamefilterscorebg{
	height: 67px;
}

#game div.gamefilterscoretext{
	line-height: 65px;
}

#game p.storyheadline a{
	color: #0066CC;
}

#game div.contentratingdiv,#filtergames div.contentratingdiv{
	margin-top: 7px;
	color: white;
}

#game div.typeinfodivider{
	font-family: Helvetica, arial, sans-serif;
	color: #999999;
	font-size: 25px;
	text-align: center;
	margin-top: 10px;
}

#game div.typefilterlabel{
	margin-top: 3px;
	width: 24%;
	display: inline-block;
	float: none;
	font-size: 19px;
	font-weight: normal;
}

a.gameinfochange{
	display: inline-block;
}

a.gameinfochange:hover{
	cursor: pointer;
}

div.morescreens{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 55%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	height: 50px;
	position: absolute; 
	bottom: 0px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	padding-top: 12px;
}

div.screensinternalcont{
	overflow: hidden; text-align: center;
}

#game li.typefilter{
	float: none;
	display: inline-block;
	transition: background-color .3s;
}

#game ul.typefilter{
	display: inline-block;
	margin-bottom: 0px;
	line-height: 25px;
}

h1.gamepagehead{
	font-size: 1.6em; font-weight: normal; width: 100%; text-align: center; color: white; text-shadow: black 2px 2px 2px; position: absolute; bottom: 1%; font-family: Helvetica, calibri, verdana, sans-serif; padding: 0px; margin: 10px 0px;
}

div.gamepagetextbg{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 150px;
	background: rgb(255,0,0);
	background: -moz-linear-gradient(180deg, rgba(255,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(180deg, rgba(255,0,0,0) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000",endColorstr="#000000",GradientType=1); 
	width: 100%;
}

div.gamepic {
	width: 100%;
	height: 273px;
	position: relative;
	border-radius: 5px 5px 0px 0px;
	background-position: center;
	background-size: cover;
}

div.gameinformation{
	display: none;
	margin-top: 10px;
}

div.gamepagereviewbox{
	font-size: 25px; 
}

div.gamepagereviewbox a:hover{
	border-bottom: 2px solid white;	
}

div.gamefilterscorebox, div.gamefilterparental{
	font-family: openSans,Arial,sans-serif;
}

div.nextpic, div.prevpic{
    width: 50px;
    position: absolute;
    top: 48%;
    bottom: 0;
    height: 80px;
    background-color: #000;
    border-radius: 10px;
}

div.prevpic {
    left: 30px;
}
div.nextpic {
    right: 30px;
}
#game div.contentstuff{
	width: 47%;
	float: left;
}

#game div.epalstuff{
	width: 53%;
	float: left;
}

#game a.whatisthis{
	font-size: 12px;
}

#game div.epalstuff div.epalouter{
	padding-right: 10px;
}

#game div.contentstuff div.epalouter{
	float: none;
}

#game div.contentstuff div.smallepal, #game div.contentstuff div.gamefinderepalskew{
	transform: none;
}

#game div.parentbits{
	width: 56%;
	float: left;
}

#game a.whatisthis{
	margin-left: 0px;
}

#game div.whatisthiscont{
	float: left;
	clear: left;
}

#game div.gfepalmaincont{
	width: 45%;
	height:79px;
	line-height:79px;
	margin-left: -23px;
}

#game div.gamefinderepalskew{
	font-size: 15px;
}

#game div.parenttitle{
	font-size: 25px;
}

#game div.text p, #search div.text p{
	margin-bottom: 0px;
}

#game div.text p.storydesc, #search div.text p.storydesc{
	margin-bottom: 20px;
}

/* Make the border slightly darker on the game/article page, otherwise it looks like the drop shadow has a gap before it starts */
div.gameinfoboxcont img.boxart, div.gameinformation img.boxart{
	border-color: #888;
}

#game div.boxart{
	margin-bottom: 10px;
	margin-right: 30px;
}
div.gamefilterparental{
	width: 100%;
}

#game div.mainblock img.lazy{
	box-shadow: none;
}

#game div.currentgameinfo{
	display: block;
}

div.gameinfobit p{
	color: black;
	font-size: 18px;
}

#game div.gamefinderreviewlink{
	font-size: 18px;
	padding: 5px 2%;
	font-weight: normal;	
}

#game div.screenscont{
	width: 100%; margin-left: auto; margin-right: auto; height: 200px; overflow: hidden; transition: all .5s ease-in-out; position: relative;
}

div.morescreentext{
	position: relative;
	text-align: center;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	padding: 2%;
	background: white;
}

div.morescreentext:hover{
	background-color: #41A0CF;
	color: white;
}

div.morescreens div.horizontalline{
	height: 1px;
	background-color: #ccc;
	flex: 1 0 20%;
}

a.screenexpand{
	flex: 1 0 55%;
	min-width: 166px;
	margin: 0px 20px;
}
a.screenexpand:hover{
	cursor: pointer;
}

#game div.screenspagenavcont p{
	float: left;
	margin-top: 14px;
}

#game img.star, div.gamefilterstars{
	max-height: 63px;
}

#game img.star{
	width: auto;
}

/* Review score stuff - can be moved to fgf.css when game page score style changes*/

div.gamefilterstars{
	transform: skew(-20deg);
}

div.gamefilterscorebox{
	overflow: hidden;
	text-align: center;
	background-color: #AA0000;
	position: relative;
}

div.gamefilterscore2bg{
background-color: #AA0000;
padding: 2px 8px 2px 8px;
width: 56%;
transform: skew(20deg);
float: right;
}

div.gamefilterscorebg{
	background-color: #CC0000;
	color: white;
	font-weight: bold;
	padding: 2px 8px;
	width: 48%;
	margin: 0px auto;
	position: absolute;
	left: 0;
}

/* Sidebar */
div.sidebar{
	float: right;
	width: 300px;
	padding: 0px;
}

div.sidebar div.sociallogo{
	margin: 0px;
}

img.sidebarpic{
	max-width: 100%;
	vertical-align: top;
}

img.sidebarlogo{
	position: absolute; top: 3px; right: 10px; display: block;
}

div.topgames{
	float: right; background: url(images/topgamesbg.jpg) top no-repeat; background-color: white; border: 1px solid #CCC; width: 298px; height: auto; margin: 5px 0px 5px 0px; padding: 5px 0px 0px 0px;
}

div.sidebarsection{
	background: #D50000; color: white; text-shadow: 0px 1px 1px black; font-size: 20px; width: 100%; padding:6px 3%; margin: 10px 0px; text-align: center;
}

div.box{
	margin: 5px 0px 5px 0px;
	border: 1px solid #888;
	border-radius: 5px;
	background-color: gray;
	width: 300px;
	position: relative;
	clear: both;
	margin: 0px auto;
}

.sidebarlink{
	background-color: rgb(30,30,30);  text-shadow: 5px 5px 5px black; line-height: 1.5; color: white; font-weight: bold; padding: 3px 0; box-shadow: 5px 0px 0px rgba(30,30,30,1), -5px 0px 0px rgba(30,30,30,1); box-decoration-break: clone;
}

iframe#twitter-widget-0{
	float: right;
}

p.sideitemstrap {
	font-size: 13px;
	color: black;
	font-family: 'openSans', Arial, sans-serif;
	padding: 0px 0px 4px;
	line-height: 17px;
}

div.sidebarhot p.sideitemstrap{
	margin: 5px 0px;
}

div.sidebar img.mainpic{
	max-width: 100%;
	height: auto;
}

div.sidebarlist div.mainpic{
	max-width: 100%;
	margin: 5px auto;
	padding: 0px;
}

div.sidebarlist div.mainplatbackground{
	right:0px;
	max-width: 160px;
}

div.sidebarlist div.headcategory{
	left: 0px;
}

div.sidebar div.storyinfo{
	font-size: 12px;
	padding: 2px 10px;
	font-weight: normal;
}

/* Sharebar */
div.sociallogo{
	width: 30px;
	height: 30px;
	margin: 4px auto;
}

div.facebooklogo{
	background-image: url('/images/icons.png'); background-position: -38px -333px;
}

div.emaillogo{
	background-image: url('/images/icons.png'); background-position: -122px -293px;
}

div.twitterlogo{
	background-image: url('/images/icons.png'); background-position: -57px -293px;
}

div.rsslogo{
	background-image: url('/images/icons.png'); background-position: -75px -333px;
}

div.tumblrlogo{
	background-image: url('/images/icons.png'); background-position: -89px -292px;
}

div.googlepluslogo{
	background-image: url('/images/icons.png'); background-position: -6px -335px;
}

div.pinterestlogo{
	background-image: url('/images/icons.png'); background-position: -115px -333px;
}

div.copylogo{
	background-image: url('/images/icons.png'); background-position: -114px -365px;
}

div.footercont form.searchbox{
	margin-top: 10px;
}
div.footerleft{
	width: 17%; float: left; text-align:center; font-size: 7px;
}

div#footernav{
	margin-left: 4%;
}

div#footernav ul{
	width: 90%;
	justify-content: center;
	margin-top: 13px;
}
ul.end li:last-child{
    border-right: 0px;
}
div#footernav ul.end li:first-child{
	border-right: 0px;	
}
div.footernavhead{
	width: 100%;
	text-align: center;
}
ul.footsocial{
	width: 55%;
}
ul.footsocial li:hover div.footsocial{
    background-position: 0 100%;
}

div.roundsocial{
	border-radius: 30px; padding: 10px; width: 50px; height: 50px; display: block; margin: 0px auto;
}
div.footsocial{
	background-size: 100% 200%;
}

div#foottwit{
	background-image: linear-gradient(to bottom, #0A1618 50%, #00CCCC 50%);
    transition: background-position .3s;
}

div.sociallink{
	vertical-align: top;
	display: inline-block;
	width: 100%;
	height: 100%;
}
div.twitter{
	background-color: #00CCCC;
	transition: background-color .3s;
}

div.twitter:hover{
	background-color: #00A8A8;
}

div#footfb{
	background-image: linear-gradient(to bottom, #0A1618 50%, #3C599B 50%);
    transition: background-position .3s;
}

div.facebook{
	background-color: #3C599B;
	transition: background-color .3s;
}

div.facebook:hover{
	background-color: #2C4172;
}

div.contact{
	background-color: #FF0000;
	transition: background-color .3s;
}

div.contact:hover{
	background-color: #C40000;
}

div#foottumblr{
	background-image: linear-gradient(to bottom, #0A1618 50%, #2E4C68 50%);
    transition: background-position .3s;
}

div.tumblr{
	background-color: #2E4C68;
	transition: background-color .3s;
}

div.tumblr:hover{
	background-color: #213649;
}

div#footpinterest{
	background-image: linear-gradient(to bottom, #0A1618 50%, #CB2027 50%);
    transition: background-position .3s;
}

div.pinterest{
	background-color: #CB2027;
	transition: background-color .3s;
}

div.pinterest:hover{
	background-color: #9F1A20;
}

div#footrss{
	background-image: linear-gradient(to bottom, #0A1618 50%, #FE6500 50%);
    transition: background-position .3s;
}

div.rss{
	background-color: #FE6500 ;
	transition: background-color .3s;
}

div.rss:hover{
	background-color: #D55500;
}

div.copylink{
	background-color: #003366;
	transition: background-color .3s;
}

div.copylink:hover{
	background-color: #004284;
}

ul.socialbar{
	width: 100%; 
	/*align-content: stretch;*/
	align-items: stretch;
}

ul.socialbar li a{
	text-align: center;
	color: white;
	width: 100%;
}
ul.topsocial li{
	margin: 0px 5px;
}

/* Footer */
div.end {
	box-shadow: 0px 5px 15px -2px #000 inset;
	margin: 4px auto 0px auto;
	padding: 15px 0px 0px 0px;
	background: #18323a; /* Old browsers */
	background: -moz-linear-gradient(top,  #18323a 0%, #0b1e1e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18323a), color-stop(100%,#0b1e1e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #18323a 0%,#0b1e1e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #18323a 0%,#0b1e1e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #18323a 0%,#0b1e1e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #18323a 0%,#0b1e1e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18323a', endColorstr='#0b1e1e',GradientType=0 ); /* IE6-9 */
	color: white;
	overflow: hidden;
	min-width: 1000px;
}

ul#mainfooter{
	font-size: 13px;
	margin-bottom: 10px;
}

div#footcontsocial div.footernav{
	margin-top: 20px;
	width: 10%;
}
div.footernav{
	font-size: 17px; font-family: Helvetica, Calibri, sans-serif; float: left;
}

div.footernavcont{
	width: 79%;
	margin: 0px 0% 0px 2.5%;
	float: left;
}

div.footcontsocial{
	width: 100%;
	margin: 0px 0px 0px;
	float: none;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: flex-start;
}

ul.end li{padding: 0px 10px; border-right: 2px solid white; text-align: center;}
ul.footsocial li{
	padding: 0px; margin-bottom: 10px; flex: 0 0 20%;
}
ul.end, ul.socialbar{
	text-decoration: none;
	font-family: Helvetica, Calibri, Arial, sans-serif;
	list-style: none;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
	color: white; font-size: 17px; 
	display: flex;
	justify-content: center;
}

ul.end{
	flex-wrap: wrap;

}
ul.end div.sociallogo{
	margin: 0px;
}

.end ul li span{
	display: block;
	position: relative;
    bottom: 0;
    left: 50%;
    width: 0%;
    height: 2px;
    background: #FFF;
    transition: all 0.3s;
    }

.end ul li:hover span{
	width: 100%;
	left: 0%;
}

.end ul li a:hover{
	border-bottom: none;
}
.end li{
	display: inline-block;
	color: white;
}

.end a {
	color: white;
	font-weight: normal;
}

p.cdate{
	font-size: 10px;
	width: 120%;
	margin-left: -7.5%;
}

div.disclosure{
	font-size: 12px;
	color: #555555;
}

/* Game info box */
div.gameinfo{
	padding: 10px 0px; width: 96%; margin: 0px 2% 4px; border-top: 1px solid #3333; border-bottom: 1px solid #3333;
}

div.gameinfotitle{
	color: #3399CC;
	font-weight: bold;
}

a.gameinfo:hover {
	border-bottom: 1px solid white;
	color: #E3F4FB;
}

div.gameinfoboxcont{
	width: 22%; display: inline-block;
}

img.boxart{
	vertical-align: middle;
	border: 1px solid #6666;
	height: auto;
}

div.boxcont a.nou:hover{
	border-bottom: 0px;
}

.controller{
	float: left; width: 70px; height: 70px; border-radius: 5px; border: 2px solid white; position: relative; margin-right: 5px;
}

a.whatisthis{
	font-size: 13px;
	color: white;
	border-bottom: 1px dotted white;
}

/*=== Article page ===*/
div.text{
	font-size: 15px;
	font-family: 'openSans', Arial, sans-serif;
	position: relative;
	padding: 10px;
	padding-bottom: 20px;
	width: 100%;
}

div.text p{
	line-height: 1.8;
	padding: 0px;
	margin-bottom: 20px;
}

div.text p.caption {
	padding: 1% 0%;
	font-weight: bold;
	border-bottom: 1px solid #3333;
	margin: 0px auto;
	color: #555;
}

div.youtube{
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

div.boxart{
	display: inline-block;
	overflow: hidden;
	max-width: 310px;
	position: relative;
	z-index: 9;
	margin: 10px 2% 0px 0;
	box-shadow: 5px 5px 5px rgba(17,17,17,0.5);
	float: left;
}

small.amzdisclaimer{
	width: 90%; margin: 0px auto; display: block; text-align: center;
}

div.articledetails{
	padding: 12px 6px;
	overflow: hidden;
	border-bottom: 1px solid #3333;
	width: 96%;
	margin: 0px auto;
}

div.typereview div.articledetails, div.typeparents-guide div.articledetails{
	border-bottom: 0px;
}

/* Region options */
div.regionset{
	font-size: 14px;
	padding: 5px;
	font-weight: bold;
	color: rgb(85, 85, 85);
	text-align: center;
}

div.regionselector{
	text-align: center;
}

div.regionholder{
	display: inline-block;
}

div.regionholder a:hover{
	cursor: pointer;
}

div.regionoption{
	float: left;
	text-align: center;
	width: 79px;
	background-color: rgb(9, 128, 225);
	border-radius: 10px !important;
	padding: 5px;
	margin-right: 20px;
	color: white;
}

div.regionoption:hover{
	background-color: #3FA5F8;
}

div.regionoption.usflag{
	background-image: url('images/flags/USbg.jpg');
	background-position: center center;
	box-shadow: inset -67px 200px 0px 200px rgba(0,0,0,0.5);
}

div.regionoption.usflag:hover, div.regionoption.ukflag:hover{
	box-shadow: inset -67px 200px 0px 200px rgba(0,0,0,0.2);
}

div.regionoption.ukflag{
	background-image: url('images/flags/UKbg.jpg');
	background-position: center center;
	box-shadow: inset -67px 200px 0px 200px rgba(0,0,0,0.5);
}

a.changeregion{
	margin-left: 5px;
}

a.changeregion:hover{
	cursor: pointer;
}

/* Shopping / amazon link */
div.pricecompare{
	overflow: hidden;
	background-color: white;
	text-align: center;
	margin: 10px auto 0px;	
}

div.pricecompare small{
	font-size: 11px;
}
div.price{
	flex: 1 0 50%;
	font-size: 25px;
}

h4.pricehead{
	margin: 5px 0px;
	font-family: "openSans",Arial,Helvetica,sans-serif;
	font-size: 0.9em;
}

/* Related articles */
div.relatedarticles{
	display: flex;
	flex-wrap: wrap;
}

/* Screenshots */
img.nou {
	position: relative;
	border: 1px solid #6666;
	border-radius: 5px;
	display: block;
}

div.piccentre {
	position: relative;
	margin: 0px auto 20px;
	display: table;
	/* setting a tiny width forces shrink-to-fit */
	width: 7px;
}
div.piccentre img, div.picright img, div.picleft img{
	margin:0px auto;
}
div.picright{
	position: relative;
	float: right;
	margin-top: 4px;
	margin-bottom: 2px;
	margin-left: 7px;
	border-radius: 10px;
	display: table;
	width: 7px;
}

div.picleft{
	float: left;
	margin-top: 4px;
	margin-bottom: 2px;
	margin-right: 10px;
	border-radius: 10px;
	position: relative;
	display: table;
	width: 7px;
	clear: left;
}

img.thumbnail{
	margin: 6px; border-radius: 8px; box-shadow: 0px 0px 5px grey; float: left;
}

img.thumbnail:hover{
	box-shadow: 0px 0px 10px #0066CC;
	cursor: zoom-in;
}

/* Full screen image */
div.fullscreenpic{
	background: rgba(0,0,0,0.8);
	width: 100%;
	position: fixed;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99;
	text-align:center;
}

div.fullscreenpic:hover{
	cursor: zoom-out;
}
div.fullscreenpic img{
	vertical-align: middle;
	max-height: 100%;
	max-width: 100%;
}

div.fullscreenpic div.nextpic, div.fullscreenpic div.prevpic{
	width: 50px;
	position: absolute;
	top: 48%;
	bottom: 0px;
	height: 80px;
	background-color: black;
	border-radius: 10px;
}

div.nextpic:hover, div.prevpic:hover{
	cursor: pointer;
}



div.vaimg{
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

div.piccentre img:hover, div.picleft img:hover, div.picright img:hover{
	cursor: zoom-in;
}

div.nextarrow{
	background-image: url('/images/icons.png'); background-position: -35px -395px;
	height: 50px;
	width: 32px; 
	margin: 12px auto;
}

div.prevarrow{
	background-image: url('/images/icons.png'); background-position: 0px -395px;
	height: 50px;
	width: 32px; 
	margin: 12px auto;
}

div.fsimg{
	height: 100%;
}

div.fsimg img{
	z-index: 999;
	position: relative;
}

div.fsimgcont{
	height: 95%;
	display: inline-block;
}

div.questioncountdown, div.screencountdown{
	width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 3px solid grey;
    border-top-color: white;
    transition: all 5s linear;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

div.screencountdown{
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

/* Media options choice box */
div.mediachoice{
	width: 100%;
	display: inline-block;
	text-align: center;
	margin: 0px 0px 10px;
}

div.mediachoiceoptions{
	width: 45%;
	display: inline-block;
	min-width: 127px;
}

div.mediachoicetext{
	width: 26%;
	display: inline-block;
	min-width: 124px;
}

div.mediachoice input{
	display: none;
}

label.autoplaychoice{
	padding: 0px;
	margin-top: 7px;
	width: 30%;
	display: inline-block;
	margin: 0px 5%;
}

input.autoplaychoice + span.radioicon{
	border: 5px solid #CCC;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

input.autoplaychoice:checked + span.radioicon{
	border: 5px solid #06C;
	border-radius: 50%;	
	display: inline-block;
}

/* Writers */
div.writer{
	font-family: Asap, Helvetica, sans-serif;
	overflow: hidden;
	float: left;
	padding: 10px 0px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	width: 50%;
	margin-bottom: 10px;
}

img.writerpic{
border-radius: 50px;

display: block;
margin: 0px auto;
}

div.twitwriters{
	float:left;
	clear: left;
	margin-bottom: 7px;
}

div.writerdetails{
	float: left;
	margin: 10px 0px 0px 20px;
	max-width: 80%;
}

span.writershortblurb{
	width: 100%;
	font-style: italic;
	float: left;
	margin: 5px 0px;
}

img.writersocial{
	padding-top: 2px;
	float:left;
}

a.writersociallink{
	float: left;
	margin-top: 2px;
}

div.smallwriter{
	float: right;
	max-width: 180px;
	background: #006699; /* Old browsers */
	background: -moz-linear-gradient(top,  #006699 0%, #005680 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006699), color-stop(100%,#005680)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #006699 0%,#005680 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #006699 0%,#005680 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #006699 0%,#005680 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #006699 0%,#005680 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006699', endColorstr='#005680',GradientType=0 ); /* IE6-9 */
	padding: 5px 10px;
	border-radius: 10px;
	margin-left: 5px;
}

div.smallwriter span.writername{
	font-size: 15px;
	padding-top: 10px;
	color: white;
	max-width: 75%;
}

div.smallwriter img.writerpic{
	margin-right: 10px;
	max-width: 25%;
}

div.writercontainer{
	display: flex;
	flex-wrap: wrap;
}
/* Review score */
div.stars{
	margin: -40px auto 0px;
	width: 400px;
	z-index: 2;
	position: relative;
}

img.star{
	width: 20%;	
	vertical-align: top;
}

div.scores{
/*background: #133c75; /* Old browsers */
/*background: -moz-linear-gradient(top,  #133c75 0%, #03194f 15%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#133c75), color-stop(15%,#03194f)); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top,  #133c75 0%,#03194f 15%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top,  #133c75 0%,#03194f 15%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top,  #133c75 0%,#03194f 15%); /* IE10+ */
/*background: linear-gradient(to bottom,  #133c75 0%,#03194f 15%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#133c75', endColorstr='#03194f',GradientType=0 ); /* IE6-9 */
	width: 100%;
	color: white;
	text-shadow: 1px 1px 1px black;
	border-top: 3px solid #F73D00;
	position: relative;
	z-index:1;
	background-size: cover;
	background-position: center;
	margin-top: 20px;
}

div.backgroundshadow{
	background: rgba(0,0,0,0.7);
	position: absolute;
	width: 100%;
	height: 100%;
}

div.plus, div.minus{
	width: 18px;
	height: 18px;
	color: white;
	margin-right:5px;
	text-align: center;
	border-radius: 10px;
	font-weight:bold;
	text-shadow: none;
}

div.plus{
	float: left;
	background-color: green;
	/* Override to make it line up properly in the div */
	font-size: 18px;
	line-height: 18px;
	padding-left: 1px;
}

div.minus{
	float: left;
	background-color: red;
	/* Override to make it line up properly in the div */
	line-height: 15px;
	font-size: 19px;
}

div.revsummary{
	 font-size: 19px; font-weight: bold; text-align: center; position: relative; 
	 margin: 15px auto;
	width: 90%;
}

div.sumpoints {
	width: 600px;
	margin: 10px auto 0px auto;
	overflow: hidden;
	position: relative;
}

ul.positives, ul.negatives{
	list-style: none;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	width: 250px;
	color: white;
}
ul.positives{
	float: left;
}
ul.negatives {
	float: right;
}
div.parentsguidenotice{
	position: relative;
	width: 90%;
	margin: 0px auto;
	padding-bottom: 10px;
}


li.point {
	list-style:none;
	margin: 0px 4px 12px;
	color: white;
}

/* Share buttons */
div.sharebottom {
	width: 100%;
	margin-top: 10px;
	overflow: hidden;
	color: white;
	text-align:center;
}

div.sharebottom ul li.followus{
	background-color: rgb(51, 51, 51);
	border-left: none;
}

li.followus div{
	width: 100%;
	margin-top: 9px;
}

div.sharebottom ul li{
	border-left: 2px solid white;
	flex: 1 0 14%;
	color: white;
}

/* General / arrows / */
div.arrowdown {
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2f2f2f;
    margin: 5px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

div.arrowup {
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #2f2f2f;
    margin: 5px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

div.cssarrowright{
	right: 5px;
}



/* Game list for listing games - used on game page, search and type.php */
div.gamelist{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

div.gamelistitem{
	width: 33%;
	text-align: center;
	font-size: 14px;
	border-right: 1px solid #CCCCCC;
	position: relative;
	overflow: hidden;
	margin-top: 5px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	justify-content: start;
}
div.gamelistitembottom{
	font-size: 13px;
	padding: 0px 2.5%;
	margin-top: 5px;
	text-align: center;
}

div.gamelistitembottom a{
	color: #3399CC;
}

div.gamelistitem p{
	margin-bottom: 0px;
}

div.gamelistitemtitle{
	text-align: center;
	margin-bottom: 5px;
}

div.gamelistitem:nth-child(3n+0){
	border-right: none;
}

div.seriesitem p{
	margin-bottom: 3px;
	color: black;
}


/* Type Filter Page */
div.typeheader{
	overflow: hidden;
border-bottom: 1px solid #3333;
margin-bottom: 7px;
}

li.typefilter{
	padding:4px 5px;
	display: inline-block;
	font-size: 14px;
	margin-right: 5px;
}

ul.typefilter{
	color: white; list-style-type: none; padding-left: 0px; margin-top: 0px; margin-left: 10px; list-style-image: none; margin-bottom: 5px; display: inline-block;
}

ul.typefilter li{
	border-radius: 5px;
}

ul.typefilter a{
	color: black;
	font-weight: normal;
	border-bottom: 1px dotted #999;
}
ul.typefilter a:hover{
	border-bottom: none;
}

li.typechosen a{
	color: white;
	border-bottom: none;
}
select.filtertype{
	display: none;
}

li.typechosen{
	background: #0099CC; color: white; 
}

li.typefilter:not(.typechosen):hover{
	background: #5BD7FF; 
}

div.typefilterlabel{
	 float: left; margin-top: 3px; width: 11%; font-weight: bold; font-size: 14px;
}

div.typefilterdivider{
	width: 99%; overflow: hidden; padding-left: 5px; margin-bottom: 5px; font-family: helvetica, arial, sans-serif; float: left;
}

div.typefilterbutton{
	display: none;
}

#type a.submitbutton{
	display: none;
}


/* Generic input styles */
input.hid{
	opacity: 0;
	width: 0px;
	height: 0px;
	position: absolute;
	display: none;
}

/*=== About page === */

#aboutpage span.writername{
	font-size: 19px;
	font-weight: bold;
}


/* Footer */
div.footercont{
	width: 100%; max-width: 1024px; margin-left: auto; margin-right: auto; padding: 0px 10px;
}

/* Writer / about us page */
span.writerblurb{
	float:left;
}

span.writername{
	float: left;
}

#aboutpage div.writer{
	border-top: none;
}

#aboutpage p{
	line-height: 1.5;
}

#aboutpage h2{
	text-align: center;
	width: 100%;
	color: #555555;
}
#aboutpage div.writersmall{
	width: 30%;
	margin-right: 3%;
	text-align:center;
}

#aboutpage div.writersmall div.writerdetails{
	width: 100%;
	max-width: 100%;
	margin: 0px;
}

#aboutpage div.writersmall span.writername{
	margin: 0px;
	width: 100%;
	float: none;
}

#aboutpage div.writersmall div.twitwriters{
	width: 100%;
}

#aboutpage div.writersmall img.writersocial{
	float: none;
}

#aboutpage div.writersmall img.writerpic{
	max-width: 80%;
	float: none;
}



/* Cookie bar */
div#cookie-bar{
	text-align: center;
	background-color: rgb(51, 51, 51);
	color: white;
	font-size: 12px;
	padding: 2px 0px;
}

a.cb-policy{
	color: white;
	background-color: green;
	padding: 2px;
	border-radius: 5px;
	margin: 4px;

}

.qc-cmp2-container{
	display: none;
}

/*=== 404 page ===*/
#notfound404 div.mainblock{
	width: 100%;
	text-align: center;
}

/* Needs to be low down so it works as an override */
a.whitelink{
	color: white;
}

a.whitelink:hover{
	color: white;
}

/*=== Mobile site page layout ===*/
@media (max-width: 820px){
	/* Switch to mobile menu */
	form.searchbox{
		width: 95%;
		margin: 10px auto;
		float: none;
	}
	input.search{
		width: 90%;
	}
	button.searchsubmit{
		width: 10%;
		padding: 0px;
	}
	
	div.menubutton{
		display: block;
		position: absolute;
		cursor: pointer;
		font-size: 13px;
		width: 50px;
		height: 55px;
   	}
   		 
	div.menuiconcont{
   		padding-top: 8px;
   	}
   		 
   	div.search{
   		top: 55px;
   	}

	div.menubuttonleft{
   		left: 9px;
   	}
   		 
   	div.menubuttonright{
   		right: 9px;
   	}
   	ul.menu{
		width: 100%;
		margin: 0px;
		max-height: 0px;
		overflow: hidden;
		transition: max-height .5s ease;
		-webkit-transition: max-height .5s ease;
		-o-transition: max-height .5s ease;
		flex-direction: column;
	}
		
	ul.menuexpanded{
		max-height: 205px;
	}
		
	ul.menu li{
		background-color: white;
		border-bottom: 1px solid grey;
	}
	
	.menu li span{
		width: 0px; height: 0px;
	}
		
	.menu li:hover{
		background-color: #0980E1;
	}
		
	.menu li:hover a{
		color: white;
	}
		
	div.header a{
		display: inline-block;
		height: 100%;
	}		
	
	ul.menu a{
		padding: 10px;
		text-align: left;
		width: 100%;
		color: #0980E1;
	}
		
	div.header{
		text-align: center;
		min-width: 0px;
		height: 55px;
		vertical-align: top;
	}
	
	div.logo{
		width: 100%;
	}
		
	div.logo img.logo{
		max-height: 100%;
		display: block;
		width: auto
	}
	
	div.menucontainer{
		display: block;
		position: absolute;
		top: 55px;
		z-index: 9;
		width: 100%;
	}
}

@media (max-width: 480px){
	/* == general ==*/
	div.container{
		width: 100%;
		z-index: 1;
	}
	
	div.maincontainer{
		width: 100%;
		padding: 0px;
		border-radius: 0px;
	}
	div.bodystuff{
		width: 100%;
		padding: 0px;
		margin-top: 0px;
	}
	
	div.text h2{
		padding: 0px 4%;
		margin: 15px 0px;
	}
	
	h2{
		padding: 0px 2%;
	}
	div.mobilehide{
		display: none;
	}

	h1.mainheader{
		width: 100%;
		min-height: 0px;
		line-height: 23px;
		font-size: 18px;
		padding: 5px 5px 5px 5px;
		font-family: Helvetica, arial, sans-serif;
		font-weight: bold;
		margin: 5px 0px;
	}	
	
	#type div.bodystuff, #search div.bodystuff{
		margin-top: 10px;	
	}
	div.advertright{
		display: none;
	}
	a.whatisthis{
		font-size: 12px;
	}

	::-webkit-scrollbar:vertical {
	    width: 7px;
	}
	
	::-webkit-scrollbar:horizontal {
	    height: 7px;
	}
	
	::-webkit-scrollbar-thumb {
	    background-color: #CCC;
	    border-radius: 10px;
	}
	
	::-webkit-scrollbar-track {
	    border-radius: 10px;  
	}
	blockquote{
		padding-left: 5%;
		width: 85%;
		margin: 0% 5%;
	}
	div.mainblock{
		width: 100%;
		float: none;

	}
	
	/* == index page == */
		
	div.articlebox div.storyinfo{
		margin: 2px 0px 5px;
		border-radius: 0px;
	}
	#index h2.mainnewsstrap{
		font-size: 13px;
	}
	#index div.mainnews{
		padding: 0px;
	}
	p.featureditemstrap{
		padding: 0% 2% 1%;
	}
	
	div.featuredstorycont{
		width: 100%; overflow: hidden; border-radius: 0px;
	}
	
	
	/* == index page and == article page == */
	div.mainnews{
		margin-bottom: 0px;
	}

	div.mainpic{
		padding: 2px 0px;
		margin-left: 0px;
	}
	
	img.mainpic{
		border-radius: 0px;
		max-width: 100%;
	}
	
	img.articlethumbimg{
		max-width: 100%;
		height: auto;
	}
	
	div.articlethumbcont{
		max-width: 75%;
	}
	div.storyinfotext{
		width: 100%;
	}
	
	div.storyinfo{
		overflow: hidden;
		float: none;
		width: auto;
		display: block;
		min-width: 50px;
	}
	
	div.mainplatbackground{
		max-width: 45%;
		font-size: 13px;
	}

	h2.mainnewsstrap{
		font-size: 13px;
		margin: 0px 2% 8px 2%;
		padding: 0px;
	}

	/* == article page == */
	div.maincategory{
		border-radius: 0px;
		padding: 5px 3%;
	}
	div.articledetails{
		padding: 8px 6px;
	}
	div.text{
		width: 100%;
		line-height: 170%;
		font-size: 15px;
		padding: 0px;
	}
	
	div.text p{
		padding: 0px 4%;
	}
	
	div.text p.caption{
		padding: 5px 2%;
		line-height: 140%;
		font-size: 15px;
	}
	
	#article h1.mainheader, #parental h1.mainheader{
		font-size: 20px;
		padding: 5px 4px;
	}
	
	div.gameinfo{
		padding: 4px 0px 10px 0px; 
	}
	div.gameinfoboxcont{
		width: 32%;
		padding: 0px 3% 0px 0px;
	}
	img.boxart{
		max-width: 100%;
	}
	a.gameinfo{
		font-size: 13px;
	}
	div.picleft, div.picright{
		margin-bottom: 10px;
	}
	div.picleft, div.picright, div.piccentre{
		width: auto;
		float: none;
		margin: 0px auto 20px;
	}
	
	img.nou{
		max-width: 100%;
		border: none;
		border-radius: 0px;
		margin: 0px auto;
		box-shadow: 0px 0px 5px black;
	}
	
	p.caption{
		width: 98%;
	}
	div.youtube{
		position: relative;
		/* Necessary workaround for youtube embed on mobile */
		padding-bottom: 56.25%;
		margin-bottom: 20px;
	}
	
	div.youtube iframe, div.youtube object, div.youtube embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

	span#articlepages{
		display:none;
	}
	div.gameinfobit{
		font-size: 13px;
		width: auto;
	}
	div.gameinfobits{
		width: 66%;
		margin-top: 5px;
	}
	div.productbox div.gamename{
		font-size: 12px;
	}
	div.price{
		font-size: 19px;
	}
	/* review stuff */
	div.scores{
		margin-top: 40px;
	}
	div.stars{
		width: 95%;
		height: auto;
		margin-top: -34px;
	}
	ul.positives, ul.negatives{
		width: 48%;
		padding: 2%;
	}
	div.plus{
		padding-left: 0px;
	}
	div.sumpoints{
		width: 100%;
	}

	/* Video */   		
	div.mediachoicetext{
		width: 50%;
	}
	label.autoplaychoice{
		width: 38%;
	} 
	div.progressbar{
		margin: 9px;
	}
	div.media{
		width: 100%;
		border-top: 1px solid #6666;
		border-bottom: 1px solid #6666;
	}
	button.fs{
		width: 26px;
		margin-top: 3px;
	}
	
	button.play{
		margin-left: 10px;
	}
	/* Writer bits */
	div.smallwriter{
		background:none;
		width: 100%;
		padding-left: 0px;
		float: none;
		overflow: hidden;
	}
	div.smallwriter span.writername{
		color: #333333;
	}
	
	span.writername{
		float: left;
	}
	
	div.writerdetails{
		margin: 0px 0px 0px 5%;
		max-width: 70%;
	}
	
	div.writer img.writerpic{
		max-width: 25%;
	}
	/* next and previous story */
	div.nextstory{
		flex: 0 0 100%;
	}
	div.nextstories{
		flex-wrap: wrap;
		justify-content: center;
	}
	div.verticaldivider{
		height: 1px;
		flex: 0 0 100%;
	}
	div.nextstoriescont{
		padding: 0px 10px;
	}
	div.prevstory.nextstory{
		order: 3;
	}
	div.nextstory{
		order: 1;
	}
	div.verticaldivider{
		order: 2;
	}
	/* carousel and screenshots */
	a.carouselnext, a.carouselprev{
		height: 40px;
		width: 40px;
	}
	
	div.fullscreenpic div.prevpic, div.fullscreenpic div.nextpic{
		top: 71%;
	}
	div.fsimgcont{
		height: auto;
	}
	/* sidebar */
	p.sideitemstrap{
		text-align: center;
	}
	div.sidebar{
		width: 98%;
		padding: 10px 1% 0px;
		border-top: 1px solid #3333;
		margin: 10px auto 0px;
	}
	div.sidebarlist a{
		text-align: center;
	}
	div.sidebar{
		float: none;
	}
	
	/* Footer */
	div.end{
		min-width: 200px;
		padding-bottom: 50px;
	}
	
	div.articlebox{
		padding-bottom: 0px;
	}
	div.newsstrap{
		font-size: 13px;
	}
	
	ul#mainfooter{ 
		width: 100%;
		margin-bottom: 10px;
	}

	div#footcontsocial div.footernav, div.footernav{
		width: 100%;
		text-align:center;
		margin-top: 0px;
		margin-bottom: 5px;
	}
	
	div.footernavcont{
		margin-left: 0px;
		width: 100%;
		display: flex;
	}
	ul.footsocial li{
		font-size: 13px;
		flex: 0 0 20%;
	}
	ul.footsocial{
		width: 100%;
	}
	
	div.footercont form.searchbox{
		display: none;
	}
	
	div.footerleft{
		width: 100%;
	}
	div#footernav ul.end li{
		border-right: none;
	}
	div#footernav ul{
		margin-top: 0px;
	}
	div.footcontsocial{
		flex-wrap: wrap;
		margin-top: 10px;
		float: left;
	}
	/* related articles */
	div.relateditem{
		width:50%;
	}
	div.relateditem div.headcategory{
		font-size: 12px;
		padding: 3px;
	}
	
	div.relateditem div.sidebarlist{
		text-align: center;
	}
	/* == game page == */
	#game div.screenscont{
		height: 364px;
	}
	div.screenscont img.thumbnail{
		margin: 2px 0px; float: none;
	}
	
	#game img.star{width: 20%; max-width: 40px;}
	
	#game div.boxart{
		max-width: 43%;
	   	margin: 10px 5% 10px 2%;
	}
	#game div.currentgameinfo{
		overflow: hidden;
		padding: 2%;
	}
	#game div.gamefilterscoretext{
		line-height: 30px;
		font-size: 22px;
	}
	#game div.gamefilterscorebg{
		height: 36px;
	}
	#game div.typefilterlabel{
		width: 100%;
	}
	#game div.gamefilterparental div.smallepal, #game div.gamefilterparental div.gamefinderepalskew{
		transform: none;
	}
	#game div.gameinfobit{
		width: 50%;
	}
	#game div.gameinfobit, #game div.gameinfobit p{
		font-size: 16px;
	}
	#game div.epalstuff{
		background-color: #0066CC;
		width: 50%;
	}
	#game div.gamefinderreviewlink{
		font-size: 15px;
	}
	#game div.contentstuff{
		width: 45%;
	}
	div.screenscont a.nextpvbutton{
		width: auto;
		min-width: 0px;
	}
	div.gamepinfo{
		display: block;
	}
	#game div.typeinfodivider{
		margin-top: 0px;
	}

	/*== search page == */
	#search h1{
		font-size: 19px;
	}

	#search div.newsstrap{
		margin-bottom: 10px;
	}
	
	/*=== type page ===*/
	select.filtertype{
		display: block;
		float: right;
		border-radius: 5px;
		margin-bottom: 5px;
	}
	
	div.typefilterlabel{
		width: 37%;
	}
	
	div.typefilterdivider{
		width: 96%;
		padding: 5px 2% 0px;
		margin-top: 0px;
	}	
		
	div.typefilters{
		display: none;
		width: 90%;
		margin: 0px auto 10px;
		box-shadow: 0px 0px 5px black inset;
		border-radius: 5px;
		padding: 3%;
		overflow: hidden;
	}

	div.typefilterbutton,#type a.submitbutton{
		display: block;
	}
	
	ul.typefilter, div.typefiltercontainer, li.typefilter{
		display: none;
	}
	
	/* share bar */
	li.followus div{
		margin-top: 0px;
	}
	
	div.sharebottom ul li{
		border-left: 0px;
	}
	
	/* Type filter page */
	div.button{
		text-align: center;
		width: 50%;
		background-color:#1F8BA7;
		color: white;
		border-radius: 11px;
		padding: 5px 10px;
		border-radius: 10px;
		margin: 5px auto;
		border-left: 3px solid #186B81;
		border-bottom: 3px solid #186B81;
		font-weight: bold;
	}
	div.buttonpressed{
		border-right: 3px solid rgb(24, 107, 129);
		border-top: 3px solid rgb(24, 107, 129);
		border-bottom: 0px;
		border-left: 0px;
		background-color: #114D5B;
	}
	
	div.buttonpressed:hover{
		background-color: #114D5B;
	}
	
	a.submitbutton{
		border-left: 3px solid rgb(24, 107, 129);
		border-bottom: 3px solid rgb(24, 107, 129);
		border-top: 1px solid rgb(24, 107, 129);
		border-right: 1px solid rgb(24, 107, 129);
		text-align: center;
		width: 50%;
		color:white;
		background-color: #09C;
		padding: 5px 10px;
		border-radius: 10px;
		margin: 5px auto;
		border-left: 3px solid #186B81;
		border-bottom: 3px solid #186B81;
		overflow: hidden;
	}
	
	a.submitbutton:hover{
		border-left: 3px solid rgb(24, 107, 129);
		border-bottom: 3px solid rgb(24, 107, 129);
		border-top: 1px solid rgb(24, 107, 129);
		border-right: 1px solid rgb(24, 107, 129);
	}
	
	a.submitbutton:active {
		position:relative;
		top:3px;
	}
	a.cb-policy{
		display: block;
	}
}

/* Probably not used 
 
div.dimmer{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); 
	position: absolute;
	top: 0px;
	bottom: 0px;
	z-index: 3;
}
	div.divider{
		padding: 4px 2%;
		width: 100%;
		margin: 0px;
		border-radius: 0px;
	}
		div.seriesitem{
		width: 49.6%;
		flex: 0 0 auto;
	}
		div.series{
	  flex-wrap: nowrap;
	  overflow-x: auto;
	  -webkit-overflow-scrolling: touch;
	}
*/