/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body {
	height:100%;
	min-height:100%;
}

body {
	margin:0;
	padding:0;
	background: url(../images/main_bg.jpg) #FFF;
	font-family: Helvetica, Arial, sans_serif;
	height:100%;
	font-size:100%;
}

img {
	border:none;
}

a {color:#c8191f; border:none;}

article p {
	margin:15px 0;
}

/*page backgrounds*/
body.internal_one {
	background: url(../images/tpg_easter.jpg) center -75px no-repeat #23272A;
}

.internal_bg, .page_bg {
	/*background: url(../images/pixels.png) 0 0 repeat-x;*/
	background: url(../images/pixels.png) 0 540px repeat-x;
	}


/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/*LAYOUT*/

#tpgwrapper {min-height: 100%;height: 100%;}

.searchbar {
float:right;
	background: #232323;
	text-align:right;
	padding:5px 10px;
	-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-ms-border-bottom-right-radius: 8px;
-ms-border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
color:#fff;
}

#slider {
    width: 100%;
	min-width:960px;
    position: absolute;
    height: auto;
    min-width: 0;
    overflow: visible;
    background: #101010;
	overflow:hidden;
	/*position:absolute;*/
}

#viewport {
    width: 100%;
    margin-left: auto;
    min-height: auto;
    left: 0;
    min-height: 0;
    overflow: visible;
    position: static;
}

#slider .flexslider {
    margin: 0;
}

#slider_nav_container {
	position:absolute;
	width:210px;
	/*width:160px;*/
	margin-top:-125px;
	left:50%;
	margin-left:-105px;
	height:50px;
}

ul#slider_nav {
	margin:0 0 0 5px;
	padding:0;
	list-style:none;
}

ul#slider_nav li {
	float:left;
}

ul#slider_nav li a {
	display:block;
	width:30px;
	height:30px;
	background: url(../images/slider_nav_dot.png) 0 0;
}

ul#slider_nav li a:hover, ul#slider_nav li a.selected {
	background-position: 0 -30px;
}

ul#slider_nav li a#previous {
	width:45px;
	height:45px;
	background: url(../images/slider-prev-arrow.png) 0 0;
}

ul#slider_nav li a#previous:hover {
	background: url(../images/slider-prev-arrow.png) 0 -42px;
}

ul#slider_nav li a#next {
	width:45px;
	height:45px;
	background: url(../images/slider-next-arrow.png) 0 0;
	float:right;
}

ul#slider_nav li a#next:hover {
	background: url(../images/slider-next-arrow.png) 0 -42px;
}

ul#slider_nav li a.current {
	background-position:0 -15px;
}

#fade-right {
	position:absolute;
	top:0;
	right:0%;

}

#fade-left {
	position:absolute;
	top:0;
	left:0%;
}

#viewport {
	/*width: 100%;
	position:relative;*/
}

/*
#viewport ul {
	position: relative; /* Enables positionning of elements inside viewport */
/*	padding: 0; /* Resets default - User Agent - style */
/*	margin: 0;
}
*/
#viewport li.slideitem{
	width: 1600px; /* Defines the size of inner element */
	height: 600px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	margin:0;
	padding:0;
	list-style:none;
	position:relative;

}

#viewport li.slideitem img{
	float:left;
}

#viewport li.slideitem .link-btn {
	position:absolute;
	bottom:100px;
	left:25%;
	background: #c8191f;
	padding:10px;
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
    font-weight: bold;
	font-size:18px;
	color:#fff;
	z-index:333;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	border-radius:8px;
	-webkit-box-shadow: 0 3px 6px #333;
	-moz-box-shadow: 0 3px 6px #333;
	-ms-box-shadow: 0 3px 6px #333;
	box-shadow: 0 3px 6px #333;
}

.pagecontent {
	/*width:980px;*/
	margin:0 auto;
	font-size:.865em;
    min-height: 100%;
    margin-bottom: -80px;
}

.pagecontent strong,
.pagecontent b {
    font-weight: bold;
}
.pagecontent i,
.pagecontent em {
    font-style: italic;
}
.pagecontent ul.bullets li {
    margin-left: 30px;
    list-style: disc;
    margin-bottom: .5em;
    line-height: 1.3;
}
.pagecontent:after,
#footer {
    height: 80px;
    display: block;
}
#storecontent {
	margin-top:400px;
}

#header {
	width:100%;
	height:90px;
	float:left;
	margin-top:10px;
	clear:both;
}

.logo {
	display: inline-block;
	height:90px;
    margin-top: -25px;
    padding-left: 20px;
}

