/**
 * **********************************************************************
 * 
 * game.css
 * 
 * consoler
 * 
 * @since 2015. 06. 23.
 * @author hotsourcesoft.com
 * 
 * Copyright (c) 2015 consoler All rights reserved.
 * 
 * **********************************************************************
 */
 
.Game {
	width:100%;
	margin-top:30px;
}

.Game .Cover {
	float:left;
	width:400px;
	height:500px;
	border:1px solid #848484;
	box-sizing:border-box;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.Game .Info {
	position:relative;
	float:right;
	width:360px;
	height:490px;
	margin-bottom:100px;
}
	.Game .Info .Spacer {
		width:100%;
		height:15px;
	}
	.Game .Info .Title {
		width:100%;
		margin:0px;
		text-align:right;
		font-size:26pt;
		font-size:2.2em;
	}
	.Game .Info .TitleSmall {
		width:100%;
		margin:0px;
		text-align:right;
		font-size:22pt;
		font-size:1.8em;
	}
	
	.Game .Info .Text {
		width:100%;
		padding-top:2px;
		padding-bottom:2px;
		
		text-align:right;
		font-size:11pt;
	}
	
	.Game .Info .Star {
		margin-top:20px;
		width:50px;
		height:50px;
	}
	
.Game .RelatedSection {
	position:relative;
	float:left;
	
	width:100%;
	
	margin-top:50px;
	
	text-align:center;
	font-size:20pt;
	font-weight:bold;
}

.Game .ScreenshotContainer {
	text-align:center;
	width:90%;
}
	.Game .ScreenshotThumbnailBox {
		display:inline-block;
		width:160px;
		height:100px;
		
		border:1px solid #555555;
		box-sizing:border-box;
	}
		.Game .ScreenshotThumbnailBox img {
			width:100%;
			height:100%;
		}

.Game .ConsolerComments {
	position:relative;
	width:100%;
	float:left;
	
	margin-top:100px;
	margin-bottom:50px;
}
	.Game .ConsolerComments .Title {
		width:100%;
		background:rgba(0,0,0,0.2);
	}
	
.BlueGradientLabel {
	border-radius:4px;
	border:1px solid #335555;
	border-top:1px solid #848484;
	
	padding:4px;
	padding-top:2px;
	padding-bottom:2px;

	background: rgb(75,114,183); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(125,185,232,1) 12%, rgba(75,114,183,1) 95%, rgba(25,74,127,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(5%,rgba(125,185,232,1)), color-stop(95%,rgba(75,114,183,1)), color-stop(100%,rgba(25,74,127,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(125,185,232,1) 12%,rgba(75,114,183,1) 95%,rgba(25,74,127,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(125,185,232,1) 12%,rgba(75,114,183,1) 95%,rgba(25,74,127,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(125,185,232,1) 12%,rgba(75,114,183,1) 95%,rgba(25,74,127,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(125,185,232,1) 12%,rgba(75,114,183,1) 95%,rgba(25,74,127,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#194a7f',GradientType=0 ); /* IE6-9 */
	
	text-align:center;
	font-size:10pt;
	font-weight:bold;
	color:#FFFFFF;
	text-shadow:0px 0px 4px #555577;
}

.gradient_label_box_midnight {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffbfe1+0,e251ab+12,10aeed+100 */
	background: #ffbfe1; /* Old browsers */
	background: -moz-linear-gradient(top, #ffbfe1 0%, #e251ab 12%, #10aeed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffbfe1 0%,#e251ab 12%,#10aeed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffbfe1 0%,#e251ab 12%,#10aeed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbfe1', endColorstr='#10aeed',GradientType=0 ); /* IE6-9 */
}