/*
Theme Name: 
Theme URI:
Author: 
Author URI: 
Description: 
Version: 
License: 
License URI: 
Tags: 
Text Domain: 
*/
/* @import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700); */
* {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
body {
	font-size: 15px;
	font-weight: 300;
	font-family: 'Oswald', sans-serif;
	background: url(images/bg.jpg) fixed top center #fff no-repeat;
	color: #000;
}
img {
	border: none;
}
p {
	margin: 0 0 20px 0;
	line-height: 20px;
}
a {
	color: #FF9C00;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.alignright {
	padding: 0;
	margin: 0 0 0 15px;
	display: inline;
	float: right;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignleft {
	padding: 0;
	margin: 0 15px 0 0;
	display: inline;
	float: left;
}
.clear {
	clear: both;
}
strong, b, h1, h2, h3, h4, h5, th {
	font-weight: 400;
}
a.goto {
	background: #9ecb2d; /* Old browsers */
	background: -moz-linear-gradient(top, #9ecb2d 0%, #8eb92a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9ecb2d), color-stop(100%, #8eb92a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9ecb2d 0%, #8eb92a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9ecb2d 0%, #8eb92a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #9ecb2d 0%, #8eb92a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #9ecb2d 0%, #8eb92a 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ecb2d', endColorstr='#8eb92a', GradientType=0 ); /* IE6-9 */
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #6AA800;
	text-shadow: 0 -1px 0 #6AA800;
	color: #fff;
	font-weight: 700;
}
a.goto:hover {
	text-decoration: none;
	background: #8eb92a; /* Old browsers */
	background: -moz-linear-gradient(top, #8eb92a 0%, #9ecb2d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8eb92a), color-stop(100%, #9ecb2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8eb92a 0%, #9ecb2d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8eb92a 0%, #9ecb2d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8eb92a 0%, #9ecb2d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #8eb92a 0%, #9ecb2d 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eb92a', endColorstr='#9ecb2d', GradientType=0 ); /* IE6-9 */
}
/* WRAPPER */

#wrapper {
	width: 1000px;
	margin: 100px auto 50px auto;
	background: #fff;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow: 0 0 15px #999;
	-moz-box-shadow: 0 0 15px #999;
	-webkit-box-shadow: 0 0 15px #999;
}
/* WRAPPER */

header {
	width: 1000px;
	height: 100px;
	position: relative;
	background: #454545;
	border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	z-index: 999;
	border-bottom: 1px solid #000;
}
header a.logo {
	width: 547px;
	height: 100px;
	display: block;
	float: left;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	background-position: 25px 20px;
	margin: 0 0 0 0;
}
header a.logo:hover {
	background-color: #595959;
	border-radius: 7px 0 0 0;
	-moz-border-radius: 7px 0 0 0;
	-webkit-border-radius: 7px 0 0 0;
}
header .h1 {
	width: 535px;
	height: 20px;
	position: absolute;
	top: 65px;
	left: 25px;
	line-height: 20px;
	font-weight: 400;
	text-shadow: 0 -1px 0 #000;
	color: #eee;
	font-size: 13px;
}
header nav {
	float: right;
	height: 100px;
	position: relative;
}
header nav ul {
	width: 100%;
	height: 100px;
	position: relative;
}
header nav ul li {
	float: left;
	list-style: none;
	border-left: 1px solid #000;
	position: relative;
}
header nav ul li a {
	height: 100px;
	width: 150px;
	display: block;
	background-repeat: no-repeat;
	background-position: center 12px;
	text-align: center;
	line-height: 150px;
	color: #eee;
	text-shadow: 0 -1px 0 #000;
	text-decoration: none;
	font-weight: 400;
	position: relative;
}
header nav ul li.cat-item-0 a {
	background-image: url(images/icon-home.png);
	border-bottom: none;
}
header nav ul li.cat-item-1 a {
	background-image: url(images/icon-browsergame.png);
}
header nav ul li.cat-item-2 a {
	background-image: url(images/icon-pc.png);
	border-radius: 0 7px 0 0;
	-moz-border-radius: 0 7px 0 0;
	-webkit-border-radius: 0 7px 0 0;
}
header nav ul li.cat-item-2:hover a {
	border-radius: 0 7px 0 0;
	-moz-border-radius: 0 7px 0 0;
	-webkit-border-radius: 0 7px 0 0;
}
header nav ul li.current-cat a, header nav ul li:hover a {
	background-color: #595959;
	text-decoration: none;
	z-index: 999;
	position: relative;
}
header nav ul li.current-cat a {
	border-bottom: 1px solid #595959;
	color: #FF9C00;
}
/* SUBMENU */

aside {
	padding: 5px 5px;
	background: #595959;
	width: 990px;
	position: relative;
	z-index: 9;
}
aside ul {
	width: 100%;
	float: left;
}
aside ul li {
	list-style: none;
	float: left;
	margin: 0 2px 2px 0;
}
aside ul li a {
	padding: 5px 12px;
	display: block;
	color: #fefefe;
	text-shadow: 0 -1px 0 #000;
	font-size: 14px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
aside ul li a:hover, aside ul li.active a {
	background: #454545;
	text-decoration: none;
	box-shadow: inset 0 1px 2px 0 #000;
	color: #FF9C00;
}
/* CONTENT */
#content {
	padding: 25px;
	width: 950px;
}
section {
	width: 100%;
	float: left;
	position: relative;
}
section h1, section h2, section h3, section h4 {
	width: 100%;
	margin: 0 0 15px 0;
	line-height: 30px;
	font-size: 22px;
}
section a.goto.top {
	float: right;
	padding: 6px 25px;
}
section a.goto.bottom {
	width: 300px;
	margin: 0 auto;
	text-align: center;
	padding: 15px 0;
	display: block;
	font-size: 30px;
}
/* POSTS */

section #posts {
	margin: 0 0 0 0;
	width: 100%;
	position: relative;
}
section #posts .post {
	float: left;
	margin: 0 25px 25px 0;
	width: 300px;
}
section #posts .post.last {
	margin: 0 0 25px 0;
	float: right;
}
section #posts .post h3 {
	width: 100%;
	line-height: 30px;
	font-size: 19px;
}
section #posts .post .entry {
	width: 300px;
	height: 360px;
	overflow: hidden;
	margin: 0 0 10px 0;
}
section #posts .post .entry img.thumb {
	width: 300px;
	height: 220px;
	display: block;
	background: #fefefe;
	margin: 0 0 20px 0;
	cursor: pointer;
}