.logo img {
    height: 100%;
    width: auto;
}
nav a {
	color:#FFF;
	text-decoration:none;
}

nav a:hover {
	color:#000;
	text-decoration:none;
	text-shadow: 0 -1px 2px #FFFFFF;
}

.current-menu-item a {
	color:#000;
	text-decoration:none;
	text-shadow: 0 -1px 1px #FFFFFF;
}

nav#main_nav {
	width:980px;
	height:40px;
    z-index: 1000;
	/*background: url(../images/nav_gradient.png) left 10px;*/
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
    font-weight: bold;
    position: fixed;
    top: 30px;
    left: 50%;
    margin-left: -490px;

    background-color: #b72e36;
    /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
    background-image:
        -webkit-gradient(linear, left top, left bottom, from(#e62527), to(#8f282d));
    /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
    background-image:
        -webkit-linear-gradient(#e62527, #8f282d);
    /* Firefox 3.6 - 15 */
    background-image:
        -moz-linear-gradient(#e625276, #8f282d);
    /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
    background-image:
        linear-gradient(#e62527, #8f282d);
}

nav#main_nav ul.main {
    margin:12px 0 0 20px;
    padding: 0 10px 0 0;
    float: right;
    list-style:none;
}

nav#main_nav ul.main li {
    display: inline-block;
	color:#FFF;
	margin-left:10px;
	margin-right:10px;
	font-size:13px;
	text-transform:uppercase;
}

div.simple-social-icons {
    float: right;
    margin-top: 8px;
    padding-right: 20px;
}
div.simple-social-icons ul li {
    margin-right: 3px !important;
}
div.simple-social-icons ul li a,
div.simple-social-icons ul li a:hover
{
    font-size: 16px;
    padding: 3px;
}

/*second header option */
.header_2 #header {
    /*border-radius: 6px;
    margin-top: -10px;*/
    position: fixed;
    width: 100%;
    height: 80px;
    z-index: 1000;
    top: 0;
    margin-top: 0;

    /*background-color: #111;*/
    /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */
    background-image:
        -webkit-gradient(linear, left top, left bottom, from(rgba(40,40,40,0.95)), to(rgba(10,10,10,0.9)));
    /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */
    background-image:
        -webkit-linear-gradient(rgba(40,40,40,0.95), rgba(10,10,10,0.9));
    /* Firefox 3.6 - 15 */
    background-image:
        -moz-linear-gradient(rgba(40,40,40,0.95), rgba(10,10,10,0.9));
    /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */
    background-image:
        linear-gradient(rgba(40,40,40,0.95), rgba(10,10,10,0.9));
}

.header_2 nav#main_nav {
    background: none;
    top: 31px;
}

.header_2 #slider {
    padding-top: 80px;
}

.header_2 .logo {
    margin-top: -26px;
    height: 90px;
    display: inline-block;
}

.header_2 div.simple-social-icons {
    margin-top: 7px;
    padding-right: 12px;
}
.header_2 nav a:hover,
.header_2 .current-menu-item a {
    color:#e62527;
    text-decoration: none;
    text-shadow: none;
}

.header_2 #main {
    /*margin-top: 610px;*/
}

.header_2 .internal {
    /*margin-top: 50px;*/
}

.current-menu-item a {
    color:#000;
}
ul.social_nav {
	margin:0 auto 10px;
	padding:0;
	overflow:hidden;
	list-style:none;
	width:200px;
}

ul.social_nav li {
	float:left;
	width:25px;
	height:25px;
	margin: 0 20px 0 0;
	background:#c8191f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	border:3px solid #eee;
}

ul.social_nav li:hover {
	border: 3px solid #00a2ec;
}

ul.social_nav li.selected {
	border: 3px solid #00a2ec;
}

ul.social_nav li a img {
	margin-top:-3px;
	margin-left:-3px;
}

div#social-slider {
	width:260px;
	position:relative;
	overflow:hidden;
	height:600px;
}

#social-slider-items {
	width:840px;
	height:600px;
	position:absolute;
	overflow:hidden;
	left:0;
	top:0;
}

.social-slider-item {
	float:left;
	width:260px;
}

#youtube {
	width:260px;
	height:580px;
	margin:0;
	clear:both;
	overflow-y:auto;
	overflow-x:hidden;
}

#youtube h2 {
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
	font-weight:bold;
	letter-spacing:-1px;
	font-size:28px;
	color:#232323;
	margin: 0 10px;
}

#videos {
	margin-top:10px;
}

