body { 
	background: url(../img/bg-header.jpg) top left repeat-x #e3e3e3; 
}
a,a:visited { text-decoration: none; color: inherit; font-weight: bold; }
.contain { width: 800px; margin: 0 auto; }
.clear { clear: both; }

header { padding: 5px; }
	header figure { float: left; width: 200px; text-align: center; }
		header figure a:hover { opacity: 0.7; }
	header nav { 
		float: left; 
		width: 400px; 
		position: relative;
		top: 80px;
	}
		header nav > ul {
			padding: 20px 0 20px 0;
		}
			header nav > ul > li {
				display: inline;
				color: #4c060a;
				padding: 20px 15px 20px 15px;
			}
				header nav > ul > li > a {
					text-transform: uppercase;
					font-size: 14px;
				}
				header nav > ul > li > a:hover, header nav ul > li > a:active { color: #8a0e0e; }
				header nav > ul > li span.arrow {
					display: inline-block;
					width: 8px;
					height: 6px;
					background: url(../img/arrow.png) top left no-repeat;
					position: relative;
					top: -2px;
					left: 5px;
				}
				header nav ul > li.games {
					padding: 20px 30px 20px 10px;
					background: url(../img/lines.png) top right no-repeat;
				}
			header ul.header-primary { float: right; }
				header ul.header-primary > li {
					display: inline;
					color: #4c060a;
					padding: 20px 20px 20px 20px;
				}
					header ul.header-primary > li > a {
						text-transform: uppercase;
						font-size: 14px;
					}
					header ul.header-primary > li > a:hover, header nav ul > li > a:active { color: #8a0e0e; }
		header nav ul.games {
			position: absolute;
			visibility: hidden;
			background: #333;
			width: 250px;
			border: 2px solid #b0b0b0;
			z-index: 1000;
			margin: -1px 0 0 0;
		}
			header nav ul.games > li {
				display: block;
				color: #fff;
				border-top: 1px solid #555;
			}
				header nav ul.games > li > a { display: block; padding: 5px; }
				header nav ul.games > li > a:hover { background: #fff; color: #4c060a; }
	header aside { 
		float: left; 
		width: 200px; 
		text-align: center; 
		position: relative;
		top: 30px;
	}
		header aside h3 { 
			text-transform: uppercase; 
			font-size: 11px; 
			color: #414141; 
			margin: 5px 0 5px 0; 
		}
		header aside .social a { opacity: 0.6; margin: 1px; }
		header aside .social a:hover { opacity: 1.0; }
		header aside #search { margin: 10px 0 0 0; }
			header aside #search input.text { 
				width: 160px; 
				background: #fff; 
				border: 1px solid #a9a9a9; 
				padding: 5px;
				font-size: 14px;
				color: #999;
			}
			header aside #search input.search {
				position: absolute;
				background: url(../img/ico-search.png) top left no-repeat;
				border: 0;
				width: 16px;
				height: 16px;
				cursor: pointer;
				margin: 5px 0 0 -22px;
			}
			header aside #search input.search:hover { opacity: 0.7; }
			
#slider {
	width: 100%;
	height: 430px;
	background: url(../img/bg-slider.jpg) top left repeat-x #adadad;
	border-top: 1px solid #696969;
	border-bottom: 1px solid #696969;
}
	#slider div.shadow {
		position: absolute;
		width: 223px;
		height: 430px;
		background: top left repeat-y;
		opacity: 0.7;
	}
	#slider div.shadow-left { 
		background-image: url(../img/shadow-left.png); 
		margin: 0 0 0 -223px;
	}
	#slider div.shadow-right { 
		background-image: url(../img/shadow-right.png); 
		margin: 0 0 0 800px;
	}
	#slider.game, #slider .game { height: 365px !important; }
	#slider aside {
		width: 200px;
		float: left;
		background: #cbcbcb;
	}
		#slider aside figure {
			width: 200px;
			height: 225px;
			background: #e2e2e2;
			text-align: center;
		}
			#slider aside figure img {
				margin: 25px 0 0 0;
				border: 5px solid #111111;
			}
			#slider aside figure a:hover { opacity: 0.7; }
		#slider aside div.info {
			width: 140px;
			height: 100px;
			padding: 20px 30px 20px 30px;
		}
			#slider aside div.info h3 {
				font-size: 12px;
				color: #000;
				margin: 0 0 3px 0;
			}
			#slider aside div.info p {
				margin: 0 0 3px 0;
				font-size: 12px;
			}
			#slider aside div.buy {
				margin: 15px 0 0 0;
			}
				#slider aside div.buy strong { font-size: 18px; }
				#slider aside div.buy a.buy {
					background: #00620d;
					padding: 5px;
					text-transform: uppercase;
					color: #fff;
					margin: 0 0 0 10px;
					border: 1px solid #00450a;
					border-top: 1px solid #3c7644;
				}
				#slider aside div.buy a.buy:hover, #slider aside div.buy a.buy:active {
					background: #004f0b;
				}
	#slider section {
		float: left;
		width: 600px;
	}
		#slider section .info {
			height: 100px;
			width: 540px;
			background: #000;
			padding: 20px 30px 20px 30px;
		}
			#slider section .info p {
				color: #fff;
				font-size: 12px;
				margin: 0 0 0 0;
				line-height: 22px;
			}
				#slider section .info p a { color: #e1c655; }
				#slider section .info p a:hover { color: #eee; }
				#slider section .info a.screenshot {
					float: left;
					margin: 0 20px 0 0;
					border: 1px solid #696969;
				}
				#slider section .info a.screenshot:hover { opacity: 0.7; }
	#slider nav {
		width: 100%;
		height: 65px;
		background: url(../img/bg-slider-nav.jpg) top left repeat-x;
	}
		#slider nav ul {
			width: 670px;
			background: url(../img/bg-slider-nav-o.jpg) top left repeat-x;
			height: 63px;
			padding: 1px 0 1px 0;
			margin: 0 0 0 65px;
			text-align: center;
		}
			#slider nav ul li {
				display: inline;
				margin: 0 5px 0 5px;
			}
				#slider nav ul li img { border: 1px solid #1a1a1a; }
				#slider nav ul li a.selected img { border: 1px solid #e1c655; }
				#slider nav ul li a:hover { opacity: 0.7; }
		#slider nav button {
			position: absolute;
			width: 65px;
			height: 65px;
			border: 0;
			background: top left no-repeat;
		}
		#slider nav button:hover { opacity: 0.6; }
		#slider nav button.left { 
			background-image: url(../img/arrow-left.jpg); 
			margin: 0 0 0 0;
		}
		#slider nav button.right { 
			background-image: url(../img/arrow-right.jpg); 
			margin: 0 0 0 736px;
		}
		
