@import url(http://fonts.googleapis.com/css?family=Francois+One);
@import url(http://fonts.googleapis.com/css?family=Jolly+Lodger);
@import url(http://fonts.googleapis.com/css?family=Exo+2:600);
@import url(http://fonts.googleapis.com/css?family=Frijole);
@import url(http://fonts.googleapis.com/css?family=Over+the+Rainbow);
@import url(http://fonts.googleapis.com/css?family=Tulpen+One);
body{
	background-color:#2d4f0b}
*{list-style:none}
	.header{
		height:50px;
		background-color:#6bba1d;
		background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #0000),
		color-stop(0.100, #0000)	
		);
		background-image: -o-linear-gradient(bottom, #0000 0%, #2e43bf 100%);
		background-image: -moz-linear-gradient(bottom, #0000 0%, #2e43bf 100%);
		background-image: -webkit-linear-gradient(bottom, #0000 0%, #2e43bf 100%);
		background-image: -ms-linear-gradient(bottom, #0000 0%, #2e43bf 100%);
		background-image: linear-gradient(to bottom, #0000 0%, #2e43bf 100%);	
		border-bottom:1px solid #0b1654;
		list-style:none;
		position:fixed;left:0;top:0;right:0;z-index:2;
		box-shadow:0 1px 2px #0d2294;
		-moz-box-shadow:0 1px 2px #0d2294;
		-webkit-box-shadow:0 1px 2px #0d2294}
		.logo{5px;top}
		.logo h1{
			color:#dadce6;
			font-size:35px;
			margin:10px;
			font-family: 'Francois One', sans-serif;
			text-shadow:1px 1px #23261e;
			cursor:pointer}
			.logo h1:first-letter{font-size:40px}
			.logo h1 sub{font-size:60px;color:#fc5a03;text-shadow:1px 1px 5px #000}
			.logo h1 sup{font-size:35px}
	.menu-box{
		border-right:1px solid #dadce6;
		box-shadow:1px 0 #757996;
		-moz-box-shadow:1px 0 #757996;
		-webkit-box-shadow:1px 0 #757996;
		height:30px;
		margin:10px}
		.menu-box a{
			line-height:28px;
			text-decoration:none;
			color:#dadce6;
			text-shadow:1px 1px #09090a;
			padding:0 5px 0 15px;
			font-family:'Exo 2', "Comic Sans MS", cursive;
			font-size:14px}
			.menu-box a:last-child{padding-right:15px}
			.menu-box a:hover{text-decoration:underline}
	.search-box{
		list-style:none;
		background-color:#5562ad;
		padding:5px;
		margin:7px 20px 7px 10px;
		border-radius:2em;
		border:1px solid #41444f;
		box-shadow:0 0 5px 1px #5562ad;
		-moz-box-shadow:0 0 5px 1px #5562ad;
		-webkit-box-shadow:0 0 5px 1px #5562ad}
		.search-box input{
			font-size:12px;
			border:0;
			padding:3px 10px 3px 10px;
			background:transparent;
			font-family:'Exo 2', "Comic Sans MS", cursive;
			outline:none;
			-moz-outline:none}
			.search-box input[type='text']{
				padding-left:15px;padding-right:15px;
				color:#1a1d1f;
				transition:all 300ms linear;}	
				.search-box input[type='text']:focus{padding-right:30px}	
			.search-box input[type='button']{
				background-color:#36469c;
				color:#dadce6;
				border-radius:2em;
				border:1px solid #41444f}
	/*Body Syle*/			
	.body{margin:0}
     .adsleft{
            border-radius:5px;
			font-family:'Exo 2', sans-serif;
			font-size:0;
			text-align:center; 
			height:280px; 
			width:363px; 
			padding:2px; 
			margin:12px 13px 5px 13px; 
			float:left; 
			border:#6bba1d 1px solid;
			list-style:none;
			position:relative;
			cursor:pointer; 
			overflow:hidden}
		.ads{margin:0 auto;
			margin-top: 0;
			width:336px;
			height:280px;}
		.list{
			margin:15px;
			float:left;
			border-radius:5px;
			background-color:#838ecf;
			background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(1, #838ECF),
			color-stop(1, #3995BF)
			);
			background-image: -o-linear-gradient(bottom, #838ECF 100%, #3995BF 100%);
			background-image: -moz-linear-gradient(bottom, #838ECF 100%, #3995BF 100%);
			background-image: -webkit-linear-gradient(bottom, #838ECF 100%, #3995BF 100%);
			background-image: -ms-linear-gradient(bottom, #838ECF 100%, #3995BF 100%);
			background-image: linear-gradient(to bottom, #838ECF 100%, #3995BF 100%);
			padding:2px;
			box-shadow:1px 1px 4px #020203;
			-moz-box-shadow:1px 1px 4px #020203;
			-webkit-box-shadow:1px 1px 4px #020203;
			box-sizing:border-box;
			-moz-box-sizing:border-box;
			list-style:none;
			position:relative;
			cursor:pointer;
			overflow:hidden}
			.list img{width:100%;height:100%;border-radius:3px}
			.shadow-img{
				position:absolute;left:2px;top:2px;right:2px;bottom:2px;
				z-index:1;
				box-shadow:0 0 4px #1a1d1f inset;
				-moz-box-shadow:0 0 4px #1a1d1f inset;
				-webkit-box-shadow:0 0 4px #1a1d1f inset;
				border-radius:3px}
			.game-name{
				position:absolute;
				left:2px;right:2px;bottom:2px;
				background:url(../images/50.png) repeat 0 0;
				display:none;
				color:#d6d7e3;
				text-shadow:1px 1px 2px #000;
				font-family:'Exo 2', sans-serif;
				font-size:14px;
				text-align:center;
				text-transform:uppercase;
				font-weight:bold;
				text-decoration:none;
				border-bottom-left-radius:3px;
				-moz-border-bottom-left-radius:3px;
				-webkit-border-bottom-left-radius:3px;
				border-bottom-right-radius:3px;
				-moz-border-bottom-right-radius:3px;
				-webkit-border-bottom-right-radius:3px;
				padding:5px}
			.game-vs{
				position:absolute;
				right:6px;top:6px;padding:3px 7px 5px 7px;
				text-align:center;
				border-radius:50%;
				-moz-border-radius:50%;
				-webkit-border-radius:50%;
				font-family:'Exo 2', "Comic Sans MS", cursive;
				color:#FFF;font-size:16px;
				font-weight:bold;
				background:url(../images/space.png) repeat top left;
				text-shadow:1px 1px 1px black;
				box-shadow:0 0 2px #FFF;
				-webkit-box-shadow:0 0 2px #FFF}	
	.footer{
		text-align:center;
		background:url(../images/space.png) repeat 0 0;
		border-top:1px solid #0c4aa8;
		margin-left:-20px;
		margin-top:20px}
		.footer a{
			display:inline-block;
			color:#dadce6;
			text-shadow:1px 1px #000;
			font-family:"Comic Sans MS", cursive;
			line-height:20px;
			text-decoration:none;
			font-size:12px;
			padding-left:4px;padding-right:4px}			
				
	/*Player Style*/
	.pBOX{
		margin:10px auto}
			.SWF-box{
				margin:0 auto;
				height:638px;
				position:relative}
				.SWF-box friv{
					float:left;
					top:0;bottom:0;
					box-sizing:border-box;
					-moz-box-sizing:border-box;
					-webkit-box-sizing:border-box;
					height:640px;
					color:#FFF}
					.colsSWF{
						background-color:#225491;
						background-image: -webkit-gradient(
						linear,
						left top,
						left bottom,
						color-stop(1, #225491),
						color-stop(1, #3995BF)
						);
						background-image: -o-linear-gradient(bottom, #225491 100%, #3995BF 100%);
						background-image: -moz-linear-gradient(bottom, #225491 100%, #3995BF 100%);
						background-image: -webkit-linear-gradient(bottom, #225491 100%, #3995BF 100%);
						background-image: -ms-linear-gradient(bottom, #225491 100%, #3995BF 100%);
						background-image: linear-gradient(to bottom, #225491 100%, #3995BF 100%);
						border-radius:5px;
						border-top-left-radius:15px;
						border-top-right-radius:15px;
						-moz-border-top-left-radius:15px;
						-moz-border-top-right-radius:15px;
						-webkit-border-top-left-radius:15px;
						-webkit-border-top-right-radius:15px;
						border:1px solid #18457d;
						box-shadow:0 0 8px #18457d;
						-moz-box-shadow:0 0 8px #18457d;
						-webkit-box-shadow:0 0 8px #18457d;
						min-height:640px;
						z-index:1;}
							.swf{
								margin:0 10px;
								position:relative;
								background:url(../images/space.png) repeat 0 0}
								.SWF-header a, .SWF-header span, .SWF-header h1{float:left}
								.SWF-header a{margin:10px 0 1px 10px}
								.SWF-header h1{line-height:60px;padding-left:5px;font-family:'Jolly Lodger', "Comic Sans MS", cursive;font-size:35px;text-shadow:0 0 2px #f09463;color:#000}
								.SWF-header span{
									display:block;font-family:'Jolly Lodger', "Comic Sans MS", cursive;font-size:45px;text-shadow:0 0 2px #f09463;color:#000;padding-left:8px}
								.SWFbottom{
									margin:5px auto}
									.SWFbottom ul.pum6{
										text-align:right;
										padding-right:20px;
										margin:0 5px 0 5px}
										.SWFbottom ul.pum6 a{
											color:#dadce6;
											text-shadow:1px 1px 1px #000;
											font-family:'Frijole', "Comic Sans MS", cursive;
											font-size:20px;
											text-decoration:none}
										.SWFbottom ul.pum6 a:hover{color:#FFF}	
										.SWFbottom ul.pum6:first-letter{font-size:32px}
										.ads_bottom{width:728px;height:90px;background-color:rgba(0, 0, 0, 0.2);margin:0 auto}
										
					.cols336{
						width:356px;
						overflow:hidden}
						.box336x280{
							width:346px;
							height:318px;
							margin:0 5px}
							.box336x280 .data-content{
								height:280px}
						.box336x310{
							width:346px;
							height:310px;
							margin:2px 5px}
							.box336x310 .data-content{
								padding-left:6px}
								.box336x310 .data-content .list{
									margin:3px 15px 3px 15px}
					.cols300{
						width:320px;
						overflow:hidden}
						.box300x250{
							width:310px;
							height:290px;
							margin:0 5px}
							.box300x250 .data-content{
								height:250px}
						.box300x340{
							width:310px;
							margin:0 5px}
							.box300x340 .data-content .list{
								margin:8px 10px 8px 10px}
					.cols200{
						width:220px;
						overflow:hidden}
						.box200x380{
							width:210px;
							margin:0 5px}
						.box200x380 .data-content .list{
							margin:4px 9px 4px 9px}
						.ads-pum6{
							width:210px;
							height:50px;
							margin:0 auto;
							text-align:center;
							background-color:#2f5b91;
							line-height:40px}
							.ads-pum6 a{
								font-family:'Over the Rainbow', "Comic Sans MS", cursive;
								text-shadow:1px 1px #000;
								text-decoration:none;
								font-size:25px;
								color:#dadce6}
								.ads-pum6:first-letter{font-size:50px}
								.ads-pum6 a:hover{color:#FFF}
						.box200x200{
							width:210px;
							height:210px;
							margin:0 5px}
					.cols160{
						width:180px}
						.box160x600{
							width:170px;
							margin:0 auto}
					.cols120{
						width:140px}
						.box120x600{
							width:130px;
							margin:0 auto}
					.cols150{
						width:142px;
						overflow:hidden}
						.box150x600{
							width:130px;
							height:600px;
							margin:0 5px}
							.box150x600 .data-content .list{
								border-radius:50%;
								-webkit-border-radius:50%;
								-moz-border-radius:50%;
								margin:12px 8px 12px 8px;padding:0}
								.box150x600 .data-content .list img{border:0}
								.box150x600 .data-content .list .shadow-img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}
					.data-title{
						line-height:26px;
						font-family:'Exo 2', "Comic Sans MS", cursive;
						font-size:14px;
						color:#dadce6;
						text-shadow:1px 1px #000;
						border-bottom:1px solid #1a2b6e;
						padding-left:5px}
					.data-content{
						padding:5px;
						background-color:#0a1761;
						border-top:1px solid #1a2b6e;
						background-image: -webkit-gradient(
						linear,
						left top,
						left bottom,
						color-stop(1, #24348C),
						color-stop(1, #3995BF)
						);
						background-image: -o-linear-gradient(bottom, #24348C 100%, #3995BF 100%);
						background-image: -moz-linear-gradient(bottom, #24348C 100%, #3995BF 100%);
						background-image: -webkit-linear-gradient(bottom, #24348C 100%, #3995BF 100%);
						background-image: -ms-linear-gradient(bottom, #24348C 100%, #3995BF 100%);
						background-image: linear-gradient(to bottom, #24348C 100%, #3995BF 100%);
						height:600px;
						text-align:center}
						.data-content .list{
							float:none;
							display:inline-block;
							vertical-align:top;
							width:80px;
							height:96px}
						.data-content .list .game-name{font-size:12px}