#videos .yt-thumb {
	display:block;
	margin-bottom:10px;
	background:#FFF;
	width:260px;
	overflow:hidden;
}

#videos .yt-thumb img {
	float:left;
}

#videos .yt-thumb div.yt-info {
	float:left;
	margin-left:5px;
	margin-top:5px;
	font-weight:bold;
	font-size:11px;
	word-wrap:break-word;
	width:110px;
}

div#channel_div {
	margin:10px 10px 0;
}

div.video {
	display:block;
	width:120px;
	margin-right:40px;
}

div.video img {
	border:1px #444 solid;
}

.container {
	width:980px;
    margin: 0 auto;
}

#main {
    margin: 0 auto;
    clear: both;
    padding-top: 80px;
    padding-bottom: 20px;
}

#news {
	float:none;
    margin: 0 auto;
	color:#232323;
	width: 760px;
	font-family:Helvetica, Arial, sans_serif;
	font-size:13px;
	line-height:18px;
}


#news h2 {
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
    font-weight: bold;
	margin-bottom:50px;
	font-size:26px;
	color:#232323;
}



#news article {
	overflow:hidden;
	margin-bottom:25px;
    padding-top: 25px;
    border-top: 1px dotted #EEE;
}

#news div.post-date {
	float:left;
	background: #c8191f;
	color:#FFF;
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
    font-weight: bold;
	font-size:24px;
	line-height:30px;
	width:60px;
	height:100px;
	padding:10px;
	text-shadow: -1px -1px 1px #232323;
	text-transform:uppercase;
}

#news div.post-body {
	float:left;
	width:660px;
	padding-left:30px;
	border-left: 1px dotted #c8191f;
	padding-left: 15px;
}

.post-title {
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
    font-weight: bold;
	font-size:18px;
	padding-bottom:10px;
}

.post-title a {
	text-decoration:none;
}

.post-title a:hover {
	text-decoration:underline;
}


section#social {
	float:left;
	width:260px;
	margin-left:20px;
	margin-bottom:20px;
	padding-left:10px;
	color:#c8191f;
	border-left:1px dotted #c8191f;
}

section#social h2 {
	color:#232323;
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
    font-weight: bold;
	margin-bottom:20px;
	font-size:26px;
}

#footer {
	width:100%;
	height:80px;
	overflow:hidden;
	background: url(../images/footer_bg.jpg) left top repeat-x #c8191f;
	clear:both;
}

#footer .inner {
	width:980px;
	margin:0 auto ;
}

.footer_contact {
	float:right;
	text-align:right;
	color:#fff;
	margin:50px 10px 0 0;
}

.footer_contact h2 {
	margin:0;
}

.logo_wrapper {
	float:left;
	margin:50px 0 0 10px;
}

.footer-nav {
	margin:30px auto 0;
	color:#FFF;
	font-size:.685em;
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
	text-align:left;
	overflow:hidden;
	float:left;
    width: 100%;
}

#footer-logo {
	float:left;
	clear:left;
}

.footer-nav ul.left {
	list-style:none;
	padding:0;
	float:left;
	margin-top:10px;
	margin-left:20px;
}

.footer-nav ul.legal {
	list-style:none;
	display:block;
	padding:0;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	width:100%;
}

.footer-nav ul.left li, .footer-nav ul.legal li {
	float: none;
    display: block;
    padding: 5px 10px;
	border-right: 1px solid #FFF;
	margin:0;
    text-align: center;
}



.footer-nav ul li:first-child {
	padding-left:0;
	margin-left:0;
}

.footer-nav ul li:last-child {
 border:0;
}

.footer-nav ul li a {
	color:#FFF;
	text-decoration:none;
}

.footer-nav ul li a:hover {
	color:#232323;
	text-decoration:none;
}

p.footer {
	margin:10px 0;
	font-size:.685em;
	font-weight:bold;
}

p.address {
	font-size:12px;
}

header img {
	margin-bottom:20px;
}

.internal.container {
    padding-top: 80px;
    padding-bottom: 40px;
}

.internal h1 {
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
	letter-spacing:-1px;
	font-size:30px;
	padding:0;
	margin-bottom:30px;
	color:#555;
}

.internal h2 {
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
	letter-spacing:-1px;
	font-size:24px;
	padding:10px 0;
	color:#555;
}

.internal h3 {
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
	letter-spacing:-1px;
	font-size:22px;
	padding:10px 0;
	color:#555;
	border-bottom: 1px dotted #c8191f;
	margin-bottom:20px;
}

