/* 		<!--<link rel="stylesheet" href="$ThemeDir/css/side-menu-old-ie.css">-->
		<!--<link rel="stylesheet" href="$ThemeDir/css/side-menu.css">-->
*/

FAKE {
	font-family: Verdana, Lucida, Arial, sans-serif;	
}

html {
	background: #e0e0e0 url(../images/backgrounds/circuit_grey.png) repeat;
}

.header {
	background: #09317f url(../images/backgrounds/elfmania.png) repeat-x left bottom;
	height: 88px;
}

.c64-giana-top {
	background: #e0e0e0 url(../images/backgrounds/c64_giana_header.png) repeat-x left bottom;
	height: 88px;
	background-size: 1024px 88px;
}

.c64-bmx-top {
	background: #e0e0e0 url(../images/backgrounds/bmx_full_dark.png) repeat-x left bottom;
	height: 88px;
	background-size: 2048px 88px;
}

.atari-st-starray-top {
	background: #e0e0e0 url(../images/backgrounds/atari_st_starray_header.png) repeat-x left bottom;
	height: 88px;
	background-size: 256px 88px;
}

.header h3 {
	color: white;
	margin: auto;
	display: block;
	overflow: hidden;
	font-size: 2em;
	max-height: 88px;
	padding: 10px 0 0 0;
}

.footer {
	background: #09317f url(../images/backgrounds/elfmania.png) repeat-x left bottom;
}

.content a {
	text-decoration: none;
	color: #3E91C4;
}

.content a:hover {
	text-decoration: underline;
}

.right {
	text-align: right;
}

.codetapper-menu {
	background: #09317f url(../images/backgrounds/elfmania_water_full.png) repeat-x left top;
}

.c64-bmx-bottom {
	background: #09317f url(../images/backgrounds/c64_bmx_footer.png) repeat-x left top;
}

.c64-giana-bottom {
	background: #09317f url(../images/backgrounds/c64_giana_footer.png) repeat-x left top;
}

.content {
	background: #ffffff;
	padding: 0em 1em;
	max-width: 80em;
	margin: auto;
	display: table;
}

#Breadcrumbs {
	font-size: 0.9em;
	line-height: 1em;
	/*border: 1px solid red;
	margin: 0;
	padding: 0;*/
	padding-top: 1em;
	display: block;
}

h1,h2 {
	color: #4ea3d7;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.3em;
}

pFAKE {
	font-size: 12px !important;
	line-height: 18px !important;
}

.code {
	margin-left: auto;
	margin-right: auto;
	border-left-width: 1px;
	border-right-width: 1px;
	border: 1px solid #cccccc;
	font-size: 0.9em;
	line-height: 1.2em;
	padding: 0.5em;
}

