@charset "utf-8";

a:link,
a:hover   { color: #BBBBFF; text-shadow: #333 2px 2px 3px;}
a:visited { color: #a0a0ff; text-shadow: #222 2px 2px 2px;}

.title {
	color: #EEE;
}


div.welcome {
	width: 100%;
	height: 239px;
	overflow: hidden;
	border-bottom: 1px solid #20292E;
}
.welcomeimage {
	width: 100%;
	max-width: 760px;
	height: 240px;
	background-color: #38474E;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	float:left;
	border-right: 1px solid #20292E;
}
a~a>.frontscreenshot {
	border-top: 2px solid #20292E;
}
.frontscreenshot {
	width: 237px;
	height: 119px;
}
#welcometext {
	position: absolute; bottom: 0; left: 0;
	background: rgba(0, 0, 0, 0.2);
	width:100%;
	padding: 10px;
	font-size: 25px;
	color: #EEE;
}
.welcomesmall {
	font-size: 60%;
	font-weight: bold;
}
.byline {
	font-size: 14px;
	color: #EEE;
}

.bigbar {
	font-size: 24px;
	font-weight:bold;
	color: #EEE;
	align-self: flex-end;
	margin-left: auto;
}

.learnmorebar,
.downloadbar {
	margin-bottom: 16px;
}

.bigbar a {
	display: block;
	height: 45px;
	padding-top: 13px;
	padding-right: 8px;
}

.bigbar a:link,
.bigbar a:visited,
.bigbar a:hover {
	color: #EEE;
	text-decoration: none;
}

.bigbar a:hover {
	text-shadow: 0px 0px 10px rgba(255,255,255,0.9);
}

.learnmorebar,
.downloadbar,
.gamesbar {
	background-image: url(/images/learn_download_games.jpg);
	background-repeat: no-repeat;
	text-align: right;
	vertical-align: middle;
}

.learnmorebar {background-position:right 0px;}
.downloadbar  {background-position:right -116px;}
.gamesbar     {background-position:right -232px;}

.learnmorebar:hover {background-position:right -58px;}
.downloadbar:hover  {background-position:right -174px;}
.gamesbar:hover     {background-position:right -290px;}

#frontmediavideotd iframe {box-shadow: 0 3px 12px rgba(0,0,0,0.9);}


.mmleft,
.mmmid,
.mmright {background-color: #323f47;}

.mmleft  {border-top-left-radius: 5px;}
.mmright {border-top-right-radius: 5px;}

.mmleft:hover,
.mmmid:hover,
.mmright:hover {
	/* replicates the above images */
	background-image: linear-gradient(top, #323f47, #526977 100%);
	background-image: -o-linear-gradient(top, #323f47, #526977 100%);
	background-image: -moz-linear-gradient(top, #323f47, #526977 100%);
	background-image: -webkit-linear-gradient(top, #323f47, #526977 100%);
	background-image: -ms-linear-gradient(top, #323f47, #526977 100%);
}

.mmhide {
	display: none;
}
.mmshow {
	display: block;
}
.screendesc {
	font-size: 12px;
	font-weight:bold;
	color: #EEE;
	background-color: #29353D;
	padding-left: 4px;
}

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

.newsbar {
	background-color: #34414A;
	border:  1px solid #20292E;
	border-top: none;
	border-radius: 10px 0 0 0;
	padding: 4px 0 3px 12px;
	font-size: 15px;
	font-weight:bold;
	color: #EEE;
}
.newsitem {
	font-size: 16px;
	color: #EEE;
	border-left:   1px solid #20292E;
	border-bottom: 1px solid #20292E;
	padding: 8px;
	background-color: #38474E;
	box-shadow: inset 1px 1px rgba(255, 255, 255, 0.198);
}
.newsheadline {
	font-size: 22px;
	color: #EEE;
}
.newsabout {
	font-size: 11px;
	color: #EEE;
	line-height: 18px;
	font-style: italic;
}
.newsbody,
.newsabout,
.newsheadline {
	max-width: 958px;
	width: 100%;
	padding: 8px;
}

.cnews {
	float: right;
	clear: right;
	margin: 10px 0 24px 24px;
	border-bottom: 8px solid #20292E;
	border-radius: 0 0 0 5px;
	width: 40%;
}
.cnews .newsheadline {
	font-size: 16px;
}
.cnews .newsitem {
	padding: 4px;
	border-bottom: none;
}
.cnews .newsheadline:before {
	content: '▸ ';
}


/* media page */
.mediabanner {
	background: #3f4d58 right url("images/contentheader.png") no-repeat;
	border-right:  1px solid #20292E;
	border-left:   1px solid #20292E;
	border-bottom: 1px solid #20292E;

	height: 92px;
	line-height: 92px;
	overflow: hidden;

	text-align: right;
	vertical-align: middle;
	padding-right: 25px;

	font-size: 25px;
}

.thumbnail {
	box-shadow: 0 4px 10px #222;
	border: 1px solid #333;
	width: 174px;
}

.taglist {
	padding-left: 12px;
	margin: 0;
}

/* Video on index page */
#frontrightbuttons {
	width: 100%;
	max-width: 465px;
}

#homepagenews {
	background: #4C626F;
	margin-right: 0;
	padding-right: 0;
	padding-bottom: 14px;
}
#frontmediavideotd {
	padding-bottom:15px;
}

#homepage_media {
	display: flex;
}

@media (max-width: 1050px), (max-device-width: 1050px) {
	.frontscreenshot {
		display: none;
	}
	.welcomeimage {
		max-width: 100%;
	}
}

@media (max-width: 660px), (max-device-width: 660px) {
	#frontmediavideotd, #frontvideomedia {
		display: none;
	}
}

@media ( min-width: 480px) {
	.bigbar {
		min-width:486px;
	}
}