.internal p {
	color:#FFF;
	font-size:13px;
	line-height:20px;
	color:#232323;
	margin:15px 0;
}

article header {
	border-bottom: 1px dotted #c8191f;
	margin-bottom:20px;
	padding-bottom:10px;
}

div.intro, .wide-col {
	width:680px;
	margin:0 auto;
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
	float:left;
}

.wide-col {
	margin-top:20px;
}

div.intro-full {
	width:980px;
	margin:0 auto;
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
	float:left;
}

div.narrow-right {
	width:280px;
	margin-left:20px;
	float:left;
}

div.narrow-right li {
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
	letter-spacing:-1px;
	font-size:20px;
	padding:10px 0;
	color:#555;
	list-style:none;
}

div.narrow-right li a {
	text-decoration:none;
}

div.narrow-right li ul {
	list-style:none;
	margin:10px 0 0;
	padding:0;
}

div.narrow-right li ul li {
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
	letter-spacing:-1px;
	font-size:14px;
	padding:10px 0;
	color:#555;
	border:none;
	padding:0 0 10px;
	margin:0;
}

#twitter_feed {
	clear:both;
	border:1px #ccc solid;
}

#twitter_header, #youtube_header {
	width:100%;
	height:80px;
	background:#c8191f;
	overflow:auto;
}

#twitter_header a, #youtube_header a {
	color:#FFF;
	font-size:12px;
}

#twitter_header h3, #youtube_header h3 {
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
    font-size:15px;
	margin:10px;
	color:#FFF;
	font-weight:bold;
}

#twitter_header ul li {
	float:left;
	margin-right:0;
	margin-left:10px;
	padding:0;
}

ul.tweet_list {
	margin:10px 5px;
	padding:0;
	list-style:none;
	font-size:12px;
}

ul.tweet_list li {
	padding-bottom:10px;
	padding-top:10px;
	border-bottom: 1px dotted #c8191f;
	margin:0;
}

ul.tweet_list li:last-child {
	padding-bottom:10px;
	padding-top:10px;
	border-bottom: none;
	margin:0;
}

ul.tweet_list li a {
 color:#666;
}

a.tweet_avatar {
	padding:5px;
}

.games_wrapper {
	margin-top:30px;
}

.games_wrapper a {
	text-decoration:none;
}

.gamebox {
	display:block;
	width:800px;
	margin-left:90px;
	margin-right:90px;
	margin-bottom:150px;
	position:relative;
}

