@import url('//fonts.googleapis.com/css?family=Archivo+Black|Courgette');

html {
	font-size: 100%;
	line-height: 105%;
}

body {
	font-family: 'Archivo Black', sans-serif;
	font-size: 110%;
	line-height: 100%;
	-webkit-font-smoothing: antialiased;
	min-width: 1024px;
}

h1 {
	left: 200px;
}

#manual a.active {
	color: red !important;
}

#manual a.subitem {
	margin: -5px 0 0;
}

#manual a.subitem.active {
	color: #b10000 !important;
}

.inpagenav a {
	background: #af0000;
	border-radius: 0 !important;
	border: 1px solid transparent;
}

.inpagenav a:hover {
	background: black;
	border: 1px solid gray;
}

.pageboundary a {
	color: #af0000;
}

.download #spread3 img {
	display: none;
}

#spread4 .rhp span.keyboard.key-space {
	top: .18em;
}

#spread4 .rhp span.keyboard.key-lctrl {
	top: .3em;
}

/* -----------------------------------------------*/
/* ------------ Localised Font Subs. -------------*/
/* -----------------------------------------------*/

.pl, .ru {
	font-family: Helvetica, serif;
}

.pl #spread2 .lhp pre em {
	font-family: Times, serif;
	font-size: 1em;

}

.ru #i_8b_changing_characters + p {
	line-height: 190%;
}

/* -----------------------------------------------*/
/* ----------------- Cover page ------------------*/
/* -----------------------------------------------*/



#cover {
	background-position: right 60%;
	background-size: cover;
}

#cover h2 {
	text-align: center;
	height: auto;
	margin-top: 5%;
	float: right;
	width: 28%;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwM2EiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDAxMyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,58,0.8) 0%, rgba(0,0,19,0) 67%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,58,0.8)), color-stop(67%,rgba(0,0,19,0)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,58,0.8) 0%,rgba(0,0,19,0) 67%,rgba(0,0,0,0) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,58,0.8) 0%,rgba(0,0,19,0) 67%,rgba(0,0,0,0) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,58,0.8) 0%,rgba(0,0,19,0) 67%,rgba(0,0,0,0) 100%);
	background: radial-gradient(ellipse at center,  rgba(0,0,58,0.8) 0%,rgba(0,0,19,0) 67%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc00003a', endColorstr='#00000000',GradientType=1 );
	text-shadow: 0px 0px 2px #00003A, 0px 0px 5px #00003A, 0px 0px 10px #00003A, 0px 0px 16px #00003A;
}

#cover h2 img.screen {
	display: block;
	margin: 0 auto;
	width: 100%;
}

#cover a {
	clear: right;
	color: red;
	width: 26%;
	padding: 0 1% !important;
	text-align: center;
	background: none;
	text-shadow: 0px 0px 2px #00003A, 0px 0px 5px #00003A, 0px 0px 10px #00003A, 0px 0px 16px #00003A;
}


#webmanualintro {
	top: 5%;
	left: 240px;
	width: 20%;
	font-size: 90%;
}
 
#cover #logos {
	left: 5%;
	bottom: 40px
}

#cover #logos img {
	width: 6%;
}

#cover #logos img:first-child {
	width: 8%;
	margin-bottom: -7px;
}

#cover #logos img:last-child {
	width: 12%;
	margin-top: -20px;
}



/* -----------------------------------------------*/
/* ---------------- Warning etc. -----------------*/
/* -----------------------------------------------*/


#spread1 {
	font-size: 70%;
}

#legaltext {
	line-height: 120%;
}


#wbshield {
	width: 10%;
	margin: 3% 0% 0% 0%;
	float: left;
}

#wbshieldtext {
	width: 80%;
	margin: 3% 0% 0% 1%;
	float: left;
	font-size: 75%;
	text-align: justify;
}

/* -----------------------------------------------*/
/* ----------------- Backgrounds -----------------*/
/* -----------------------------------------------*/

#spread2 {
	background: url(chase.jpg) no-repeat left center;
}

#spread6 {
	background: url(battle.jpg) no-repeat left center;
	background-size: cover;
}

#spread7 {
	background: url(background03.jpg) no-repeat left center;
	background-size: cover;
}

#spread8 {
	background: url(background04.jpg) no-repeat left center;
	background-size: cover;
}

#spread9 {
	background: url(background05.jpg) no-repeat left center;
	background-size: cover;
}

/* -----------------------------------------------*/
/* --------------- Standard pages ----------------*/
/* -----------------------------------------------*/



div.spread {
	background-position: center bottom;
	background-size: cover;
}


div.spread .lhp, div.spread .rhp {
	height: auto;
	max-height: 100%;
	width: 44%;
	background: rgba(255,255,255,0.75);
	padding: 0.8% 2% 1%;
	border-radius: 15px;
	color: #30384b;
	border: 3px solid white;
}


/* -----------------------------------------------*/
/* ------------- Individual tweaks ---------------*/
/* -----------------------------------------------*/