#prev-post, #next-post {
	position: fixed;
	top: 35%;
	color: #4c060a;
	font-size: 11px;
}
#prev-post { left: 15px; text-align: left; }
#next-post { right: 15px; text-align: right; }
	#prev-post a, #next-post a {
		display: block;
		width: 180px;
		min-height: 35px;
		padding: 7px 0 7px 0;
	}
	#prev-post a:hover, #next-post a:hover { opacity: 0.6; }
	#prev-post a { background: url(../img/post-arrow-left.jpg) 0% 0% no-repeat; padding-left: 45px; }
	#next-post a { background: url(../img/post-arrow-right.jpg) 100% 0% no-repeat; padding-right: 45px; }
		
#posts { padding: 25px 0 15px 0; }
	#posts div.post {
		width: 295px;
		height: 320px;
		float: left;
		margin: 0 30px 15px 30px;
		background: #fff;
		border: 1px solid #ccc;
		padding: 20px;
	}
		#posts div.post img {
			float: left;
			margin: 5px 15px 5px 0;
		}
		#posts div.post p {
			margin: 0 0 0 0;
		}
		#posts div.post a:hover img { opacity: 0.7; }
	
#articles #posts { width: 580px; float: left; padding: 0; margin: 0 10px 0 10px; } 
	#articles #posts div.post { 
		float: none;
		width: auto;
		height: auto;
		margin: 0 0 15px 0;
	} 
#post { padding: 25px 0 15px 0; }
	#post h1 {
		color: #4a0b0c;
		font-size: 18px;
		margin: 15px 0 5px 0;
		clear: both;
	}
	#post div.post { min-height: 250px; }
#game { padding: 25px 0 15px 0; }
article {
	float: left;
	width: 538px;
	margin: 0 10px 0 10px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 20px;
}
#sidebar {
	float: left;
	width: 138px;
	margin: 0 10px 0 10px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 20px;
}
	#sidebar h2 {
		color: #4a0b0c;
		font-size: 16px;
		margin: 0 0 5px 0;
	}
	#sidebar .widget { 
		padding: 15px 0 15px 0; 
		border-top: 1px solid #ccc;
	}
	#sidebar .widget:first-child  { border: 0; padding: 0 0 15px 0; } 
	#sidebar li { list-style: none; }
	#sidebar ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
		#sidebar ul > li {
			margin: 0 0 10px 0;
			padding: 0;
			color: #333;
		}
			#sidebar ul > li > a { font-size: 12px; }
			#sidebar ul > li > a:hover { color: #4a0b0c; }
			