.gamebox .coverwrap {
	width:800px;
	height:170px;
	position:relative;
	background:#232323;
		-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-ms-border-top-left-radius: 6px;
-ms-border-top-right-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

.coverwrap p.desc {
	color:#FFF;
	padding:20px 10px 10px 223px;
	font-size:13px;
	line-height:18px;
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
}

 .img_offset {
	position:absolute;
	top:-45px;
	left:-45px;
	height:215px;
	z-index:20;
}

.game_meta {
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
	background:#c8191f;
	color:#FFF;
	position:relative;
	padding:5px 0 5px 225px;
	height:20px;
	-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
-ms-border-bottom-right-radius: 6px;
-ms-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;

}

.game_meta ul.store-icons-right {
	float:right;
	margin:-15px 10px 0;
	padding:0;
	list-style:none;
}

ul.store-icons-right li {
	float:left;
	margin:0 6px;
	padding:0;
}

ul.store-icons-right li.purchase_intro {
    background: transparent url(../images/tpg_sale_arrow.png) right center no-repeat;
    margin-top: 18px;
    text-align: left;
    width: 230px;
}

ul.store-icons-right li.purchase_intro.collapse {
    width: auto;
    padding-left: 100px;
}

ul.store-icons-right li.purchase_intro.collapse span.purchase_cta {
    background: none;
}
ul.store-icons-right li.purchase_intro span.purchase_cta {
    background: rgba(200,25,31,0.5);
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 3px;
}
.game_meta span {
	display:block;
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
	font-size:13px;
	float:left;
}

.game_meta span.game_link {
	display:block;
	float:right;
	margin-right:10px;
	color:#FFF;
}

.game_meta span.game_link a {
	color:#FFF;
	font-weight:bold;
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
}

ul.store-icons-right li a {
	display:block;
	width:54px;
	height:54px;
	overflow:hidden;

}

ul.store-icons-right li a.amazon_btn {
	background: url(../images/store_buttons_new.png) -78px 0 no-repeat;
}

ul.store-icons-right li a.amazon_btn:hover {
	background-position: -78px -175px;
}

ul.store-icons-right li a.xbox_btn {
	background: url(../images/store_buttons_new.png) 0 0 no-repeat;
}

ul.store-icons-right li a.xbox_one_btn {
	background: url(../images/store_buttons_new.png) -390px 0 no-repeat;
}

ul.store-icons-right li a.wh_btn {
	background: url(../images/wh_sitelink_icon.png) top right no-repeat;
}

ul.store-icons-right li a.wh_btn:hover {
	background-position: top left;
}

ul.store-icons-right li a.xbox_btn:hover {
	background-position: 0px -175px;
}

ul.store-icons-right li a.xbox_one_btn:hover {
	background: url(../images/store_buttons_new.png) -390px -175px no-repeat;
}

ul.store-icons-right li a.appstore_btn {
	background: url(../images/store_buttons_new.png) -128px -73px no-repeat;
	width:142px;
	height:54px;
}

ul.store-icons-right li a.appstore_btn:hover {
	background-position: -128px -248px;
	width:142px;
	height:54px;
}

ul.store-icons-right li a.wp7_btn {
	background: url(../images/store_buttons_new.png) -160px  0 no-repeat;
}

ul.store-icons-right li a.wp7_btn:hover {
	background-position: -160px -175px;
}

ul.store-icons-right li a.windows_btn {
	background: url(../images/store_buttons_new.png) -242px  0 no-repeat;
}

ul.store-icons-right li a.windows_btn:hover {
	background-position: -242px -175px;
}

ul.store-icons-right li a.steam_btn {
	background: url(../images/store_buttons_new.png) -315px 0 no-repeat;
}

ul.store-icons-right li a.steam_btn:hover {
	background-position: -315px -175px;
}

ul.store-icons-right li a.onlive_btn {
	background: url(../images/store_buttons_new.png) -194px  0 no-repeat;
}

ul.store-icons-right li a.onlive_btn:hover {
	background-position: -194px -122px;
}

.coverwrap span.game_title {
	font-size:20px;
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
    font-weight: bold;
	line-height:15px;
}

.coverwrap.bg_wh {
	background: url(../images/game_bg_wh.jpg) no-repeat 0 0;
}
.coverwrap.bg_loco {
	background: url(../images/game_bg_loco.jpg) no-repeat 0 0;
}

.coverwrap.bg_gs {
	background: url(../images/game_bg_gunstringer.jpg) no-repeat 0 0;
}
.coverwrap.bg_comic {
	background: url(../images/game_bg_comic.jpg) no-repeat 0 0;
}
.coverwrap.bg_miss {
	background: url(../images/game_bg_miss.jpg) no-repeat 0 0;
}
.coverwrap.bg_splode {
	background: url(../images/game_bg_splode.jpg) no-repeat 0 0;
}
.coverwrap.bg_maw {
	background: url(../images/game_bg_maw.jpg) no-repeat 0 0;
}

.coverwrap.over {
	position:absolute;
	top:0;
	left:0;
	display:none;
}

.coverwrap.over a {
	display:block;
	height:100%;
	width:100%;
}

.coverwrap.over.wh {
	background: url(../images/game_bg_wh_color.jpg) no-repeat 0 0;
}
.coverwrap.over.loco {
	background: url(../images/game_bg_loco_color.jpg) no-repeat 0 0;
}
.coverwrap.over.gs {
	background: url(../images/game_bg_gunstringer_color.jpg) no-repeat 0 0;
}

.coverwrap.over.mssm {
	background: url(../images/game_bg_miss_color.jpg) no-repeat 0 0;
}
.coverwrap.over.comic {
	background: url(../images/game_bg_comic_color.jpg) no-repeat 0 0;
}

.coverwrap.over.splode {
	background: url(../images/game_bg_splode_color.jpg) no-repeat 0 0;
}

.coverwrap.over.maw {
	background: url(../images/game_bg_maw_color.jpg) no-repeat 0 0;
}


.coverwrap:hover > .over {
	display:block;
	cursor:pointer;
}

.team-wrapper, .merch-wrapper  {
	clear:both;
	margin-top:30px;
	width:980px;
}

.merch-wrapper {
	padding-bottom:20px;
	border-bottom: 1px dotted #C8191F;
}

.team-member {
	margin-bottom:45px;
}
.who-the-f {
	width:300px;
	height:125px;
	position:relative;
	background: url(../images/dude_bg.jpg) no-repeat 0 0 #232323;
	float:left;
	margin:20px 20px;
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
	overflow:hidden;
}
.who-the-f .headshot {
	position:absolute;
	top:-25px;
	left:50%;
	margin-left:-100px;
	width:200px;
	height:210px;
	z-index:299;
}

.who-the-f .dude {
	background:url(../images/nav_bg.png) -10px 0;
	color:#fff;
	z-index:399;
	position:relative;
	top:125px;
	width:100%;
	height:85px;
	padding:20px;
	font-size:13px;
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
}

.who-the-f span.name {
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
    font-weight: bold;
	font-size:20px;
	text-shadow: 0 -1px 2px #232323;
	display:block;
}

.what-i-do {
	font-size:14px;
}

#careers .intro-full p {
    font-size: 1.3em;
    line-height: 1.4;
}
.job-wrapper{
	float:left;
    width: 95%;
}
.all-jobs {
    width: 75%;
    background: #222;
    padding: 2em 5%;
    border-radius: 20px;
    margin: 1em auto;
}

