* { margin:0;padding:0;border:0;outline:0;text-decoration:none;font-weight:inherit;font-style:inherit;color:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style:none;border-collapse:separate;border-spacing:0;}
*:focus { outline: none}
::selection { background-color: #30D62E; color: #FFFFFF; }


@font-face { font-family: JunctionRegular;src: url('junction_02-webfont.eot');src: url('junction_02-webfont.eot?#iefix') format('embedded-opentype'), url('junction_02-webfont.woff') format('woff'), url('junction_02-webfont.ttf') format('truetype'), url('junction_02-webfont.svg#JunctionRegular') format('svg');font-weight: normal;font-style: normal;}

BODY
{
	line-height: 1;
	font: normal 10pt Helvetica;
	color: #595959;
	margin: 0;
}

P
{
	margin-bottom: 10px;
	line-height: 1.5;
}
H1
{
	font-family: JunctionRegular;
	font-size: 16pt;
	text-transform: uppercase;
	color: #444444;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 15px;
}
H2
{
	font-family: JunctionRegular;
	font-size: 16pt;
	text-transform: uppercase;
	color: #444444;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: normal;
}
H3
{
	font-family: JunctionRegular;
	font-size: 12pt;
	text-transform: uppercase;
	color: #444444;
	margin-top: 30px;
	margin-bottom: 10px;
	font-weight: normal;
}
H4
{
	font-family: Helvetica;
	font-size: 9pt;
	color: #444444;
	margin-top: 20px;
	margin-bottom: 10px;
}
A
{
	color: #444;
	font-weight: normal;
	text-decoration: none;
}
A:hover
{
	color: #30D62E;
	text-decoration: none;
}



/* revamp */

body { max-width:960px; min-width: 0px; margin: 0px auto;}
h4 { font-family: JunctionRegular, Arial; font-size:14px;}
hr { display: block; clear:both; height:0px; border:0px; margin:0px;}

wrapper { display: block; }

.container_12 { position: relative; width:auto; overflow: hidden}
.container_12 .grid_12, .container_16 .grid_16 { width:auto;}

header { display: block; height:140px; clear:both; position: relative;}
header .social { position: absolute; top:0px; right:10px;}
header .social a { display: block; width:30px; height:30px; overflow: hidden; margin-left:7px; background:red; float:left; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; text-indent: -9999px;}
header .social #social_fb { background:#3b5998; background: url(../images/icn_fb.png) no-repeat;}
header .social #social_tw { background:#66cbf9; background: url(../images/icn_tw.png) no-repeat;}
header .social #social_yt { background:#ea514b; background: url(../images/icn_yt.png) no-repeat;}
header .social #social_gp { background:#484848; background: url(../images/icn_gp.png) no-repeat;}
header #logo {	width: 140px;background: url(../images/logo.png) no-repeat;display: block;background-size: 140px;height: 89px;position: absolute;top: 55px; left:10px;}
header #navigation { position: absolute;top: 73px;right: 10px;margin: 0px;text-transform: uppercase;font-size: 14px; margin-left:140px;}
header #navigation a { margin-left:20px; font-family: JunctionRegular, Arial;}

div.hr_game { height:38px; background: url(../images/icn_separator.png) no-repeat center; margin:0px 10px; margin-bottom:20px;}
div.hr_blog { height:38px; background: url(../images/icn_separator2.png) no-repeat center; margin:0px 10px; margin-bottom:20px;}
div.hr_line { height:0px; margin:0px auto; margin-bottom:20px; border-top:1px solid #ccc;}

.feature { display: block}
.feature img { display: inline; border-radius: 3px; overflow: hidden; position: relative; }
.feature.full { margin: 0px 10px 20px 10px; }
.feature.full img { width: 100%;}
.feature.half { width:50%; float:left; margin-bottom: 20px}
.feature.half div { margin:0px 10px;}
.feature.half div img { width: 100%}
.feature.half.left { text-align: left}
.feature.half.right { text-align: right} 

.news p { font-size:12px; color:#aaa;}

.marb20 { margin-bottom:20px;}

.third { width:33%; float:left;}
.third div { margin:0px 10px;}
.third div img { width: 100%}

game { display: block; float:left; width:33.3333%; margin-bottom:40px; min-width: 300px}
game div { margin:0px 10px;}
game img { width:100%; }
game span { display: block; margin-top:-5px; font-size:14px; color:#aaa;}

#footer { width:100%;}
#footer { text-align: center;margin-top: 70px;margin-bottom: 30px;font-size: 8pt;color: #C3C3C3;}
#footer a {color: #C3C3C3;text-decoration: none;}

/* Blog */

.post { position: relative; border-bottom: 1px solid #ccc; padding-bottom:20px; margin-bottom:30px;}
.post .left { width:25%; float:left }
.post .left p { margin:0px; color:#ccc; margin-left:10px;}
.post .left p a { margin:0px; color:#ccc;}
.post .left .detail_date { }
.post .left .detail_comment { }
.post .right { width:75%; margin-left:25% }
.post .right .continue { display: inline-block; text-decoration: underline;}
.post .right .thumbnail { border-radius: 3px; max-width: 100%}

.post .right .userreply { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:40px 0px;}
.post .right .userreply #author { width:190px; display: block; margin-bottom: 15px; font-size:16px; padding:5px 15px; border-radius: 3px}
.post .right .userreply #email { width:190px; display: block; margin-bottom: 15px; font-size:16px; padding:5px 15px; border-radius: 3px}
.post .right .userreply #submit { width:222px; display: block; margin-top:0px !important; border:0px; background:#111; font-size:16px; padding:5px 15px; border-radius: 3px; height:50px;}
.post .right .userreply #comment { max-width:440px; float:right; margin-bottom: 15px;}

ol.commentlist li { border: 0px; list-style-type: none;margin-left: 0px;}
ol.commentlist li div.commentbody {padding-bottom: 30px;margin-top: -30px;margin-left: 65px;}

ol.commentlist li div.comment-author { float:left;}
ol.commentlist li div.vcard cite.fn {font-style: normal !important;margin-right: 10px;}

ol.commentlist li div.reply .comment-reply-link { background:none !important; font-size:14px !important; text-decoration: underline !important; color:#000 !important; text-transform: capitalize; padding:0px;}
ol.commentlist li div.comment-meta a { padding-top: 4px;display: block;}

/* Responsive */

.mobile .feature.half { width: 100%}
.mobile .post .left { display: none}
.mobile .post .right { width: 100%; margin-left:10px; margin-right: 10px}
.mobile .post .right .wp-post-image { max-width:100%;}
.mobile .third { width: 100%}
.mobile header { height: 230px}
.mobile header #logo { margin-left: -70px; left:50%;}
.mobile header #navigation { top: 180px; right: 0px;left: 0px;margin: 0px;text-align: center;margin-left: -20px;}
.mobile header .social { width:200px;}