pre, code {
    font-family: Consolas, Courier, monospace;
    color: #333;
    background: #eeeeee;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Menus */
.pure-menu-link {
	color: white;
}

.pure-menu-active>.pure-menu-link, .pure-menu-link:hover, .pure-menu-link:focus {
	background-color: #4ea3d7;
	border-radius: 8px 8px 0 0;
}

.pure-menu-link a.active{
	color: black;
}

.pure-menu-selected {
	/* background: rgba(255,255,255,0.4);*/
	background: rgba(78,163,215,0.5);
	background: white;
	/*background: #e0e0ff;*/
 
	background: -webkit-linear-gradient(#4ea3d7, white); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#4ea3d7, white); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#4ea3d7, white); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#4ea3d7, white); /* Standard syntax */
	border-radius: 8px 8px 0 0;
}

.pure-img-responsive {
	max-width: 100%;
	height: auto;
}

/* overflow: hidden; */

.ct-news {
	height: auto;
	overflow-x: hidden;
	/* border: 1px solid green; */
}

.ct-news-date {
	float: right;
	padding-left: 2em;
	font-weight: bold;
}

.ct-main {
	height: auto;
	overflow-x: hidden;
	display: block;
}

.ct-right {
	display: block;
	margin-left: auto;
	margin-right: auto;
	float: right;
	padding: 0 0 0em 1em;
	font-color: black;
}

.ct-max-160 {
	width: 160px;
}

/* 35.5em = 568px */
@media (max-width: 35.5em) {
	.img-center {
		/* border: 1px solid blue; */
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 0 0 0em 0;
	}
	.img-center-xs-else-right {
		/* border: 1px solid blue; */
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 0 0 0em 0;
	}
}
@media (min-width: 35.5em) {
	.img-center {
		/* border: 1px solid blue; */
		display: block;
		margin-left: auto;
		margin-right: auto;
		/* float: right; */
		padding: 0 0 0em 0;
	}
	.img-center-xs-else-right {
		/* border: 1px solid blue; */
		display: block;
		margin-left: auto;
		margin-right: auto;
		float: right;
		padding: 0 0 0em 1em;
	}
}

@media (max-width: 48em) {
	.img-center {
		/* border: 1px solid blue; */
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 0 0 0em 0;
	}
	.img-center-md-else-right {
		/* border: 1px solid blue; */
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 0 0 0em 0;
	}
}
@media (min-width: 48em) {
	.img-center {
		/* border: 1px solid blue; */
		display: block;
		margin-left: auto;
		margin-right: auto;
		/* float: right; */
		padding: 0 0 0em 0;
	}
	.img-center-md-else-right {
		/* border: 1px solid blue; */
		display: block;
		margin-left: auto;
		margin-right: auto;
		float: right;
		padding: 0 0 0em 1em;
	}
}

@media (max-width: 64em) {
	.img-center {
		/* border: 1px solid blue; */
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 0 0 0em 0;
	}
	.img-center-lg-else-right {
		/* border: 1px solid blue; */
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 0 0 0em 0;
	}
}
@media (min-width: 64em) {
	.img-center {
		/* border: 1px solid blue; */
		display: block;
		margin-left: auto;
		margin-right: auto;
		/* float: right; */
		padding: 0 0 0em 0;
	}
	.img-center-lg-else-right {
		/* border: 1px solid blue; */
		display: block;
		margin-left: auto;
		margin-right: auto;
		float: right;
		padding: 0 0 0em 1em;
	}
}

/* -----------------------------------------------
   Extra Small (xxs) screens (320 pixels and below)
   ----------------------------------------------- */
@media (max-width: 20em) {
	.ct-news-photo {
		width: 80px;
		margin-right: 16px;
		float: left;
		/* border: 1px solid red; */
		display: block;
	}
	.ct-news-info {
		/* border: 1px solid red; */
		overflow-x: hidden;
	}
	
	.ct-quick {
		display: none;
	}
	
	.ct-caption-right {
		float: right;
		margin-left: 1em;
		background: green;
	}
	
	.ct-diary-photo {
		float: right;
		margin-left: 1em;
		background: green;
	}

	.ct-max-240, .ct-max-320 {
		width: 160px;
	}
	
	.ct-visible-xxs, 
	.ct-visible-xxs-up, 
	.ct-visible-xxs-below, .ct-visible-xs-below, .ct-visible-sm-below, .ct-visible-md-below, .ct-visible-lg-below, .ct-visible-xl-below {
		display: block;
	}
	.ct-visible-xs, .ct-visible-sm, .ct-visible-md, .ct-visible-lg, .ct-visible-xl, 
	.ct-visible-xs-up, .ct-visible-sm-up, .ct-visible-md-up, .ct-visible-lg-up, .ct-visible-xl-up {
		display: none;
	}
	
	.pure-menu-link, .pure-menu-disabled, .pure-menu-heading {
		padding: 0.5em 0.32em;
	}
}

/* -----------------------------------------
   Extra Small (xs) screens (320-568 pixels)
   ----------------------------------------- */
@media (min-width: 20em) and (max-width: 35.5em) {
	.ct-news-photo {
		width: 100px;
		margin-right: 16px;
		float: left;
		/* border: 1px solid red; */
		display: block;
	}
	.ct-news-info {
		/* border: 1px solid red; */
		overflow-x: hidden;
	}
	
	.ct-quick {
		display: none;
	}

	.ct-caption-right {
		float: right;
		margin-left: 1em;
		background: orange;
	}

	.ct-diary-photo {
		float: right;
		margin-left: 1em;
		background: blue;
	}

	.ct-max-240, .ct-max-320 {
		width: 160px;
	}
	
	.ct-visible-xs, 
	.ct-visible-xxs-up, .ct-visible-xs-up, 
	.ct-visible-xs-below, .ct-visible-sm-below, .ct-visible-md-below, .ct-visible-lg-below, .ct-visible-xl-below,
	.ct-hidden-xxs-below, .ct-hidden-xs-below {
		display: block;
	}
	.ct-visible-xxs, .ct-visible-sm, .ct-visible-md, .ct-visible-lg, .ct-visible-xl, 
	.ct-visible-sm-up, .ct-visible-md-up, .ct-visible-lg-up, .ct-visible-xl-up, 
	.ct-visible-xxs-below,
	.ct-hidden-sm-below, .ct-hidden-md-below, .ct-hidden-lg-below, .ct-hidden-xl-below {
		display: none;
	}
}

/* -----------------------------------
   Small (sm) screens (568-768 pixels)
   ----------------------------------- */
@media (min-width: 35.5em) and (max-width: 48em) {
	.ct-news-photo {
		width: 120px;
		margin-right: 16px;
		float: left;
		/* border: 1px solid red; */
		display: block;
	}
	.ct-news-info {
		/* border: 1px solid red; */
		overflow-x: hidden;
	}

	.ct-quick {
		display: none;
	}
	
	.ct-caption-right {
		float: right;
		margin-left: 1em;
		background: red;
	}

	.ct-diary-photo {
		width: 160px;
		float: right;
	}

	.ct-max-240, .ct-max-320 {
		width: 240px;
	}
	
	.ct-visible-sm, 
	.ct-visible-xxs-up, .ct-visible-xs-up, .ct-visible-sm-up, 
	.ct-visible-sm-below, .ct-visible-md-below, .ct-visible-lg-below, .ct-visible-xl-below,
	.ct-hidden-xxs-below, .ct-hidden-xs-below {
		display: block;
	}
	.ct-visible-xxs, .ct-visible-xs, .ct-visible-md, .ct-visible-lg, .ct-visible-xl, 
	.ct-visible-md-up, .ct-visible-lg-up, .ct-visible-xl-up, 
	.ct-visible-xxs-below, .ct-visible-xs-below, 
	.ct-hidden-sm-below, .ct-hidden-md-below, .ct-hidden-lg-below, .ct-hidden-xl-below {
		display: none;
	}
}

/* -------------------------------------
   Medium (md) screens (768-1024 pixels)
   ------------------------------------- */
@media (min-width: 48em) and (max-width: 64em) {
	.ct-news-photo {
		width: 120px;
		margin-right: 16px;
		float: left;
		/* border: 1px solid green; */
	}
	.ct-news-info {
		/* border: 1px solid green; */
		overflow-x: hidden;
	}
	.ct-quick {
		display: none;
	}
	
	.ct-max-240 {
		width: 240px;
	}
	.ct-max-320 {
		width: 320px;
	}

	.ct-visible-md, 
	.ct-visible-xxs-up, .ct-visible-xs-up, .ct-visible-sm-up, .ct-visible-md-up, 
	.ct-visible-md-below, .ct-visible-lg-below, .ct-visible-xl-below {
		display: block;
	}
	.ct-visible-xxs, .ct-visible-xs, .ct-visible-sm, .ct-visible-lg, .ct-visible-xl, 
	.ct-visible-lg-up, .ct-visible-xl-up, 
	.ct-visible-xxs-below, .ct-visible-xs-below, .ct-visible-sm-below {
		display: none;
	}
}

/* -------------------------------------
   Large (lg) screens (1024-1280 pixels)
   ------------------------------------- */
@media (min-width: 64em) and (max-width: 80em) {
	.ct-news-photo {
		width: 140px;
		margin-right: 16px;
		float: left;
		/* border: 1px solid green; */
	}
	.ct-news-info {
		/* border: 1px solid green; */
		overflow-x: hidden;
	}
	.ct-quick {
		background: #e0e0ff;
		background: -webkit-linear-gradient(white, #e0e0ff 5%); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(white, #e0e0ff 5%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(white, #e0e0ff 5%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(white, #e0e0ff 5%); /* Standard syntax */
		width: 250px;
		padding: 0 16px;
		float: right;
		/* border: 1px solid green; */
		margin-left: 16px;
		overflow: hidden;
		display: block;
	}
	.ct-quicknav {
		background: #e0e0ff;
		background: -webkit-linear-gradient(white, #e0e0ff 5%); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(white, #e0e0ff 5%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(white, #e0e0ff 5%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(white, #e0e0ff 5%); /* Standard syntax */
		width: 250px;
		padding: 0;
		float: left;
		/* border: 1px solid green; */
		margin-left: 16px;
		overflow: hidden;
		display: block;
	}
	
	.ct-max-240 {
		width: 240px;
	}
	.ct-max-320 {
		width: 320px;
	}

	.ct-visible-lg, 
	.ct-visible-xxs-up, .ct-visible-xs-up, .ct-visible-sm-up, .ct-visible-md-up, ct-visible-lg-up, 
	.ct-visible-lg-below, .ct-visible-xl-below {
		display: block;
	}
	.ct-visible-xxs, .ct-visible-xs, .ct-visible-sm, .ct-visible-md, .ct-visible-xl, 
	.ct-visible-xl-up, .ct-hidden-xl-below,
	.ct-visible-xxs-below, .ct-visible-xs-below, .ct-visible-sm-below, .ct-visible-md-below {
		display: none;
	}
/*	p, li {
		font-family: Verdana, Lucida, Arial, sans-serif;	
		font-size: 0.75rem;
		line-height: 18px;
	}
	pre {
		font-size: 12px;
		line-height: 18px;
	}*/
}

/* ---------------------------------------------
   Extra-Large (xl) screens (1280 pixels and up)
   --------------------------------------------- */
@media (min-width: 80em) {
	.ct-news-photo {
		width: 160px;
		margin-right: 16px;
		float: left;
		/* border: 1px solid green; */
	}
	.ct-news-info {
		/* border: 1px solid green; */
		overflow-x: hidden;
	}
	.ct-quick {
		border: 1px solid red;
		background: #fff0f0;
		width: 16em;
		padding: 0px 4px 0 4px;
		float: right;
		overflow: hidden;
		display: block;
		margin: 0 -1em 0 1em;
	}
	.ct-quickobs {
		background: #e0e0ff;
		width: 250px;
		padding: 0 16px;
		float: right;
		/* border: 1px solid green; */
		margin-left: 16px;
		overflow: hidden;
		display: block;
	}
	.ct-quicknav {
		/* border: 1px solid red; */
		background: #e0e0ff;
		background: -webkit-linear-gradient(white, #e0e0ff 5%); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(white, #e0e0ff 5%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(white, #e0e0ff 5%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#f0f0ff, #e0e0ff 5%); /* Standard syntax */
		width: 16em;
		padding: 0 8px 0 16px;
		float: left;
		/* border: 1px solid green; */
		margin: 8px 16px 0 -8px;
		/*margin-left: -16px;
		margin-right: 16px;*/
		overflow: hidden;
		display: block;
		box-shadow: 0 0 8px #888888;
		border-radius: 4px;
	}
	.ct-quicknav h3 {
		font-size: 1em;
	}
	.ct-quicknav ul li {
		font-size: 0.9em;
		/*line-height: 1.3em;*/
	}
	.ct-quicknav ul {
		list-style: none;
		padding-left: 0;
	}
	
	.ct-max-240 {
		width: 240px;
	}
	.ct-max-320 {
		width: 320px;
	}

	.ct-visible-xl, 
	.ct-visible-xxs-up, .ct-visible-xs-up, .ct-visible-sm-up, .ct-visible-md-up, .ct-visible-lg-up, .ct-visible-xl-up, 
	.ct-visible-xl-below {
		display: block;
	}
	.ct-visible-xxs, .ct-visible-xs, .ct-visible-sm, .ct-visible-md, .ct-visible-lg, 
	.ct-visible-xxs-below, .ct-visible-xs-below, .ct-visible-sm-below, .ct-visible-md-below, .ct-visible-lg-below {
		display: none;
	}
	/*p, li {
		font-family: Verdana, Lucida, Arial, sans-serif;	
		font-size: 0.75rem;
		line-height: 18px;
	}
	pre {
		font-size: 12px;
		line-height: 18px;
	}*/
}

.l-box {
	padding: 0 0.5em;
	display: block;
	letter-spacing: normal;
	margin-left: auto;
	margin-right: auto;
}

.pure-table {
	overflow: auto !important;
	border: 2px solid green !important;
}
    ztable {
        max-width: none;
        table-layout: fixed;
        word-wrap: break-word;
	overflow: auto !important;
	border: 2px solid green !important;
    }

.caption {
	margin-top: 0;
	/*color: #000000; 7f7f7f;*/
	font-style: italic;
	font-size: 0.8rem;
	line-height: 1.2em;
}

.center {
	text-align: center;
}





/* Page Comments
   ------------- */

ul.comments-list {
	padding: 0;
	margin: 0;
}

.ct-comment-photo {
	width: 80px;
	margin: 0 16px;
	float: left;
	display: block;
}
.ct-comment-info {
	overflow-x: hidden;
}

.comments-holder-container .author,
.comments-holder-container .date {
	font-size: 1em !important;
}
.gravatar {
	max-width: 100%;
	height: auto;
}

div.zcomment-text {
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 1em 0 0 !important;
}
.zcomment-text p {
	padding: 0 !important;
	-webkit-margin-before: 0 !important;
}

li.odd {
	background: #E8F6FF;
	border-top: 2px solid #BCE4FE;
	border-bottom: 2px solid #BCE4FE;
}

.content {
	max-width: 80em;
	margin: 0 auto;
}
.ct-left-panel, 
.ct-right-panel {
	/* background: #e0e0ff; */
	/* border: 1px solid blue; */
	vertical-align: top;
	padding-bottom: 1em;
}
.ct-main-panel {
	/* border: 1px solid red; */
	vertical-align: top;
}
#main {
	box-shadow: 0 0 10px black;
}

@media (max-width: 64em) {
	.ct-left-panel {
		display: none;
	}
	.ct-main-panel {
		max-width: 48em;
		display: table;
	}
	.ct-right-panel {
		display: none;
	}
}
@media (min-width: 64em) and (max-width: 80em) {
	.ct-left-panel {
		min-width: 12em;
		max-width: 16em;
		display: table-cell;
	}
	.ct-main-panel {
		width: 48em;
		display: table-cell;
		padding: 0 0 0 1em;
	}
	.ct-right-panel {
		display: none;
	}
}
@media (min-width: 80em) {
	.ct-left-panel {
		min-width: 12em;
		max-width: 16em;
		display: table-cell;
	}
	.ct-main-panel {
		width: 48em;
		display: table-cell;
		padding: 0 1em;
	}
	.ct-right-panel {
		min-width: 12em;
		max-width: 16em;
		display: table-cell;
	}
}

@media print {
	.ct-quicknav,
	#menuLink {
		display: none;
	}
	p, li {
		font-size: 0.9em !important;
	} 
	pre {
		font-size: 0.7em !important;
	}
}

.ct-main-panel h1, .ct-main-panel h2, .ct-main-panel h3 {
	text-shadow: 1px 1px 1px #ffffff, 2px 2px 2px #cccccc;
}

.zct-quicknav li {
	display: block;
	border-top: 1px dotted gray;
}
.ct-quicknav li a {
	display: block;
}
.ct-quicknav li a:hover {
	transition: all 0.2s linear;
	background: white;
	display: block;
	text-decoration: none;
	text-align: right;
}

/* Hide the quick navigation panel for everyone except huge screens */
@media (max-width: 80em) {
	.ct-quicknav {
		display: none;
	}
}

.ct-main-panel {
	max-width: 48em;
}

.ct-panel {
	background: #e0e0ff;
	background: -webkit-linear-gradient(white, #e0e0ff 5%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(white, #e0e0ff 5%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(white, #e0e0ff 5%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f0f0ff, #e0e0ff 5%, #e0e0ff 95%, #f0f0ff 100%); /* Standard syntax */
	/*width: 250px;*/
/*	padding: 0 8px 0 16px;*/
/*	margin: 8px 16px 0 -8px;*/
	padding: 0 1em;
/*	margin: 8px 4px 12px 4px;*/
	margin: 1em 0 0 0;
	overflow: hidden;
	display: block;
	box-shadow: 0 0 8px #888888;
	border-radius: 4px;
}
.ct-panel h3 {
	font-size: 1em;
	margin: 1em 0 0 0;
}
.ct-panel ul li {
	font-size: 0.9em;
	/*line-height: 1.3em;*/
}
.ct-panel ul {
	list-style: none;
	padding-left: 0;
}

/* Nasty pre fixes, otherwise code flows out of the table-cell, expanding it and gaining a scrollbar on small screens */
@media (min-width: 18em) and (max-width: 19em) { pre { max-width: 16em; }}
@media (min-width: 19em) and (max-width: 20em) { pre { max-width: 17em; }}
@media (min-width: 20em) and (max-width: 21em) { pre { max-width: 18em; }}
@media (min-width: 21em) and (max-width: 22em) { pre { max-width: 19em; }}
@media (min-width: 22em) and (max-width: 23em) { pre { max-width: 20em; }}
@media (min-width: 23em) and (max-width: 24em) { pre { max-width: 21em; }}
@media (min-width: 24em) and (max-width: 25em) { pre { max-width: 22em; }}
@media (min-width: 25em) and (max-width: 26em) { pre { max-width: 23em; }}
@media (min-width: 26em) and (max-width: 27em) { pre { max-width: 24em; }}
@media (min-width: 27em) and (max-width: 28em) { pre { max-width: 25em; }}
@media (min-width: 28em) and (max-width: 29em) { pre { max-width: 26em; }}
@media (min-width: 29em) and (max-width: 30em) { pre { max-width: 27em; }}
@media (min-width: 30em) and (max-width: 31em) { pre { max-width: 28em; }}
@media (min-width: 31em) and (max-width: 32em) { pre { max-width: 29em; }}
@media (min-width: 32em) and (max-width: 34em) { pre { max-width: 30em; }}
@media (min-width: 34em) and (max-width: 36em) { pre { max-width: 32em; }}
@media (min-width: 36em) and (max-width: 38em) { pre { max-width: 34em; }}
@media (min-width: 38em) and (max-width: 40em) { pre { max-width: 36em; }}
@media (min-width: 40em) and (max-width: 42em) { pre { max-width: 38em; }}
@media (min-width: 42em) and (max-width: 44em) { pre { max-width: 40em; }}
@media (min-width: 44em) and (max-width: 46em) { pre { max-width: 42em; }}
@media (min-width: 46em) and (max-width: 48em) { pre { max-width: 44em; }}
@media (min-width: 48em) and (max-width: 50em) { pre { max-width: 46em; }}
@media (min-width: 50em) { pre { max-width: 48em; }}

.gamename {
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	padding: 0.5em 0 0 0;
}
.copyright-publisher, .developer, .credits, .view {
	font-size: 0.85em;
	line-height: 1.3em;
}
.credits {
	padding: 0.6em 0;
}
.view {
	padding: 0 0 1.5em 0;
}

.footer a, .footer a:active, .footer a:hover {
	color: #ccccff;
}

/* These media queries are used to make the navigation menu at the top appear on certain sizes */
.min_20em,
.min_22em,
.min_23em,
.min_24em,
.min_26em,
.min_28em,
.min_30em,
.min_32em,
.min_34em,
.min_35em,
.min_36em,
.min_38em,
.min_39em,
.min_40em,
.min_42em,
.min_44em,
.min_45em,
.min_46em,
.min_48em,
.min_50em,
.min_52em,
.min_54em,
.min_56em,
.min_58em,
.min_60em,
.min_62em,
.min_64em {
	display: none;
}

@media (min-width: 20em) { .min_20em { display: block; }}
@media (min-width: 22em) { .min_22em { display: block; }}
@media (min-width: 23em) { .min_23em { display: block; }}
@media (min-width: 24em) { .min_24em { display: block; }}
@media (min-width: 26em) { .min_26em { display: block; }}
@media (min-width: 28em) { .min_28em { display: block; }}
@media (min-width: 30em) { .min_30em { display: block; }}
@media (min-width: 32em) { .min_32em { display: block; }}
@media (min-width: 34em) { .min_34em { display: block; }}
@media (min-width: 35em) { .min_35em { display: block; }}
@media (min-width: 36em) { .min_36em { display: block; }}
@media (min-width: 38em) { .min_38em { display: block; }}
@media (min-width: 39em) { .min_39em { display: block; }}
@media (min-width: 40em) { .min_40em { display: block; }}
@media (min-width: 42em) { .min_42em { display: block; }}
@media (min-width: 44em) { .min_44em { display: block; }}
@media (min-width: 45em) { .min_45em { display: block; }}
@media (min-width: 46em) { .min_46em { display: block; }}
@media (min-width: 48em) { .min_48em { display: block; }}
@media (min-width: 50em) { .min_50em { display: block; }}
@media (min-width: 52em) { .min_52em { display: block; }}
@media (min-width: 54em) { .min_54em { display: block; }}
@media (min-width: 56em) { .min_56em { display: block; }}
@media (min-width: 58em) { .min_58em { display: block; }}
@media (min-width: 60em) { .min_60em { display: block; }}
@media (min-width: 62em) { .min_62em { display: block; }}
@media (min-width: 64em) { .min_64em { display: block; }}

/* On smaller devices, make the gaps between the menus smaller, and a smaller heading font */
@media (max-width: 24em) { 
	.pure-menu-link, .pure-menu-disabled, .pure-menu-heading {
		padding: 0.5em 0.6em;
	}
	.header h3 {
		font-size: 1.7em;
	}
}

/* Left panel highlighting */
.ct-panel li.link a {
	display: inline-block;
	width: 100%;
}
.ct-panel li.link a:hover,
.ct-panel li.link.current a {
	text-decoration: none;
	color: black;
	background: white;
	margin: 0 -1em;
	padding: 0 1em;
}

/* Messenger */
.m1,.m2 {
	margin: 1px;
	padding: 6px 12px;
	max-width: 75%;
	box-sizing: content-box;
	border-radius: 1.3em;
}
.m1 {
	color: #000000;
	background-color: #e5e4e4;
	clear: both;
	float: left;
}
.m2 {
	color: #ffffff;
	background-color: #0084ff;
	clear: both;
	float: right;
}
.mc {
	margin: 1px;
	padding: 6px 12px;
	color: #b0b0b0;
	background-color: #ffffff;
	clear: both;
	text-align: center;
	font-weight: bold;
}
.clearboth {
	clear: both;
}

/* Quotes */
.quote {
	border-left: 8px solid #bfcada;
	background-color: #f0f0f0;
	padding: 0.1em 1em 0.25em 1em;
	margin-top: 0;
	margin-bottom: 1em;
	margin-left: 88px;
	font-style: italic;
	color: #333333;
}

.zzap-reviewer-comment {
	border: 2px solid black;
	border-radius: 0.8em;
	padding: 0;
	margin-bottom: 1em;
}
.zzap-reviewer-comment img {
	max-width: 25%;
	float: left;
	padding: 0 1em 1em 0;
}
.zzap-reviewer-comment p {
	text-indent: 0;
	padding: 0 1em 0 1em !important;
}
.zzap-rating {
	text-align: center;
	background: #f00000;
	color: yellow;
	box-shadow: 0 0 12px #808080;
	padding: 0.3em 1em;
}
.zzap-rating p {
	text-indent: 0;
	line-height: 1em;
	margin: 0 auto 0.7em auto;
}
.zzap-rating .rating {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0.3em auto;
}
.zzap-rating .rating-overall {
	font-size: 1.6em;
	font-weight: 900;
	color: #f00000;
	background: white;
	padding: 0.3em 0;
	margin-top: 0.5em;
}
.zzap-rating .platform {
	font-size: 1.6em;
	font-weight: 900;
	padding: 0.3em 0;
	transform: scale(1.5,1);
}
.zzap-red-banner {
	background: red;
	background: linear-gradient(red, #ff5050);
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0.3em 0;
	box-shadow: 0 0 12px red;
	max-width: 98%;
	display: block;
	margin: 0 auto;
	color: white;
	text-align: center;
}
.zzap-blue-banner {
	background: #5492b9;
	background: linear-gradient(#5492b9, #84c2e9);
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0.3em 0;
	box-shadow: 0 0 12px #5492b9;
	max-width: 98%;
	display: block;
	margin: 0 auto;
	color: white;
	text-align: center;
}
.zzap-award {
	float: right;
	padding: 0 0 1em 1em;
	max-width: 160px;
}
.max-50-percent {
	max-width: 50% !important;
}
.max-25-percent {
	max-width: 25% !important;
}
#Form_CommentsForm_Name,
#Form_CommentsForm_Email,
#Form_CommentsForm_URL,
#Form_CommentsForm_Comment {
	width: 98%;
}