.all-jobs h2,
.all-jobs p {
    color: #FFF;
}

.job {
    width: 94%;
    margin-bottom: 10px;
	background:#e4e4e4;
	display:block;
	overflow:hidden;
	margin-top:10px;
	padding: 20px 3%;
}

.job p {
    color: #232323;
}
.job strong {
	font-weight:bold;
}

.job-title {
	font-size:20px;
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
    font-weight: bold;
	color:#c8191f;
}

.job-post-date {
	font-size:13px;
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
	color:#c8191f;
	float:left;
	padding-top:10px;
}

.job-expand {
	margin-top:5px;
	background:#c8191f;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    padding: 5px 8px;
    font-size:14px;
    color:#fff;
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
    font-weight: bold;
	float:right;
	margin-left:20px;
		cursor:pointer;
}

.job-content {
	clear:both;
	font-family:Helvetica, Arial, sans_serif;
	color:#232323;
	font-size:13px;
	display:none;
}

.merch-item {
	width:300px;
	height:250px;
	background:#d4d4d4;
	position:relative;
	float:left;
	margin:20px 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.merch-item-badge {
	position:absolute;
	right:-30px;
	top:-30px;
	width:125px;
	height:95px;
}

.merch-info {
	position:relative;
	float:left;
	margin-top:200px;
	height:50px;
	width:300px;
	background:#232323;
}

.merch-item:hover .merch-info{
	background:#c8191f;
}

.merch-wrapper h2 {
}

.merch-wrapper a {
	text-decoration:none;
}

#store-filter {
	clear:both;
	margin-top:5px;
}

.merch-pic {
	position:absolute;
	left:10%;
	display:block;
}

.merch-title {
	float:left;
	font-size:13px;
	color:#fff;
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
    font-weight: bold;
	margin-left:10px;
	margin-top:12px;
}

.merch-price {
	font-size:18px;
	color:#fff;
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
    font-weight: bold;
	float:right;
	margin-right:10px;
	margin-top:10px;
}

.single-merch-hero, .single-bio-hero {
	width:560px;
	margin-top:0px;
	padding:10px;
    font-family: 'Montserrat', Helvetica, Arial, sans_serif;
	float:left;
}

.single-merch-hero img, .single-bio-hero img {display:block; margin:0 auto;}

.single-merch-info, .single-bio-info {
	width:380px;
	float:left;
	margin-right:20px;
}

.alpha {
	margin-left:0;
}

.omega {
	margin-right:0;
}

/*GOODIES PAGE*/


.img-container {
	margin: 20px 0;
	overflow:hidden;
	border-bottom: dotted 1px #ccc;
}
.img-container .photo {
	float:left;
	width:200px;
	margin-bottom:20px;
}
.img-container div.thumb {
	width:138px;
	height:138px;
	overflow:hidden;
	float:left;
	margin: 0 10px 10px;
	background:#CCC;
}

#overlay {
	position:fixed;
	top:0;
	left:0;
	background: #000;
	opacity:0.85;
	filter:alpha(opacity=85); /* For IE8 and earlier */
	width:100%;
	height:100%;
	z-index:1111;
	display:none;
}

#overlay-container {
	width:980px;
	margin:0 auto;
	position:relative;
}
input[type=image] {
	margin:10px 0;
}

h1.results {
	font-size:1.25 em;
	color:#c8191f;
}

.red {
	color:#c8191f;
}

body .slicknav_menu {
    display: none;
    background: #C8191F;
}

body.header_2 .slicknav_menu {
    background: #202020;
}
/* 4/2014 - zach@pulsarwebworks.com
** adding responsive elements
** not starting from mobile and working up because of the existing theme
*/

