/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/* global major */
body{background-color:#191919;font-family:'Source Sans Pro',Helvetica,Arial;-webkit-font-smoothing:antialiased}
a{cursor:pointer}

/* main structure */
.theheader,.thenav,.thepage,.thefooter,.theprimary{position:relative}
.theprimary{max-width:1200px;margin:0 auto}
.theprimary>iframe{margin:0 auto;display:inline-block;}
.clear{clear:both}

.theheader{background-color:#222;border-top:5px solid #b22e14;border-bottom:1px solid #191919}
.theheader,.theheader>.theprimary{height:90px}
.thenav{background-color:#222;
    min-height: 2.6em;
    /*display: block;height: 2.6em;z-index: 1;*/
}
/*.thenav,.thenav>.theprimary{height:57px}*/
.thefooter{padding:30px 0}

/* globals */
.cfix{clear:both}

.pos-r{position:relative}
.pos-a{position:absolute}

.ta-r{text-align:right}
.ta-l{text-align:left}
.ta-c{text-align:center}

.fw-3{font-weight:300}
.fw-4{font-weight:400}
.fw-6{font-weight:600}
.fw-7{font-weight:700}

.pd-16{padding:16px}

.ma-b-30{margin-bottom:30px}

.list-c{list-style-type:none;text-align:center}
.list-c li{position:relative;display:inline-block}

.nfo{color:#aaa;line-height:32px;display:inline-block}
.nfo i{color:rgba(255,255,255,.25);padding-right:8px}

/* header & nav */
.thelogo{background-image:url(../img/logo.png);background-position:left top;background-repeat:no-repeat;background-size:257px 72px;width:257px;height:72px;text-indent:-9999px;top:9px;left:0;overflow:hidden}
.thelogo a{width:100%;height:100%;text-decoration:none;top:0;left:0}

.thesearch{background:#191919;width:320px;height:42px;border-radius:5px;top:24px;right:0}
.thesearch>input{background:transparent}
.thesearch>.searchinput{width:263px;height:42px;font-family:'Source Sans Pro',Helvetica,Arial;font-size:18px;color:#4a4a4a;border:0;border-radius:5px;padding:0 0 0 15px;top:0;left:0}
.thesearch>.searchbutton{width:42px;height:42px;color:#444;border:0;top:0;right:0;cursor:pointer}
.thesearch>.searchbutton:hover{color:#666}

.thenav ul{list-style-type:none;border-left:1px solid #191919;top:0}
.thenav ul li{position:relative}
.thenav ul li a{font-size:15px;font-weight:400;color:#888;text-align:center;text-decoration:none;line-height:42px;border-right:1px solid #191919;padding:0 24px 0 21px;position:relative;display:block}
.thenav ul li a.active-nav{background:#191919;color:#fff}
.thenav ul li a:hover{background:#292929;color:#fff;text-decoration:none}
.thenav ul li a.active-nav:hover{color:#bbb;box-shadow:none}
.nav-l{left:0}
.nav-l li{float:left}
.nav-r{right:0}
.nav-r li{float:right}

/* footer */
.thefooter iframe {margin-left: 2em;}
.thefooter p{font-size:14px;color:#444;line-height:16px;margin:0 0 15px 0}
.thefooter a{color:#666;text-decoration:none}
.thefooter a:hover{color:#888;text-decoration:none}

/* pages & titles */
.psec{margin-bottom:30px}

.psec-title{min-height:36px;padding:20px 0 8px 0}
.psec-title h2{font-size:24px;color:#fff;line-height:36px;top:20px;left:30px}
.psec-title .list-sort{top:20px;right:30px}

.psec-media{background:#222;padding:0 0 30px 0}
.psec-video,.psec-static{background:#222;padding:30px}

.s-title{font-size:32px;color:#fff;padding:0 0 15px 0}

/* lists */
.list-sort{background:#282828;list-style-type:none;border-radius:5px;overflow:hidden}
.list-sort li{border-right:1px solid #1e1e1e;position:relative;float:left}
.list-sort li:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}
.list-sort li:last-child{border-right:0;border-top-right-radius:4px;border-bottom-right-radius:4px}
.list-sort li a{font-size:12px;font-weight:400;color:#888;text-align:center;text-decoration:none;line-height:36px;padding:0 14px;position:relative;display:block}
.list-sort li a.active-sort{background:#2e2e2e;color:#fff}
.list-sort li a:hover{color:#fff;text-decoration:none}
.list-sort li a.active-sort:hover{color:#bbb}

.list-pages li{margin:0 2px 5px 2px}
.list-pages li a{background:#2c2c2c;color:#888;text-align:center;text-decoration:none;text-transform:uppercase;border-radius:2px;position:relative;display:block}
.list-pages li a:hover,.list-pages li a.specbtn{background:#b22e14;color:#fff;text-decoration:none}
.list-pages li a.active-page{background:rgba(0,0,0,.2);color:#444}
.list-pages li a{font-size:15px;font-weight:400;padding:4px 10px}

.list-3ad-h{margin-bottom:30px}
.list-3ad-h li{width:300px;margin:0 20px}
.list-3ad-h li a{text-decoration:none;position:relative;display:block}
.list-3ad-h li a img{width:100%;height:auto;position:relative;display:block}

.list-media{padding:15px 0}
.list-media li{background:rgba(255,255,255,.075);width:268px;border-radius:4px;padding:8px;margin:0 5px 17px 5px}
.list-media li:hover{background:#b22e14}
.list-media li a{text-decoration:none;position:relative;display:block}
.list-media li a .media-bx{background-color:#111;width:264px;height:205px;border:2px solid #fff;border-radius:5px;margin-bottom:8px;overflow:hidden}
.list-media li a .media-bx img{width:100%;height:auto;position:relative;display:block;z-index:1}
.list-media li a .media-bx .media-nfo{background:rgba(0,0,0,.75);width:100%;height:32px;font-size:13px;bottom:0;left:0;opacity:0;z-index:2}
.list-media li a:hover .media-bx .media-nfo{opacity:1}
.list-media li a .media-bx .media-nfo .nfo{margin:0 0 0 12px}
.list-media li a h3{height:36px;font-size:16px;color:#fff;line-height:18px;padding:0 5px;position:relative;overflow:hidden;text-overflow:ellipsis}

.list-plugs{list-style-type:none;position:relative}
.list-plugs li{width:42%;margin:0 7% 12px 0;position:relative;float:left}
.list-plugs li a{text-decoration:none;position:relative;display:block}
.list-plugs li a img{width:100%;height:auto;margin-bottom:4px;position:relative;display:block}
.list-plugs li a h3{height:28px;font-size:12px;color:#fff;line-height:14px;position:relative;overflow:hidden;text-overflow:ellipsis}
.list-plugs li a:hover h3{color:#b22e14}

.list-tads{font-size:16px}
.list-tads a{color:#b22e14;text-decoration:none;margin:0 5px 5px 5px;position:relative;display:inline-block}
.list-tads a:hover{color:#b22e14;text-decoration:underline}

/* 2 column page */
.thecolumn{width:69%;float:left}
.thesidebar{width:30%;text-align:center;padding:0;float:right}

.theplayer{height:auto;color:#fff;margin-top:-20px;margin-bottom:30px;position:relative}
.theplayer iframe{
	width:100%!important;
	height:659px!important;
	vertical-align:top;
	margin:auto;
	position:relative;
	display:block
}
.theplayer>a{
	color:#b22e14
}

.thevideo>h1{font-size:30px;color:#fff;line-height:34px;letter-spacing:-1px}
.thevideo-nfo{font-size:16px;margin-bottom:15px}
.thevideo-nfo>.nfo{margin:0 12px 0 0}
.thevideo-share{margin-bottom:15px}
.thedesc{font-size:16px;color:#fff;margin-bottom:15px}
.thevideo-tags{font-size:14px;color:#fff;margin-bottom:15px}
.thevideo-tags p{margin-right:5px;position:relative;display:inline-block}
.thevideo-tags a{color:#b22e14;text-decoration:none;position:relative;display:inline-block}

/* transitions */
a,i,li,span,input,div,h1,h2,h3,h4,img{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out}

/* footer */

.footer_spacer {
    display: inline-block;
    width: 70px;
}

/* end of footer */

div#bottom_ads {text-align:center;padding-bottom:16px;position:relative;display:block}
div#bottom_ads>div {display:inline;}
div#bottom_ads>span {margin-right: 3.5em;}
div#bottom_ads iframe {position: relative}

/* Oct 6 2015 */
.primary{
	width:100%;
	max-width:1280px;
	margin:auto;
	position:relative
}

/* header */
.header{
	background:#2a2a2a;
	width:100%;
	border-top:5px solid #b22e14;
	position:fixed;
	top:0;
	left:0;
	z-index:999
}

.header,
.header .primary{
	height:96px
}

.header .show-nav{
	width:72px;
	height:72px;
	font-size:24px;
	color:#fff;
	text-align:center;
	line-height:72px;
	position:absolute;
	top:12px;
	left:0;
	cursor:pointer
}

.header .logo{
	width:218px;
	height:auto;
	position:absolute;
	top:12px;
	left:72px;
	overflow:hidden
}

.header .logo img{
	width:100%;
	height:auto;
	position:relative;
	display:block
}

.header .leaderboard{
	background:rgba(0,0,0,.08);
	width:728px;
	height:90px;
	position:absolute;
	top:11px;
	right:0
}

.header .leaderboard img{
	width:100%;
	height:auto;
	position:relative;
	display:block
}

.header .links{
	background:rgba(255,255,255,.08);
	list-style-type:none;
	text-align:right;
	border-radius:4px;
	position:absolute;
	top:26px;
	right:0
}

@media screen and (max-width: 1060px) {
	.header .links{
		display:none
	}
}

.header .links li{
	border-left:1px solid #2a2a2a;
	margin:auto;
	display:inline-block;
	position:relative
}

.header .links li:first-child{
	border-left:0
}

.header .links li a{
	font-size:12px;
	font-weight:400;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	line-height:40px;
	padding:0 16px;
	margin:0;
	opacity:.48;
	display:block
}

.header .links li a:hover{
	opacity:1
}

/* nav */
.nav{
	background:#050505;
	width:320px;
	height:100%;
	position:fixed;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:100000;
	-webkit-transition:all 240ms ease-in-out;
	-moz-transition:all 240ms ease-in-out;
	transition:all 240ms ease-in-out;
	-webkit-transform:translate3d(-100%,0px,0px);
	-moz-transform:translate3d(-100%,0px,0px);
	-ms-transform:translate3d(-100%,0px,0px);
	-o-transform:translate3d(-100%,0px,0px);
	transform:translate3d(-100%,0px,0px);
	-webkit-transform-origin:0% 0%;
	-moz-transform-origin:0% 0%;
	-ms-transform-origin:0% 0%;
	transform-origin:0% 0%
}

.nav.active{
	-webkit-transform:translate3d(0px,0px,0px);
	-moz-transform:translate3d(0px,0px,0px);
	-ms-transform:translate3d(0px,0px,0px);
	-o-transform:translate3d(0px,0px,0px);
	transform:translate3d(0px,0px,0px)
}

.nav-closer{
	width:100%;
	height:100%;
	position:fixed;
	z-index:99999;
	-webkit-transition:all 240ms ease-in-out;
	-moz-transition:all 240ms ease-in-out;
	transition:all 240ms ease-in-out;
	-webkit-transform:translate3d(-100%,0px,0px);
	-moz-transform:translate3d(-100%,0px,0px);
	-ms-transform:translate3d(-100%,0px,0px);
	-o-transform:translate3d(-100%,0px,0px);
	transform:translate3d(-100%,0px,0px);
	-webkit-transform-origin:0% 0%;
	-moz-transform-origin:0% 0%;
	-ms-transform-origin:0% 0%;
	transform-origin:0% 0%
}

.nav-closer.active{
	-webkit-transform:translate3d(0px,0px,0px);
	-moz-transform:translate3d(0px,0px,0px);
	-ms-transform:translate3d(0px,0px,0px);
	-o-transform:translate3d(0px,0px,0px);
	transform:translate3d(0px,0px,0px)
}

.nav .hdr{
	text-align:center;
	padding:32px 32px 0 32px;
	position:relative
}

.nav .hdr .logo{
	width:90%;
	height:auto;
	margin:auto;
	position:relative;
	display:inline-block
}

.nav .hdr .logo img{
	width:100%;
	height:auto;
	position:relative;
	display:block
}

.nav ul{
	list-style-type:none;
	padding:32px;
	margin-bottom:24px;
	position:relative
}

.nav li a{
	text-decoration:none;
	padding-right:40px;
	opacity:.48;
	position:relative;
	display:block
}

.nav li a span{
	font-size:16px;
	color:#fff;
	text-align:left;
	text-transform:uppercase;
	line-height:40px;
	position:relative;
	display:block
}

.nav li a .fa{
	width:24px;
	height:40px;
	font-size:18px;
	color:#fff;
	text-align:center;
	line-height:40px;
	position:absolute;
	top:0;
	right:0
}

/* hover effects */
.show-nav:hover{
	opacity:.64
}

.nav .hdr:hover .fa{
	opacity:.48
}

.nav li a:hover{
	opacity:1
}

/* page structure */
.page{
	text-align:center;
	padding-top:96px;
	position:relative
}

.page .primary{
	background:#222;
	width:auto;
	max-width:1220px;
	padding:32px;
	margin:auto;
	position:relative
}

.page .primary .psec{
	padding:0!important;
}

.page .primary>.psec{
	margin-bottom:0!important
}

@media screen and (max-width: 480px) {
	.page .primary{
		padding:24px 0
	}
}

.page .cols{
	margin-bottom:32px;
	position:relative
}

.page .left{
	width:896px;
	vertical-align:top;
	position:relative;
	float:left
}
.page.page-index .left {
    width: 100%;
}

.page .right{
	width:300px;
	vertical-align:top;
	position:relative;
	float:right
}

@media screen and (max-width: 1280px) {
	.page .left,
	.page .right{
		width:100%;
		text-align:center;
		float:left
	}
}

.page .list-c,
.page .list-tads{
	text-align:center;
	position:relative;
	display:block
}

/* left column list */
.list{
	list-style-type:none;
	text-align:center
}

.list li{
	width:204px;
	height:auto;
	vertical-align:top;
	margin:0 8px 16px 8px;
	position:relative;
	display:inline-block
}
.page-index .list li {
    width:220px;
}

.list li a{text-decoration:none;position:relative;display:block}

.list .image{
	position:relative;
	display:block
}

.list .thumb{
	background:#000;
	width:100%;
	height:auto;
	position:relative;
	display:block;
	overflow:hidden;
	z-index:1
}

.list .thumb img{
	/*width:100%;*/
	width:99%;
	height:auto;
	position:relative;
	display:block;
        border: 1px solid #fff;
}

.list .thumb:hover img{
	opacity:.72;
	-webkit-transform:scale(1.06);
	-moz-transform:scale(1.06);
	-ms-transform:scale(1.06);
	-o-transform:scale(1.06);
	transform:scale(1.06);
}

.list .meta{
	background:-webkit-linear-gradient(bottom,rgba(0,0,0,.9),rgba(0,0,0,0));
	background:-moz-linear-gradient(bottom,rgba(0,0,0,.9),rgba(0,0,0,0));
	background:-ms-linear-gradient(bottom,rgba(0,0,0,.9),rgba(0,0,0,0));
	background:-o-linear-gradient(bottom,rgba(0,0,0,.9),rgba(0,0,0,0));
	background:linear-gradient(bottom,rgba(0,0,0,.9),rgba(0,0,0,0));
	width:90%;
	height:auto;
	font-size:12px;
	font-weight:400;
	color:#fff;
	text-align:center;
	line-height:16px;
	padding:12px 5% 8px 5%;
	position:absolute;
	bottom:0;
	left:0;
	opacity:0;
	z-index:2
}

.list .image:hover .meta{
	opacity:1
}

.list .meta .fa{
	width:16px;
	height:16px;
	font-size:12px;
	color:#fff;
	text-align:center;
	line-height:16px;
	vertical-align:top;
	margin:auto 2px auto 4px;
	display:inline-block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}

.list .title{
	height:32px;
	font-size:14px;
	font-weight:700;
	color:#fff;
	text-align:center;
	line-height:16px;
	padding-top:8px;
	overflow:hidden;
	text-overflow:ellipsis
}

/* video page ads */
.plugs-video{
	width:100%;
	text-align:center;
	margin-bottom:16px;
	position:relative;
	display:block;
	float:left
}
.plugs-video.plugs-mobile{
	display:none
}
@media screen and (max-width: 768px) {
	.plugs-video{
		background:#222;
		padding-top:32px
	}
	.plugs-video.plugs-desktop{
		display:none
	}
	.plugs-video.plugs-mobile{
		display:block
	}
	.thecolumn,
	.thesidebar,
	.thefooter{
		position:relative;
		float:none!important
	}
	.thecolumn{
		width:88%!important;
		padding:0 6%
	}
}
.plugs-video .list-plugs{
	width:100%;
	text-align:center;
	list-style-type:none;
	margin:auto;
	position:relative;
	display:block;
	float:left
}
.plugs-video .list-plugs li{
	width:168px;
	margin:0 8px 16px 8px;
	position:relative;
	display:inline-block;
	float:none
}

.page .plugs-video{
	border-bottom:1px solid rgba(255,255,255,.08);
	box-shadow:0 -1px 0 rgba(0,0,0,.32) inset;
	padding-bottom:10px;
	margin-bottom:32px;
	float:none
}

.page .plugs-video .list-plugs{
	float:none
}

.page .plugs-video .list-plugs li{
	width:176px
}

/* page right side */
.page .right>iframe{
	margin-bottom:32px
}

@media screen and (max-width: 1020px) {
	.thecolumn,
	.thesidebar{
		width:100%;
		text-align:center
	}
}

@media screen and (max-width: 768px) {
	.theplayer iframe{
		height:480px!important;
	}
}

@media screen and (max-width: 480px) {
	.theplayer iframe{
		height:320px!important;
	}
}