#spread4 .rhp tr td:first-child {
	width: 20%;
}

#spread4 tr td {
	height: 35px;
}

#spread4 .rhp span {
	top: .25em;
}

img#gamepaddiagram {
	width: 35%;
	margin: 0px;
	max-width: 510px;
	position: absolute;
	left: 57%;
	top: 5%;
}

table#gamepadcontrols {
	display: block;
	width: 80%;
	float: none;
	margin-right: auto;
	margin-left: auto;

}

#tech-support-contact ul + p + p {
	margin-top: 0px;
}

#tech-support-contact ul + p {
	margin-bottom: 400px;
}


#tech-support-contact .lhp {
	height: 90%;
	width: 97%;
	font-size: 100%;
	line-height: 110%;
}

#spread6 .pageboundary {
	top: 3%;
}


img#walkerbot {
	position: absolute;
	width: 65%;
	top: 18%;
	left: -5%;
}


img#vitruvius {
	position: absolute;
	width: 55%;
	top: -15%;
	left: -3%;
}

img#metalbeard {
	position: absolute;
	width: 70%;
	top: -15%;
	left: 38%;
}

#spread2 .lhp pre {
	text-align: center;
	font-family: Courgette, cursive;
	font-size: 140%;
	line-height: 140%;

}

.gamepadbuttons {
	width: 27%;
}

#slashsymbol {
	width: 10%;
	margin-bottom: 6%;
}

#gamepadcontrols tr td:first-child {
	width: 70%;
}

#spread4 .lhp {
	position: relative;
	z-index: 2;
}

#spread2 .lhp pre em {
	font-size: .8em;
}

body.fr #cover h2 img.screen,
body.es #cover h2 img.screen {
	opacity: 0;
}


/* -----------------------------------------------*/
/* ---------------- Collectibles ----------------*/
/* -----------------------------------------------*/


#i_9a_lego_studs + p:before {
	content: "";
	display: block;
	height: 50px;
	background: url('stud.png') center center transparent no-repeat;
	background-size: auto 100%;
	float: left;
	padding-right: 15%;
}

#i_9b_instruction_pages + p:before {
	content: "";
	display: block;
	height: 50px;
	background: url('instructions.png') center center transparent no-repeat;
	background-size: auto 100%;
	float: left;
	padding-right: 15%;
	margin-top: -5px;
}

#i_9c_gold_pages + p:before {
	content: "";
	display: block;
	height: 50px;
	background: url('goldenmanual.png') center center transparent no-repeat;
	background-size: auto 80%;
	float: left;
	padding-right: 15%;
}

#i_9d_red_bricks + p:before {
	content: "";
	display: block;
	height: 50px;
	background: url('redbrick.png') center center transparent no-repeat;
	background-size: auto 85%;
	float: left;
	padding-right: 15%;
}

#i_9e_gold_bricks + p:before {
	content: "";
	display: block;
	height: 50px;
	background: url('goldbrick.png') center center transparent no-repeat;
	background-size: auto 85%;
	float: left;
	padding-right: 15%;
}

#i_9f_pants + p:before {
	content: "";
	display: block;
	height: 50px;
	background: url('pants.png') center center transparent no-repeat;
	background-size: auto 100%;
	float: left;
	padding-right: 15%;
	margin-top: -7px;
}



#i_9a_lego_studs + p, #i_9a_lego_studs + p + p, #i_9a_lego_studs + p + p + p {
}



/* -----------------------------------------------*/
/* ---------------- Meida Queries ----------------*/
/* -----------------------------------------------*/

/* ---------------- Small ----------------*/
@media all and (max-width: 1150px), all and (max-height: 768px) {
	
		body {
				font-size: 100%;
				line-height: 90%;
			}
			
		#warranty-credits .pageboundary {
			background: url('') no-repeat 100% bottom transparent;
			background-size: 70% auto;
		}

		#spread3 .rhp ol {
			line-height: 120%;
		}

		#tech-support-contact ul + p {
			margin-bottom: 0px;
		}
		
		

		.ru #i_8b_changing_characters + p {
			line-height: 210%;
		}

	}
	


/* ---------------- Large ----------------*/
@media all and (min-width: 1550px) and (min-height: 901px) {
	
	body {
		font-size: 125%;
		line-height: 110%;
	}
	
	#manual h2 {
		font-size: 20px;
	}
	
	td {
		padding: 2px 10px;
	}
	
	
	#adverts {
		font-size: 70%;
	}
	
	#adverts a p {
		font-size: 90%;
		line-height: 100%;
	    margin-top: -10px;
	}

	
	#warranty-credits .pageboundary {

		background: url('') no-repeat 100% bottom transparent;
		background-size: 70% auto;
	}

	#tech-support-contact ul + p {
			margin-bottom: 360px;
	}

}




 /*---------------- Wide ----------------*/
@media all and (min-width: 1402px) and (max-height: 900px) {
	
	#warranty-credits .pageboundary {

		background: url('') no-repeat 100% bottom transparent;
		background-size: 70% auto;
	}
	
}