@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-image: linear-gradient(top, rgba(200,40,30,0.80), rgba(150,30,20,0.80) 100%);
	background-image: -o-linear-gradient(top, rgba(200,40,30,0.80), rgba(150,30,20,0.80) 100%);
	background-image: -moz-linear-gradient(top, rgba(200,40,30,0.80), rgba(150,30,20,0.80) 100%);
	background-image: -webkit-linear-gradient(top, rgba(200,40,30,0.80), rgba(150,30,20,0.80) 100%);
	background-image: -ms-linear-gradient(top, rgba(200,40,30,0.80), rgba(150,30,20,0.80) 100%);
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.706), inset 0px 1px rgba(255, 255, 255, 0.298),
		inset 0px 3px rgba(255, 255, 255, 0.128), inset 0px 10px 20px rgba(255, 255, 255, 0.251), inset 0px -15px 30px rgba(0, 0, 0, 0.298);

	border-radius: 10px;
	padding: 10px;
	padding-bottom:14px;
	margin-left: 10px;
	margin-bottom: 10px;

	font-size: 25px;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	color: #EEE;
}
.welcomesmall {
	font-size: 60%;
	font-weight: bold;
	margin-left: 2px;
	margin-bottom: -3px;
}
.byline {
	font-size: 14px;
	color: #EEE;
}

.bigbar {
	font-size: 24px;
	font-weight:bold;
	color: #EEE;
}

.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;
	background: linear-gradient(top, #34414A, #506673 100%);
	background: -o-linear-gradient(top, #34414A, #506673 100%);
	background: -moz-linear-gradient(top, #34414A, #506673 100%);
	background: -webkit-linear-gradient(top, #34414A, #506673 100%);
	background: -ms-linear-gradient(top, #34414A, #506673 100%);
	box-shadow: inset 0px 1px rgba(255, 255, 255, 0.298), inset 0px 10px 20px rgba(255, 255, 255, 0.251), inset 0px -16px 20px rgba(0, 0, 0, 0.298);
	border-right:  1px solid #20292E;
	border-left:   1px solid #20292E;
	border-bottom: 1px solid #20292E;
	border-radius: 10px 0 0 0;
	padding: 4px 0 3px 12px;
	font-size: 15px;
	font-weight:bold;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.95);
	color: #EEE;
}
.newsitem {
	font-size: 16px;
	color: #EEE;
	border-left:   1px solid #20292E;
	border-bottom: 1px solid #20292E;
	padding: 8px;
	background-color: #38474E;
	background: -webkit-linear-gradient(-65deg, #506161, #38474E 200px);
	background: linear-gradient(-65deg, #506161, #38474E 200px);
	background: -o-linear-gradient(-65deg, #506161, #38474E 200px);
	background: -moz-linear-gradient(-65deg, #506161, #38474E 200px);
	background: -webkit-linear-gradient(-65deg, #506161, #38474E 200px);
	background: -ms-linear-gradient(-65deg, #506161, #38474E 200px);
	box-shadow: inset 1px 1px rgba(255, 255, 255, 0.198);
}
.newsheadline {
	font-size: 22px;
	color: #EEE;
	text-shadow: 2px 2px 2px #111;
}
.newsabout {
	font-size: 11px;
	color: #EEE;
	line-height: 18px;
}
.newsbody {
	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;
}


@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;
	}
}