.clearfix:after,
.pagecontent:after,
.container.internal:after {
    content: "";
    display: table;
    clear: both;
}

.single .wide-col {
    float: none;
    margin: 20px auto;
}
/* "mobile" */
@media (max-width: 600px) {
    #header {
        background: #C8191F;
        margin: 0;
        float: none;
        height: auto;
        width: 94%;
        padding-left: 3%;
        padding-right: 3%;
    }

    body .slicknav_menu {
        display: block;
    }

    #header #main_nav {
        width: 100%;
        background: #C8191F;
        position: static;
        top: auto;
        border-radius: 0;
        left: 0;
        margin-left: 0;
    }

        #header #main_nav .logo {
            height: auto;
            text-align: center;
            position: relative;
            z-index: 100;
            top: -10px;
            padding-left: 0;
        }

            #header #main_nav .logo img {
                height: 90px;
                width: auto;
            }

    #header div.simple-social-icons {
        padding: 5px 10px 0 0;
        margin: 0;
    }

        #header div.simple-social-icons ul {
            width: 100%;
            float: left;
            text-align: center;
        }

            #header div.simple-social-icons ul li {

            }

    #header #menu-primary-nav {
        display: none;
    }

    .slicknav_menu {
        display: block;
        padding: 2px 5px;
    }

    #header #menu-primary-nav, .slicknav_menu {
        float: none;
        width: auto;
        margin: 0;
        padding: 0;
        text-align: center;
    }

        #header #menu-primary-nav li, .slicknav_menu li {
            width: auto;
            display: block;
            float: none;
            margin: 0;
        }

            #header #menu-primary-nav li a, .slicknav_menu li a {
                padding: 7px 0;
                display: block;
                text-transform: uppercase;
                font-family: 'Montserrat', Helvetica, Arial, sans_serif;
                font-weight: bold;
            }

                #header #menu-primary-nav li a:hover,
                #header #menu-primary-nav li.current-menu-item a,
                .slicknav_menu li a:hover,
                .slicknav_menu li.current-menu-item a {
                    background: #8f282d;
                    color: #FFF;
                    text-shadow: 0 -1px 1px rgba(10,10,10,0.8);
                    border-radius: 3px;
                }

    #slider {
        width: 100%;
        display: block;
        position: static;
        height: auto;
        min-width: 0;
    }

    #viewport {
        width: 100%;
        margin-left: auto;
        min-height: auto;
        left: 0;
        min-height: 0;
    }

    #slider .flexslider {
        margin: 0;
    }

    #main {
        margin-top: 0;
        background: url("../images/pixels.png") repeat-x scroll top left;
        padding-top: 60px !important;
    }

    .page_bg {
        background: none;
    }

    .header_2 #header {
        background: #202020;
        height: auto;
    }

    .header_2 .logo {

    }
    .header_2 #header #main_nav {
        background: #202020;
    }

    .header_2 .slicknav_btn {
        background: #C8191F;
    }

    div.container.internal {
        padding-top: 60px;
    }

    .header_2 div.container.internal {
        padding-top: 140px;
    }
    #gamecontent.container {
        padding-top: 90px;
    }
    .header_2 #gamecontent.container {
        padding-top: 160px;
    }
}

