/*
Theme Name: TNT Mobile
Theme URI: TNT Mobile
Version: 1.0
Author: PhillyCustoms
Author URI: http://phillycustoms.com
*/

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; }


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

}

body { color: #000000; background: #000000 ; font-family: Helvetica; margin: 0; padding: 0; }
a {color: #336699; text-decoration: none;}
a:visited {color: #336699; text-decoration: none;}
a:hover {color: #000000; text-decoration: none;}

em {font-style: italic;}
strong {font-weight: bold;}

h1 {font-size: 18px; text-transform: uppercase; height: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;line-height: 100%; font-family: "League_Gothic", Helvetica;}
h2 {font-size: 22px; text-transform: uppercase; height: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;line-height: 100%; font-family: "League_Gothic", Helvetica;}
h3 {font-size: 26px; text-transform: uppercase; height: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;line-height: 100%; font-family: "League_Gothic", Helvetica;}
h4 {font-size: 30px; text-transform: uppercase; height: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;line-height: 100%; font-family: "League_Gothic", Helvetica;}
h5 {font-size: 34px; text-transform: uppercase; height: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;line-height: 100%; font-family: "League_Gothic", Helvetica;}
h6 {font-size: 38px; text-transform: uppercase; height: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;line-height: 100%; font-family: "League_Gothic", Helvetica;}
h7 {font-size: 42px; text-transform: uppercase; height: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;line-height: 100%; font-family: "League_Gothic", Helvetica;}

#wrapper {width: 100%;   margin: 0 auto; background: #ffffff;   text-align: left; margin-left: auto; margin-right: auto;  height: auto; overflow: hidden; }

header {float: left; width:100%; text-transform: uppercase;font-family: "League_Gothic", Helvetica;font-size:40px;background: #ffffff url(images/bghead.jpg);margin-bottom:10px;   }

.nav {width: 100%; }
.nav ul li {  width: 100%; color:#ffffff; float:left;font-family: "League_Gothic", Helvetica;font-size:40px;text-transform:uppercase;margin-bottom: 10px;background: #000000 url(images/navroll.jpg); height:50px; text-align: center; padding-top:10px; padding-bottom: 10px; }
.nav ul li a {  color: #ffffff; }



.nav { /* Sub Menu */ /* SUBSUB Menu */ }
.nav ul li { list-style: none; position: relative; }
.nav ul li a {   }
.nav ul ul { }
.nav ul ul li {}
.nav ul ul li a {}
.nav ul ul li a:hover {}
.nav ul ul li {}
.nav ul ul a {}
.nav li ul li, nav li ul li a {}
.nav li ul li { _display: inline; /* ie6 */ }
.nav li ul li a {}
.nav li ul li ul {}

header #banner {float: left; width: 100%; }
header #banner .logo {margin-left: 10px; margin-top: 6px; float: left; margin-right: 10px;font-size:39px;}




div.featured {float: left; width:100%; background: #333; margin-bottom: 6px; height:414px; overflow: hidden; }
div.featured .title {background: #eeeeee; color: #336699;  opacity: 0.9; font-family: "League_Gothic", Helvetica;font-size:26px; text-transform: uppercase; margin-top:-55px; padding: 10px 10px 10px 10px;}
div.featured .title a:hover {color: #ffffff;}
div.featured .title:hover {background: #000000;}

.sidebarad {background: #393939; padding: 10px; margin-bottom:6px;}

div.featured #slider ul, div.featured #slider li{
	margin:0px;
	padding:0;
	list-style:none;
	width:100%;
	 height: 414px;float: left;
	}
div.featured #slider, div.featured #slider li{ 
	width:100%;
	 height: 414px;float: left;

	background: transparent;
	}
div.featured #slider, div.featured #slider li img{ 
width: 100%;
height: 414px;

}

div.featured #slider li img:hover{ 
	zoom: 1;
}

/* numeric controls */	

	ol#controls{float: left; z-index:9999; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;-khtml-opacity: 0.7; margin:1em 0;padding:0;height:28px;margin-top: -403px;margin-left: 572px;}
	ol#controls li{float:left;list-style:none;height:10px; margin-right:3px; }
	ol#controls li a{float:left;height:3px;width: 3px; border:1px solid #000;padding: 5px;border-radius: 100%;background:#ffffff;text-indent: -9999px;text-decoration:none;}
	ol#controls li.current a{background:#336699;text-indent: -9999px;}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}


div.post {width: 100%;background: #dadada; margin-bottom: 10px; overflow: hidden;  }
div.post img {float: left; width: 170px; height: 100px; margin-right: 10px; }
div.post h2 {height: 100%;font-size: 20px; padding: 10px;   }


div.moreposts {float: left;width: 100%;background:#f1f1f1;margin-bottom: 10px;HEIGHT:16PX; }
div.moreposts span {font-family: "League_Gothic", Helvetica; font-weight:normal;font-style:normal;font-stretch:normal;font-size:16px; background:#ffffff; padding-right: 5px;text-transform: uppercase;}

.frontpostmeta {padding: 5px 5px 5px 5px; height: 18px; font-size: 18px; color: #393939; text-transform: uppercase; border-top: 1px solid #c9c9c9; margin-left: 275px;font-family: "League_Gothic", Helvetica;font-weight:normal;font-style:normal;font-stretch:normal;}
.frontpostmeta span{color: #336699;}


div.postleft {float: left;width: 100%; }
div.postleft h2.title {padding: 5px 5px 5px 5px; font-size:40px; border-bottom: 1px solid #c9c9c9;text-decoration: none; text-transform: uppercase;  font-weight:normal;font-style:normal;font-stretch:normal; }
div.postleft img.main {width: 100%; height: auto;}
div.postleft p {font-size: 14px; line-height: 14px; margin-bottom:10px; padding: 5px 5px 5px 5px;   }

div.postleft .postmeta {padding: 5px 5px 5px 5px; margin-bottom: 10px; margin-top:10px; font-family: "League_Gothic", Helvetica;font-weight:normal;font-style:normal;font-stretch:normal;font-size: 16px;text-transform: uppercase;}
div.postleft .postmeta span { font-size: 16px; color:#336699;}
div.postleft blockquote {margin: 1em 3em;color:#000000;border-left: 2px solid #999;padding-left: 1em; }

div.left {float: left;width:100%; overflow-x: hidden;}
div.left h2.section {background: #393939;overflow-y:hidden;height: 22px;margin-bottom: 10px; }
div.left h2.section span {padding-left:5px !important; color: #393939; font-size: 22px;text-transform: uppercase; height: 24PX; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: "League_Gothic", Helvetica; background: #ffffff; padding-right: 5px;overflow-y:hidden;font-weight:normal;font-style:normal;font-stretch:normal;}


h2.related {background: #393939;margin-bottom: 10px;overflow-y:hidden;height: 23px; border-top:1px solid #fff;}
h2.related span { color: #393939; font-size: 23px; line-height: 100%; text-transform: uppercase; height: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: "League_Gothic", Helvetica; background: #ffffff; padding-right: 5px;overflow-y:hidden;height: 24px;font-weight:normal;font-style:normal;font-stretch:normal;}




div.footer {font-size: 20px; line-height: 20px; padding-top:8px; padding-bottom: 8px; color: #fff; background: #000000; margin:0 auto; width: 100%;text-align: center; font-family: "League_Gothic", Helvetica;  text-transform: uppercase; }
div.footer left {text-align:center;}
div.footer a {text-decoration: none;}
div.footer a:hover {color: #eaeaea;}
div.footer a img:hover {opacity: .99;}
div.footer a img {opacity: .75;}



div.full { width: 1004px;}
div.full .posts {width:1004px; float: left; overflow: hidden; }
div.full .post {background: #e4e4e4; margin-top: 6px; }
div.full .post .postcontent { width: 744px; float: right; }
div.full .post .postcontent h3 {font-size: 33px;}
div.full .post .postcontent h3 a {text-decoration: none;}

div.commentholder {width:100%; float: left; overflow: hidden;}

div.tags {margin-left:5px; padding-top: 2px;}
div.tags {padding-bottom: 5px;}
div.tags a {color: #336699;font-family: "League_Gothic", Helvetica; font-weight:normal;font-style:normal;font-stretch:normal; text-transform: uppercase;background: #1c1c1c; padding: 5px;margin-right:5px;}
div.tags a:hover {color:#000000; font-family: "League_Gothic", Helvetica; font-weight:normal;font-style:normal;font-stretch:normal; text-transform: uppercase;background: #dadada; padding: 5px;margin-right:5px;}


ul {list-style-type: none;}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
max-width: 100%;
overflow: hidden;
height: auto;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}




article {width: 100%;background: #dadada; margin-bottom: 10px; overflow: hidden;}
article a {height: 100%;font-size: 20px; }
article h3 {height: 100%;font-size: 20px; padding:10px; }
article img {float: left; width: 170px; height: 100px; margin-right: 10px;}




select {
    width: 100%;
border: 0px solid #000000;
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight:normal; font-style:normal; font-stretch:normal; text-decoration: none;
    overflow: hidden;
    padding-top: 2px;
    padding-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
font-family: "League_Gothic", "Bebas", Impact;
   overflow: hidden;
   background: #1c1c1c;
}
select:hover {
    background: #dadada;
    color: #000000; 
border: 0px solid #000000;-webkit-appearance: none;
}


.recentcomments {background: #e4e4e4; margin-bottom: 6px; padding: 6px; }
.recentcomments a {text-decoration: none;}




input#s1 {float:left; -webkit-appearance:none;-webkit-border-radius: 0 !important;
-moz-border-radius: none !important;
border-radius: none !important;background: #000000;vertical-align: baseline; Border: 0px solid #000000; padding: 0px 0px 0px 0px !important; margin: 0px 0px 0px 0px !important; height: 50px;  text-transform: uppercase; font-size: 30px;color:#808080;font-family: "League_Gothic", "Bebas", Impact;font-weight:normal; font-style:normal; font-stretch:normal; text-decoration: none; width:84% !important;}


input#s1searchsubmit.btn {width: 16% !important;height: 50px;background: #dadada; color: #000000;text-transform: uppercase; font-size: 30px;color:#808080;font-family: "League_Gothic", "Bebas", Impact;font-weight:normal; font-style:normal; font-stretch:normal; text-decoration: none;-moz-box-shadow:0px 0px 0px 0px #ccc;-webkit-box-shadow: 0px 0px 0px 0px #ccc;box-shadow:0px 0px 0px 0px #ccc;Border: 0px solid #000000;-webkit-border-radius: 0 !important;
-moz-border-radius: none !important;
border-radius: none !important;-webkit-appearance:none;padding: 0px 0px 0px 0px !important; margin: 0px 0px 0px 0px !important;}


.search {-webkit-border-radius: 0 !important;
-moz-border-radius: none !important;
border-radius: none !important; -webkit-appearance:none;}

LI#menu-item {width: 100%; background: #999;}


.container {
	/* defaults for resposive height container */
	position: relative;
	width: 100%;
	height: 0;
	
	/* 39% being the ratio we are maintaining 
	 * calculated by looking at the image 
	 * ratio: 400/1024 = ~0.39 */
	padding: 0 0 39% 0;
}

.iosSlider {
	width: 100%;
	
	/* this height ends up being your maximum height, 
	 * if you want it to scale forever, set it to 
	 * a very high number */
margin-bottom:10px;height:200px;margin-top:10px;
}

.iosSlider .slider {
	width: 100%;
	height: 100%;
}

.iosSlider .slider .item {
	float: left;
	
	width: 100%;
}

.iosSlider .slider .item img {
	width: 100%;
	height: auto;
}

/* controls */
.container .prevContainer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	
	padding: 0 0 19.5% 0;
	z-index: 10;
}

.container .prevContainer .prev {
	position: absolute;
	bottom: -10%;
	left: 0;
	width: 100%;
	height: 20%;
	background: #aaa;
}

.container .nextContainer {
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	
	padding: 0 0 19.5% 0;
	z-index: 10;
}

.container .nextContainer .next {
	position: absolute;
	bottom: -10%;
	left: 0;
	width: 100%;
	height: 20%;
	background: #aaa;
}

.container .selectorsBlock {
	position: absolute;
	bottom: 10px;
	width: 100%;
	height: 5%;
}

.container .selectorsBlock .selectors {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
	width: 12%;
	height: 100%;
}

.container .selectorsBlock .selectors .item {
	position: relative;
	top: 0;
	left: 0;
	float: left;
	width: 16%;
	height: 100%;
	margin: 0 0 0 5%;
	background: #aaa;
}

.container .selectorsBlock .selectors .selected {
	background: #333;
}

.container .selectorsBlock .selectors .first {
	margin-left: 0;
}

div.navigation a {margin-bottom: 10px; font-size:40px; background: #000000; color: #ffffff; padding: 5px 5px 5px 5px;font-family: "League_Gothic", "Bebas", Impact;font-weight:normal; font-style:normal; font-stretch:normal; text-decoration: none;text-align: center;}

div.navigation {margin-top: 10px; margin-bottom: 10px;}

div.postleft iframe {width:100%;max-height: 300px;}

/*
 * Socialite Look-a-like defaults
 */
.social-buttons {float:left; display: block; list-style: none; padding: 0; margin-left:5px; width:100%;
}
.social-buttons > li { display: block; margin: 0; padding-left: 15px;padding-right:5px;padding-bottom:13px;padding-top:0px; float: left; }
.social-buttons .socialite { display: block; position: relative; margin-left: -14px;   }
.social-buttons .socialite-loaded { background: none !important; }
.social-buttons .twitter-share { width: 70px; height: 20px; background: #00acee; font-family: "League_Gothic",  Impact; color: #fff; text-align: center; border-radius: 4px; font-weight:normal; font-style:normal; font-stretch:normal; text-decoration: none; text-transform:uppercase; font-size: 20px; padding:3px;line-height:20px; }
.social-buttons .googleplus-one { width: 70px; height: 20px; background: #da573b; font-family: "League_Gothic",  Impact; color: #fff;text-transform:uppercase; font-size: 20px; text-align: center; border-radius: 4px; font-weight:normal; font-style:normal; font-stretch:normal; text-decoration: none;padding:3px;line-height:20px;  }
.social-buttons .facebook-like { width: 70px; height: 20px; background: #3b5999; font-family: "League_Gothic",  Impact; color: #fff;text-transform:uppercase; font-size: 20px; text-align: center; border-radius: 4px;font-weight:normal; font-style:normal; font-stretch:normal; text-decoration: none;padding:3px;line-height:20px;  }
.vhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

div#livefyre {min-height:200px !important;}

.mobileadtop{margin-top:10px;margin-bottom:10px;width: 100%;background: #ffffff;height:50px;}
.mobileadmid{margin-top:10px;margin-bottom:10px;width: 100%;background: #ffffff;height:250px;}

.overlay {text-transform:uppercase; font-family: "League_Gothic", Helvetica; background: rgba(255,255,255,.8); position:absolute; padding:10px; width:100%; font-size:22px;}

/* iphone */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	img { max-width: 100%; }
}

/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	img { max-width: 100%; }
}