section #posts .post .entry img.thumb:hover {
	width: 296px;
	height: 216px;
	padding:2px;
}

section #posts .post .entry p {
	margin: 0;
	width: 100%;
}
section #posts .post a.play {
	width: 200px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	display: block;
	float: left;
	border-radius: 7px 0 0 7px;
	-moz-border-radius: 7px 0 0 7px;
	-webkit-border-radius: 7px 0 0 7px;
}
section #posts .post div.details {
	width: 96px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	display: block;
	float: left;
	background: #ffbb56; /* Old browsers */
	background: -moz-linear-gradient(top, #ffbb56 0%, #ff9c00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffbb56), color-stop(100%, #ff9c00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffbb56 0%, #ff9c00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffbb56 0%, #ff9c00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffbb56 0%, #ff9c00 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffbb56 0%, #ff9c00 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbb56', endColorstr='#ff9c00', GradientType=0 ); /* IE6-9 */
	border: 1px solid #E59500;
	text-shadow: 0 -1px 0 #E59500;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
	border-radius: 0 7px 7px 0;
	-moz-border-radius: 0 7px 7px 0;
	-webkit-border-radius: 0 7px 7px 0;
	color: #fff;
	font-weight: 400;
	cursor: pointer;
}
section #posts .post div.details:hover {
	background: #ff9c00; /* Old browsers */
	background: -moz-linear-gradient(top, #ff9c00 10%, #ffbb56 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #ff9c00), color-stop(100%, #ffbb56)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff9c00 10%, #ffbb56 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff9c00 10%, #ffbb56 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff9c00 10%, #ffbb56 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff9c00 10%, #ffbb56 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9c00', endColorstr='#ffbb56', GradientType=0 ); /* IE6-9 */
}
section #rating {
	position: absolute;
	bottom: 20px;
	right: 0;
}

/* TOC */

section #toc {
	float:right;
	margin:-50px 0 0 20px;
	background:#f5f5f5;
	padding:10px;
	width:300px;
}

section #toc #toc_title {
	width:100%;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px dashed #ccc;
	font-weight:400;
	color:#6e6e6e;
}

section #toc ul {
	margin:0 0 0 20px;
}

section #toc ul li {
	list-style:square;
	font-size:14px;
}

/* FOOTER */

footer {
	width: 100%;
	position: relative;
	background: #545454;
	text-align: center;
	color: #eee;
	padding: 15px 0;
	width: 100%;
	border-radius: 0 0 7px 7px;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	font-size: 12px;
}
footer p {
	margin: 0;
}
footer a {
	color: #eee;
}
@media (max-width: 643px) {
	body {
		background: none:
	}
	#wrapper {
		width: 90%;
		padding: 0 ;
		margin: 20px 5%;
	}
	header {
		width: 100%;
		height: auto;
		background-color: #454545;
		padding: 10px 0 0 0;
	}
	header a.logo {
		height: 120px;
		width: 90%;
		margin: 0 5%;
		background-size: 100%;
		background-position: top center;
		float: none;
		height: 80px;
	}
	header .h1 {
		width: 90%;
		left: 5%;
		top: 45px;
		text-align: center;
		height: auto;
	}
	header nav {
		width: 100%;
		float: none;
		border-top: 1px solid #000;
	}
	header nav ul li {
		width: 33.3%;
		border: none;
	}
	header nav ul li a {
		width: 100%;
	}
	header nav ul li+li a::after {
		width: 1px;
		height: 100%;
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		background: #000;
	}
	header nav ul li.cat-item-2 a,
	header nav ul li.cat-item-2 a:hover {
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;		
	}
	#content {
		width: 90%;
		margin: 0;
		padding: 20px 5%;
		overflow: hidden;
	}
	section #posts .post {
		width: 100%;
		margin: 0 0 20px 0;
	}
	section #posts .post .entry {
		width: 100%;
	}
	section #posts .post .entry img.thumb,
	section #posts .post .entry img.thumb:hover {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0 0 20px 0;
	}
	section #posts .post a.play {
		width: 60%;
	}
	section #posts .post div.details {
		width: 38%;
	}
	aside {
		height: auto;
		width: 90%;
		padding: 5px 5%;
	}
	section #toc {
		width: 90%;
		padding: 10px 5%;
		margin: 0 0 20px 0;
	}
	.alignright,
	.alignleft,
	.aligncenter,
	object {
		max-width: 100%;
		height: auto;
		margin: 0 0 20px 0;
		display: table;
		margin: 0 auto;
	}
	section #rating {
		display: none;
	}
	section a.goto.bottom {
		width: 100%;
	}
}