@media (max-width: 979px) {
    .pagecontent {
        width: 100%;
    }

    .container {
        width: 94%;
        padding-left: 3%;
        padding-right: 3%;
    }

        .container img,
        .container video,
        .container object,
        .container iframe {
            max-width: 100%;
            height: auto;
        }

        .container article,
        .container section,
        .container div.intro,
        .container section.wide-col{
            width: 100%
        }

    .container.internal {
        padding-top: 120px;
    }
    /* FRONT PAGE CONTENT */
    #news {
        width: 100%;
    }

        #news h2 {
            margin-bottom: 20px;
        }

        #news article .post-date {
            width: 16%;
            padding-left: 2%;
            padding-right: 2%;
            font-size: 20px;
            line-height: 1.25;
            height: 4em;
            max-width: 70px;
        }

        #news article .post-body {
            padding-left: 3%;
            padding-right: 0;
            width: 76%;
        }

    /* ABOUT PAGE */
    #aboutcontent {
        /*margin-top: 50px;*/
    }

    .header_2 #aboutcontent {
        /*margin-top: 100px;*/
    }

    #tpgwrapper .intro-full,
    #tpgwrapper .team-wrapper,
    #tpgwrapper .merch-wrapper {
        width: 100%;
    }

    .team-wrapper article {
        margin: 10px 0;
    }

    /* GAMES PAGE */
    #gamecontent {

    }

        #gamecontent .gamebox {
            margin: 10px auto 130px;
            text-align: center;
            width: 100%;
            background: #101010;
            border-radius: 6px;
        }

        #gamecontent .gamebox:last-of-type {
            margin-bottom: 20px;
        }

        #gamecontent .coverwrap {
            width: 100%;
            height: auto;
            clear: both;
        }

            #gamecontent .gamebox .game_meta {
                height: auto;
                width: 94%;
                padding-left: 3%;
                padding-right: 3%;
            }

                #gamecontent .gamebox .game_meta ul.store-icons-right {
                    float: none;
                    display: block;
                    margin: 0;
                }

                #gamecontent .gamebox .game_meta ul.store-icons-right li {
                    display: inline-block;
                    float: none;
                }

                #gamecontent .gamebox .game_meta ul.store-icons-right li.purchase_intro,
                #gamecontent .gamebox .game_meta ul.store-icons-right li.purchase_intro.collapse {
                    width: 100%;
                    padding-top: 5px;
                    padding-bottom: 8px;
                    padding: 5px 0 8px;
                    margin: 0;
                }

                #gamecontent .gamebox .game_meta ul.store-icons-right li.purchase_intro.collapse .purchase_cta:before {
                    content: 'Purchase Now '
                }

            #gamecontent .coverwrap p.desc {
                padding: 245px 10px 10px 10px;
            }

            #gamecontent .coverwrap .img_offset {
                left: 50%;
                margin-left: -153px;
                top: -75px;
            }

    #bio {
        margin-top: 40px;
    }

    .single-bio-hero, .single-bio-info {
        display: block;
        width: 100%;
        float: none;
    }

    #footer {

    }

        #footer .inner {
            width: 96%;
            padding-left: 3%;
            padding-right: 3%;
        }
/*
            #footer .inner #footer-logo {
                width: 15%;
            }

                #footer .inner #footer-logo img {
                    width: 100%;
                    height: auto;
                }

            #footer .inner .footer-nav {
                margin-top: 0;
                width: 85%;
            }

                #footer .inner .footer-nav .legal {
                    float: left;
                    display: inline-block;
                    width: 100%;
                    margin-bottom: 10px;
                }

                #footer .inner .footer-nav li {
                    padding: 0 10px;
                    line-height: 1.5;
                }

                #footer .inner .footer-nav .left {
                    float: left;
                    display: inline-block;
                    width: 100%;
                    margin: 0;
                }

                    #footer .inner .footer-nav .left li:first-of-type {
                        border-right: none;
                    }
*/
    .header_2 #header {
        width: 94%;

    }

    .header_2 #main_nav {

    }

    .header_2 .logo {

    }
}

@media (min-width: 601px) and (max-width: 720px) {
    div.simple-social-icons {
        display: none;
    }
}
/* "tablet" only */
@media (min-width: 601px) and (max-width: 980px) {

    .page_bg #tpgwrapper {
        padding-top: 0;
    }

    .page_bg #news {
        margin-top: 80px;
    }
    #header {
        position: fixed;
        width: 94%;
        padding-left: 3%;
        padding-right: 3%;
        top: 0;
    }

    nav#main_nav {
        width: auto;
        position: relative;
        left: auto;
        margin-left: 0;
        top: 20px;
    }

        nav#main_nav ul.main {
            margin-left: 0;
        }

    #main_nav .logo {
        padding-left: 10px;
    }

    .team-wrapper article {
        width: 31.5%;
        margin-left: 2.5%;
    }

        .team-wrapper article.alpha {
            margin-left: 0;
        }
}

/* intros have locked width, hide them if too thin to show */
@media (max-width: 979px) {
    #aboutintro_hype_container,
    #gamesintro_hype_container,
    #goodiesintro_hype_container,
    #careerintro_hype_container,
    #pressintro_hype_container,
    #supportintro_hype_container,
    #aboutintro_hype_container {
        display: none;
    }

    #gamecontent {
        padding-top: 140px;
    }
}

@media (min-width: 980px) {
    #aboutintro_hype_container,
    #gamesintro_hype_container,
    #goodiesintro_hype_container,
    #careerintro_hype_container,
    #pressintro_hype_container,
    #supportintro_hype_container,
    #aboutintro_hype_container {
        overflow: visible !important;
        /*margin-top: 100px;*/
    }

    #supportintro_hype_container {
        /*margin-top: 20px;*/
    }

    .header_2 #news {
        padding-top: 90px;
    }
}