#game #sidebar .widget { font-size: 11px; line-height: 20px; }

div.post { }
	div.post h2 {
		color: #4a0b0c;
		font-size: 18px;
		margin: 5px 0 3px 0;
	}
	div.post h2 a:hover { color: #000; }
	div.post h3 {
		font-size: 10px;
		text-transform: uppercase;
		margin: 2px 0 2px 0;
		color: #262626;
	}
	div.post p {
		font-size: 12px;
		line-height: 22px;
		margin: 10px 0 15px 0;
	}
	div.post a { color: #4a0b0c; }
	div.post a:hover { color: #000; }
	
	div.post img.centered {
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 5px;
		background: #fff;
		border: 0;
	}

	div.post img.alignright {
		margin: 0 0 2px 7px;
		display: inline;
		padding: 5px;
		background: #fff;
		border: 0;
	}

	div.post img.alignleft {
		margin: 0 7px 2px 0;
		display: inline;
		padding: 5px;
		background: #fff;
		border: 0;
	}

	div.post .alignright {
		float: right;
	}

	div.post .alignleft {
		float: left;
	}
	
	div.post ul,div.post ol {
		padding: 5px 5px 5px 25px;
		font-size: 12px;
		line-height: 22px;
		margin: 10px 0 15px 0;
	}
		div.post ul li,div.post ol li {
			margin: 0 0 5px 0;
		}
			
footer {
	background: #191919;
	border-top: 5px solid #b0b0b0;
}
	footer nav { padding: 20px; }
		footer nav > ul { }
			footer  nav > ul > li { 
				float: left;
				margin: 0 10px 0 10px;
				color: #fff;
			}
				footer  nav > ul > li > a {
					font-size: 12px;
					text-transform: uppercase;
				}
				footer  nav > ul > li > a:hover { color: #e1c655; }
		footer ul.footer-primary {}
			footer ul.footer-primary > li {
				float: left;
				margin: 0 35px 0 5px;
				color: #fff;
			}
				footer ul.footer-primary > li > a {
					font-size: 12px;
					text-transform: uppercase;
				}
				footer ul.footer-primary > li > a:hover { color: #e1c655; }
		footer nav > ul li.games {
			width: 150px;
		}
		footer nav > ul li.twitter {
			font-size: 12px;
			text-transform: uppercase;
			font-weight: bold;
			width: 240px;
		}
			footer nav > ul li.twitter p {
				background: #ffffff;
				font-size: 13px;
				color: #333;
				text-transform: capitalize;
				padding: 10px;
				font-weight: normal;
				line-height: 17px;
			}
				footer nav > ul li.twitter p a { color: #000; }
				footer nav > ul li.twitter p a:hover { color: #333; }
				footer nav > ul li.twitter p span.arrow {
					background: url(../img/arrow-tweet.png) top left no-repeat;
					position: absolute;
					display: block;
					width: 8px;
					height: 8px;
					margin: 10px 0 0 90px;
				}
		footer  nav ul.sub-menu > li {
			color: #969696;
			margin: 2px 0 3px 0;
		}
			footer  nav ul.sub-menu > li > a { font-weight: normal; font-size: 11px; }
			footer  nav ul.sub-menu > li > a:hover { color: #e1c655; }
		footer  nav ul.blog {
			width: 130px;
		}
			footer  nav ul.blog > li {
				color: #969696;
				margin: 2px 0 8px 0;
			}
				footer  nav ul.blog > li > a { font-weight: normal; }
				footer  nav ul.blog > li > a:hover { color: #e1c655; }
		footer  nav div.social {
			margin: 15px 5px 5px 5px;
			text-align: center;
		}
			footer  nav div.social a { margin: 2px; }
			footer  nav div.social a:hover { opacity: 0.7; }
	footer section {
		background: #000;
		text-align: center;
		padding: 15px;
		font-size: 10px;
		color: #fff;
		text-transform: uppercase;
	}
	footer ul.footer-secondary { list-style: none; padding: 0; margin: 0; }
		footer ul.footer-secondary li { display: inline; padding: 0 5px 0 6px; border-left: 1px solid #777; }
		footer ul.footer-secondary li:first-child { border: 0; }
			footer ul.footer-secondary li a { color: #e1c655 !important; }
			footer ul.footer-secondary li a:hover { color: #fff !important; }