@charset "utf-8";
/*	-------------------------------------------------------------
	CSS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:layout.css
	Date:Apr 2, 2013
	Author:Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*
	font-family:'Ubuntu', sans-serif; font-weight:300,400,500,700;
	font-family:'Raleway', sans-serif; font-weight:200,700;
	font-family:'Playfair Display', serif; font-weight:400,700;
*/
		
/*  =============================================================================
   	general Style	
  	========================================================================== */
	body { background:url(../images/bg.gif) repeat; font-family:'Ubuntu', sans-serif; }
	.clearfix { *zoom:1; }
	.clearfix:before,	
	.clearfix:after { display:table; line-height:0; content:""; }
	.clearfix:after { clear:both; }
	.cleaner { border:none; margin:0; padding:0; height:0; background:transparent; overflow:hidden; font-size:1px; clear:both; }
	.ir { display:block; border:0; height:0; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; margin:0; padding:0; }
	.ir br, .hr hr { display:none; }
	h1, h2, h3, h4, h5, h6 { margin:0; line-height:1; }
	ul, ol, ul ul, ol ol, ul ol, ol ul { margin-bottom:0; line-height:1; list-style:none; }
		ul li ul, ul li ol { margin:0; }
	a { color:#000; }
		a:active, a:hover { color:#000; text-decoration:underline; }
	p { font-size:14px; font-weight:300; }
	blockquote { border-left:0; margin:0; padding:0; color:#646464; font-size:14px; font-style:italic; font-weight:300; line-height:22px; }
	
	.icon { background:url(../images/sprite_alpha.png) 0 0 no-repeat; display:block; }
	.btn { padding:10px 13px 9px 13px; background:#e9e9e9; color:#a80707; font-size:12px; font-weight:700; text-transform:uppercase; display:inline-block; }
	.row { width:1054px; background:#fff; }
	.ad img { margin:0 auto; display:block; }
	#main { position: relative; }
	.column-container { position:relative; }
	.column-container:after { width:100%; height:1px; background:url(../images/dotted.gif) center top no-repeat; position:absolute; top:0; left:0; content:""; }
		.column-container > .row { background:#fff url(../images/dot.gif) 65.61% 0 repeat-y; }
	.btn {}
		.btn.no-btn { border: none; outline: 0; }

/*  =============================================================================
   	#header-main Style
  	========================================================================== */
	#top-bar{ margin:12px 0 10px 0; }
		#logo{ float:left; }
			#logo .mob { display:none; }
		#header-main .ad { float:right; }
		.mob-nav { display:none; }
	#main-nav-container{ margin:0 0 0 -527px; top:118px; left:50%; position:absolute; z-index:1000; }
	#main-nav-container.fixed{ top:0; position:fixed; z-index:1500; }
	#header-main .mob-search { display:none; }
	#main-nav { -webkit-box-shadow:0px 3px 7px 0px rgba(0, 0, 0, .50); box-shadow:0px 3px 7px 0px rgba(0, 0, 0, .50); background:#700606; }
		#main-nav nav { padding:19px 0 0 0; }
			#main-nav nav a { margin:9px 18px 0 18px; color:#f7dbdb; font-weight:700; text-transform:uppercase; display:inline-block; vertical-align:top; }
			.fixed #main-nav nav a { margin:9px 15px 0 15px; }
				#main-nav nav a:active, #main-nav nav a:hover, #main-nav nav a.active { color:#fff; text-decoration:underline; }
			#main-nav .logo { width:0; height:34px; margin-top:0; background:url(../images/logo-sm.png) no-repeat; }
			.fixed #main-nav .logo { width:95px; margin-top:0; }
			
		#main-nav .icon { width:32px; height:32px; }
		#main-nav .nl { background-position:-245px 0; }
			#main-nav .nl:hover { background-position:-245px -32px; }
			#main-nav .nl:active { background-position:-245px -64px; }
		#main-nav .tw { background-position:-277px 0; }
			#main-nav .tw:hover { background-position:-277px -32px; }
			#main-nav .tw:active { background-position:-277px -64px; }
		
		#main-nav .four.right { padding-top:21px; float:right; }
			#main-nav .right li { padding:0 0 0 6px; float:left; }
			#main-nav .search-bar { margin:0 0 0 11px;  padding:0 11px 0 0; }
				#main-nav .srh { background-position:-309px 0; float:left; }
					#main-nav .srh:hover { background-position:-309px -32px; }
					#main-nav .srh:active { background-position:-309px -64px; }
				#main-nav input { -webkit-border-radius:0px; border-radius:0px; border:0; width:140px; height:28px; margin:0; padding:0 2px; color:#802223; font-size:12px; font-weight:300; display:inline; }
				#main-nav button { padding:0 10px; background:#000; height:30px; color:#fff; font:700 13px/13px 'Ubuntu', sans-serif; border:none; cursor:pointer; text-transform:uppercase; }
				#main-nav .show input { border:solid 1px #ccc; width:178px; padding:0 11px; }

/*  =============================================================================
   	#primary Style
  	========================================================================== */
	.pagination { padding:28px 15px 57px 15px; }
		.pagination a { color:#000; font-size:10px; font-weight:500; text-transform:uppercase; }	
		.pagination .previouspostslink, .pag_next { float:right; }		
	
/*  =============================================================================
   	#feature Style
  	========================================================================== */
	#feature { padding:86px 0 0 0; }
		#feature h1 { -webkit-box-shadow:3px 3px 6px 3px rgba(0, 0, 0, .75); box-shadow:3px 3px 6px 3px rgba(0, 0, 0, .75); position:absolute; top:-10px; left:-9px; width:235px; height:159px; background:url(../images/sprite_alpha.png) no-repeat; z-index:1000; }
		#feature .three { padding-bottom:30px; }
			#feature article { position:relative; }
				#feature article img { display:block; }
				#feature .flex-video { padding-bottom:60.5%; }
				#feature article .content {
					position:absolute; bottom:0; left:0; width:99.99%; padding:5px 10px 6px 10px; z-index:1000;
					background-color: rgba(0, 0, 0, .75);
					filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000, endColorstr=#bf000000);
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000, endColorstr=#bf000000)";
				}
				#feature article .icon { position:absolute; top:50%; }
				#feature .six .play { right:24px; width:37px; height:37px; margin-top:-18px; background-position:-245px -116px; }
				#feature .three .play { right:10px; width:28px; height:28px; margin-top:-14px; background-position:-292px -116px; }
				#feature .six article .content { padding:21px 20px 20px 20px; }
					#feature article .content h2 { font:500 14px 'Ubuntu', sans-serif; }
					#feature .six article .content h2 { font-size:21px; }
						#feature article .content h2 a { color:#fff; }
					#feature article .content p { margin-bottom:0; color:#d4d4d4; }

/*  =============================================================================
   	#news Style
  	========================================================================== */
	.post { margin:20px 0 0 0; color:#95999f; font:700 11px 'Raleway', sans-serif; }
		.post a { color:#a80707; text-transform:uppercase; }
	
	#news li { margin:0 25px 0 0; background:url(../images/double_line.gif) 0 top repeat-x; }
	#news li:first-child{ background:none; }
	#news.detail li { background:none; } 
		#news.detail .post a{color:#95999f; font:700 11px 'Raleway', sans-serif; }
	#news article { padding:25px 0 42px 0; }
		#news article .content img { margin:0 auto; text-align:center; display:block; }
		#news article .read-more{ text-align:right; }
			#news .content .more { padding:7px 10px; color:#fff; background:#a70000; font-size:12px; font-weight:700; text-transform:uppercase; }
		#news header, #news .content { padding:0 45px; }
		#news h2 { font:400 34px/40px 'Abril Fatface', cursive; }
		#news .content { font:15px/22px 'Georgia', Times New Roman, Times, serif; padding-top:23px; padding-bottom:52px; }
			#news blockquote { padding-left:18px; background:url(../images/quote_lf.gif) left 5px no-repeat; }
				#news blockquote span { padding-right:18px; background:url(../images/quote_rh.gif) right bottom no-repeat; }
			#news p em { /*padding-left:16px;*/ }
				#news .content a { color:#961e20; }
		#news .tags { padding:0 49px; font-family:'Raleway', sans-serif; font-size:11px; }
			#news .tags span { color:#a80707; font-weight:700; }
				#news .tags a { color:#a80707; }
				
		#news footer { padding:13px; background:url(../images/bg_footer.png) top left repeat; }
			#news footer .white{ padding:20px 10px; background:#fff; }
			#news footer li { background:none; float:left; }
			#news footer .left { }
				#news footer .left li { width:100px; }
			#news footer .right { padding-top:8px; }
				#news footer .bubble { -webkit-border-radius:3px; border-radius:3px; margin-right:8px; background:url(../images/grad_red.png) repeat-x; display:inline-block; }
					#news footer .bubble span { padding:6px 10px 6px 25px; background:url(../images/sprite_alpha.png) -553px 0 no-repeat; color:#fff; font-size:12px; font-weight:500; display:inline-block; }
				#news .more { padding:7px 10px; color:#fff; background:#a70000; font-size:12px; font-weight:700; text-transform:uppercase; }
				
	#news .ad { margin-right:26px; padding:20px 0; background:#fff; text-align:center; }
		#news .ad span { margin-top:29px; display:block; }
	
	#news.detail { margin-top:80px; }
	.detail-side { margin-top:75px; }

/*  =============================================================================
   	#comments Style
  	========================================================================== */
	#comment-section  { margin-top:50px; }
		#comments { background:url(../images/dot.gif) 0 top repeat-x; }
		#comment-section h2.comment-header { padding:40px 0 40px 50px; font-size:11px; font-weight:700; background:url(../images/dot.gif) 0 top repeat-x; }
			#comment-section h2.comment-header span, #comment-section h2.comment-header a{ color:#a80707; text-transform:uppercase; }
	
	#comment-section ol.commentlist { background:url(../images/dot.gif) 0 top repeat-x; }
		#comment-section ol.commentlist li { padding:40px; background-position:0 bottom; background:url(../images/dot.gif) 0 top repeat-x; }
			#comment-section ol.commentlist li .comment-body { margin-top:25px; color:#333; font:400 14px/22px 'Ubuntu', sans-serif;s }
	 
			#comment-section img.avatar { vertical-align:bottom; }
			#comment-section cite.fn {  margin:0 20px; color:#000; font:800 24px 'Raleway', sans-serif; display:inline-block; }
			#comment-section .comment-meta a { font-size:11px; color:#a80707; }
			#comment-section .reply a { color:#a70000; font:400 10px 'Ubuntu', sans-serif; letter-spacing:2px; text-transform:uppercase; }
			
			#comment-section ul.children li { margin:30px 0; padding:0 0 0 30px; border-left:1px solid #cbcbcb; background:none; }
	
	#respond { background:url(../images/dot.gif) 0 top repeat-x; }
	#respond h3#reply-title { padding:35px 0 35px 40px; color:#a70000; font:800 10px 'Raleway', sans-serif; text-transform:uppercase; background:url(../images/dot.gif) 0 bottom repeat-x; }
	
	#commentform { margin-top:35px; padding:0 40px; }
	#commentform input, #commentform textarea  { font:400 12px 'Ubuntu', sans-serif; color:#802223; }
	input#submit { padding:5px 10px; font:400 12px 'Ubuntu', sans-serif; color:#fefefe; text-transform:uppercase; border-radius:4px; -moz-border-radius:4px; border:none; background: #a42b2b; 
		background: -moz-linear-gradient(top,  #a42b2b 0%, #811212 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a42b2b), color-stop(100%,#811212)); 
		background: -webkit-linear-gradient(top,  #a42b2b 0%,#811212 100%); 
		background: -ms-linear-gradient(top,  #a42b2b 0%,#811212 100%); 
		background: linear-gradient(to bottom,  #a42b2b 0%,#811212 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a42b2b', endColorstr='#811212',GradientType=0 ); 
 }
				
/*  =============================================================================
   	#categories Style
  	========================================================================== */
	#categories { background:#fff url(../images/dotted.gif) center 1px no-repeat; }
		#categories header { margin:0 15px; padding:36px 25px 0 25px; }
			#categories header h2 { padding-top:2px; color:#000; font:300 12px 'Ubuntu', sans-serif; text-transform:uppercase; float:left; }
			#categories header ul { padding:4px 0 0 10px; float:left; }
				#categories header li { font-size:12px; font-weight:300; float:left; }
					#categories header li span { padding:0 10px; }
				
		#categories article { height:412px; margin-top:39px; background:#f7f7f7; }
			#categories article h2 { margin:15px 15px 0 15px; font:16px/18px 'Georgia', Times New Roman, Times, serif } 
			#categories article .post { margin:10px 0 0 15px; color:#95999f; font:500 11px 'Raleway', sans-serif; display:block; }
			#categories article .content { margin:33px 0 0 15px; padding-top:9px; }
				#categories article .content .more{ color:#a80707; font:700 13px 'Playfair Display', serif; font-style:italic; }
				#categories article p { font-size:12px; }

/*  =============================================================================
   	#forms Style
  	========================================================================== */
	#forms header { padding:35px 50px 40px 50px; background:url(../images/dot.gif) 0 bottom repeat-x; }
		#forms header h2 { padding-bottom:29px; color:#700606; font:700 24px 'Raleway', sans-serif; }
		#forms header p { font:700 12px/18px 'Raleway', sans-serif; }
	#forms form { position:relative; padding:34px 24px 0 24px; }
		#forms .socials { position:absolute; top:0; right:0; }
		#forms .input { padding-bottom:19px; }
			#forms .input .required { padding:10px 10px 0 0; color:#802223; font-family:12px; display:block; float:left; }
			#forms .input input { width:278px; color:#802223; float:left; }
			#forms .input textarea { width:650px; color:#802223; float:left; resize:vertical; }
		#forms .submit { padding-left:15px; }
			#forms .submit input { -webkit-border-radius:5px; border-radius:5px; border:none; padding:5px 10px; background:url(../images/grad_red.png) repeat-x; color:#fff; font-size:12px; font-weight:500; text-transform:uppercase; }
	
	#forms .socials { padding:40px 41px 0 0; }
		#forms .socials > div { padding:0 0 0 15px; float:left; }
	
	#primary h2 { color:#700606; font:700 24px 'Raleway', sans-serif; text-transform:capitalize; }
	
	#about { padding:35px 50px 40px 50px; margin-top:90px; background:url(../images/dot.gif) 0 bottom repeat-x; }
		#about h2 { padding-bottom:29px; }
		#about p { font:700 12px/18px 'Raleway', sans-serif; }
	#featured { padding:40px 50px; }
		#featured h2 { padding-bottom:40px; }

/*  =============================================================================
   	#search Style
  	========================================================================== */
  	.search-container { padding-top:70px; }
	#search .label-tag { padding:31px 50px 25px 50px; color:#333; font:700 11px 'Raleway', sans-serif; text-transform:uppercase; }
		#search .label-tag span { color:#a80707; }
	#search li { padding:32px 0 41px 0; background:url(../images/dot.gif) 0 top repeat-x; }
		#search article { padding:0 50px; }
				#search article h2 { padding-bottom:11px; font:700 24px 'Raleway', sans-serif; }
					#search h2 a { color:#700606; }

/*  =============================================================================
   	#error-404 Style
  	========================================================================== */
	#error-404 { margin-top:100px; padding:0 89px 0 89px; font-weight:500; }
		#error-404 h2 { color:#d9d9d9; font:700 100px 'Ubuntu', serif; }
		#error-404 h3 { padding-bottom:53px; color:#000; font:500 20px 'Ubuntu', serif; }
		#error-404 p { font-size:14px; font-weight:500; line-height:1; }
		#error-404 ul { padding-top:26px; }
			#error-404 li { padding-bottom:14px; }
				#error-404 li a { color:#700606; }
	
	.side-error { margin-top:80px; }
					
/*  =============================================================================
   	#secondary Style
  	========================================================================== */
	#secondary { padding-top:29px; margin-top:90px; }
		#secondary .ad { padding-bottom:40px; }
		#secondary section { position:relative; padding-bottom:40px; }
		#secondary h1 { position:absolute; top:-9px; right:-11px; height:32px; background:url(../images/tag.png) left 0 no-repeat; color:#fff; font:700 14px 'Playfair Display', serif; font-style:italic; text-transform:uppercase; }
			#secondary h1 span { height:32px; padding:3px 27px 0 27px; background:url(../images/tag_tail.png) right no-repeat; display:block; }
		#secondary img { display:block; }
		
		#instagram{ padding:30px 28px 25px 28px; }
			#instagram .masonryItem{ width:100%; }
				#instagram .masonryItem img{ width: 100%; }
		
		#tweet h1{ top:-5px; right:-9px; }
		#tweet ul { padding:80px 15px 30px 15px; background:#fff url(../images/h1_tweet.png) 0 0 no-repeat; border:2px solid #000; }
			#tweet ul li { padding-top:30px; margin-bottom:10px; border-bottom:1px dotted #000; color:#000; font-size:14px; }
				#tweet ul li img { width:48px; margin-right:10px; display:block; float:left; }
				#tweet ul li p { width:79%; float:left; }
					#tweet ul li span.date { font-size:12px; text-align:right; display:block; color:#961e20; }
		
		#hot article { padding-bottom:39px; line-height:19px; }
			#hot article h2 { padding:15px 0 10px 0; font:500 14px 'Ubuntu', sans-serif; }
			#hot article p { color:#010101; font-size:12px; font-weight:200; }
		
		#secondary #shows { margin-bottom:35px; padding-bottom:0; background:#fff; border:4px solid #000; }
			#secondary #shows h1{ top:-9px; right:-13px; }
		#shows-rotator { margin-bottom:0; }
			#shows-rotator > div { padding-top:81px; text-align:center; }
			#shows-rotator .content { padding-bottom:7px; }
				#shows-rotator .content img { border:solid 2px #626262; margin:0 auto; }
			#shows h2 { padding:0 20px 28px 20px; font:500 15px 'Ubuntu', sans-serif; }
			#shows .btn { background:#cecece; }
			
		#secondary section.list { margin-bottom:35px; padding-bottom:17px; background:#fff; border:2px solid #000; }
			section.list ul { padding-top:35px; }
				section.list li { padding:10px 30px; font-size:14px; line-height:19px; word-wrap:break-word; }
					section.list .thumb { margin-bottom:14px; }
					section.list h2 { font-size:14px; font-weight:normal; line-height:19px; font-family:'Abril Fatface', cursive; }
					section.list a { color:#700606; }
	
		#recent .dsq-widget-avatar{ margin:0 10px 10px 0; display:block; }
		#recent .dsq-widget-comment{ display:block; font-size:14px; line-height:19px; }
		
		#featured-video h1{ top:-5px; right:-9px; }
		#featured-video iframe { width:100%; }

/*  =============================================================================
	about Style
	========================================================================== */
	#box-outline, #box-inline { border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }
	#box-outline { padding:1px 0; }
	#box-inline { padding:40px 0 23px 0; }
	.magazine-item { float:left; margin:0 27px 0 0; width:30%; }
		.magazine-item.last { margin:0 0 20px 0 }
	.magazine-thumb { border:solid 1px #adadad; margin-bottom:20px; }
		.magazine-thumb:hover { border:solid 1px #700606; } 
	.magazine-title { color:#222; font:700 16px 'Raleway', sans-serif; text-transform:capitalize; padding-left:10px; border-left:solid 4px #700606; line-height:1; }
	
	
/*  =============================================================================
	TV Style
	========================================================================== */
	.video-title { position: absolute; bottom: 40px; color: #fff; font:bold 25px 'Playfair Display', serif; left: 40px; line-height: 64px; margin: 0; width: 680px; }
	.play-btn { position: absolute; bottom: 40px; right: 40px; height:100px; width:100px; cursor:pointer; background:url(../images/play-btn.png) 0 0 no-repeat; z-index:1; }
	.play-btn:hover { background-position:0 -100px; }
	.shadow { width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; -webkit-box-shadow:inset 0 0 90px 60px #000000; box-shadow:inset 0 0 90px 60px #000000; }

		
/*  =============================================================================
	shows Style
	========================================================================== */
	#featured_section { margin-top:119px; padding-bottom:50px; border-bottom:dotted 1px #000; overflow:hidden; }
	.featured { position:absolute; margin-top:-4px; z-index:200; }
	.featured-container { height:326px; background:#000; overflow:hidden; position:relative; }
		.feat-image { width:1024px; height:100%; position:absolute; top:0; left:0; display:block; z-index:100; }
		.featured-container iframe, .featured-container embed, .featured-container object { width:100%; height:100%; position:relative; z-index:1; }
	
	li.right { float:right; }
	.shows_video { position:relative; z-index:10; }
	article.show { margin:30px 0 10px; border-bottom:1px dotted #000000; padding-bottom:14px; }
		article.show h1 { position:absolute; z-index:100; top:19px;}
		article.show iframe, article.show embed{ width:100%; }
		article.show .read_more { float:right; font-family:'Ubuntu', sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase; margin-top:-13px; }
			article.show .read_more a { padding:5px 7px; color:#fff; background:#a70000; }
	article.show h2 { font-family:'Playfair Display', serif; font-size:24px; line-height:25px; color:#333; font-weight:bold; margin-top:14px; height:50px; overflow:hidden; }
	
	/*pagination*/
	.shows_pagination { padding:6px 0 50px; border-bottom:dotted 1px #000; }
	.shows_totalpage { font-family:'Raleway', sans-serif; font-size:11px; color:#666; font-weight:bold; }
	.pagination_arrow { background:url(../images/pagination_arrow.png) 0 0 no-repeat; display:block; }	
		ul.page_number { float:right; }
			ul.page_number li { float:left; font-family:'Raleway', sans-serif; font-size:11px; font-weight:bold; margin-left:20px; }		
				ul.page_number a li { color:#666; }
					ul.page_number a:hover li, ul.page_number a:active li, ul.page_number a:focus li { color:#000; }
		.right_arrow01 { margin:2px 0 0 37px; }
			.right_arrow01 a { width:5px; height:9px; background-position:0 0; }
			.right_arrow01 a:hover, .right_arrow01 a:active, .right_arrow01 a:focus { background-position:0 -9px; }	
		.right_arrow02 { margin:2px 0 0 7px;  }
			.right_arrow02 a { width:9px; height:9px; background-position:-12px 0; }
			.right_arrow02 a:hover, .right_arrow02 a:active, .right_arrow02 a:focus { background-position:-12px -9px; }	
	
	.thelatest_section { padding-bottom:65px; }
	h1#latest_title { font-family:'Playfair Display', serif; font-size:16px; color:#700606; font-weight:bold; text-align:center; text-transform:uppercase; letter-spacing:2px; padding:31px 0; }
	article.thelatest { padding-bottom:11px; border-bottom:double 3px #d5d5d5; }
		article.thelatest h2 { font-family:'Playfair Display', serif; font-size:18px; line-height:20px; color:#333; font-weight:bold; margin-top:14px; height:45px; overflow:hidden; }
		article.thelatest .read_more { float:right; font-family:'Ubuntu', sans-serif; font-size:10px; font-weight:bold; text-transform:uppercase; margin-top:-12px; }
			article.thelatest .read_more a { padding:5px 7px; color:#fff; background:#a70000; }

/*  =============================================================================
   	#footer-main Style
  	========================================================================== */
	#footer-main .content { padding:35px 35px 8px 25px; background:#000; }
	#footer-main h1 { float:left; }
		#footer-main h1 a { width:209px; height:78px; background:url(../images/footer_logo.gif) 0 0 no-repeat; display:block; }
	#footer-main .socials { width:113px; padding-top:13px; line-height:0; text-align:center; float:left; }
		#footer-main .socials h2 { color:#6a6a6a; font:400 19px/21px 'Playfair Display', serif; }
	#footer-main .icon { width:32px; height:32px; margin:0 3px; display:inline-block; }
		#footer-main .nl { background-position:-373px 0; }
			#footer-main .nl:hover { background-position:-245px -32px; }
			#footer-main .nl:active { background-position:-245px -64px; }
		#footer-main .tw { background-position:-341px 0; }
			#footer-main .tw:hover { background-position:-277px -32px; }
			#footer-main .tw:active { background-position:-277px -64px; }
			
	#footer-main p { padding:5px 0 0 10px; color:#7b7b7b; font-size:9px; font-weight:500; text-transform:uppercase; }
	#footer-main a { color:#bbb; }
	#footer-main nav { padding-top:17px; text-align:right; }
		#footer-main nav a { margin-left:49px; color:#404040; font-size:13px; font-weight:700; text-transform:uppercase; }
			#footer-main nav a.active, #footer-main nav a:hover, #footer-main nav a:focus { color:#700606; text-decoration:none; }
			
/*  =============================================================================
   	Plugin Styles
  	========================================================================== */
	.scode-content-info { display: none !important; }
	.front-photo { margin: 0 !important; }
	.masonryItem {
		width: 115px !important;
		-moz-box-shadow: 0 0 6px 0 #ddd !important;
		-webkit-box-shadow: 0 0 6px 0 #ddd !important;
		box-shadow: 0 0 6px 0 #ddd !important;
	}

/*  =============================================================================
   	mediaquery Style
  	========================================================================== */
	/* Very large screens */
	@media only screen and (min-width: 1441px) {
	}
	
	/* Medium screens */
	@media only screen and (max-width: 1440px) and (min-width: 768px) {
		#main-nav-container{ }	
	}
	@media only screen and (max-width: 1040px) and (min-width: 960px) {
		.magazine-item { margin: 0 24px 0 0 ; }
		.mmagazine-title { font-size:15px; }
	}
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#main-nav-container { margin:0; position:relative; top:0; left:0; }
		#feature { padding-top:20px; }
		#featured_section { margin-top:50px; }
		.ad img { width:100%; }
		.magazine li { margin:0 18px 0 0; }
	}
	
	/* Apply to all except mobile */
	@media only screen and (min-width: 768px) {
		#main-nav { min-width: 972px; }
	}

	/* Small screens */
	@media only screen and (max-width: 767px) {
		.row { width:auto; }
		.column-container > .row { background:none; }
		.column, .columns { padding:0 10px; }
		.mob-container { margin:0 10px; padding-top:0; background:#fff; }
		#header-main { background:#151515; }
			.mob-nav { width:70px; height:57px; padding-top:20px; display:block; position:absolute; top:0; left:0; }
				.mob-nav span { width:19px; height:17px; margin:0 auto; border-top:3px solid #b22024; display:block; position:relative; }
				.mob-nav span:before, .mob-nav span:after { width:100%; height:3px; background:#b22024; position:absolute; top:4px; left:0; content:""; }
				.mob-nav span:after { top:auto; bottom:0; }
			.mob-btn-search { width:70px; height:57px; padding-top:20px; display:block; position:absolute; top:0; right:0; z-index:10; display:none; }
				.mob-btn-search span { width:32px; height:32px; margin:0 auto; background:url(../images/icon-magnify.png) center 0 no-repeat; background-size:60%; display:block; }
			.mob-btn-search.show { background-color:#fff; }
				.mob-btn-search.show span { background-position:center -19px; }
		#top-bar { margin:0; }
			#logo { height:57px; padding-top:11px; font-size:inherit; text-align:center; float:none; }
				#logo img { display:none; }
				#logo .mob { width:39%; display:inline-block; }
		#header-main .mob-search { height:0; background:#fff; -webkit-box-shadow:0px 3px 7px 0px rgba(0, 0, 0, .1); box-shadow:0px 3px 7px 0px rgba(0, 0, 0, .1); -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s; display:block; overflow:hidden; }
		#header-main .mob-search.open { height:50px; padding:0; }
			.mob-search .searchform { margin:0; padding:0; }
				.mob-search input { height:50px; margin:0; padding:0 20px; font-size:14px; border:none; -webkit-box-shadow:noen; box-shadow:none; }

		#main-nav-container { width:79%; height:100%; margin:0 84px 0 0 !important; background:rgba(113, 7, 7, .90); position:absolute !important; top:0; left:-100%; -webkit-box-shadow:0px 3px 7px 0px rgba(0, 0, 0, .50); box-shadow:0px 3px 7px 0px rgba(0, 0, 0, .50); z-index:1500; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s; }
		#main-nav-container.open { left:0; }
			#main-nav-container .twelve { padding:0; }
			#main-nav { background:none; -webkit-box-shadow:none; box-shadow:none; }
				#main-nav .btn-close { width:69px; height:56px; background:url(../images/btn-close.png) center center no-repeat; display:block; }
				#main-nav .logo { display:none; }

		#header-main .ad, #footer-main .ad { display:none; }
		#main-nav nav { padding-left:13px; text-align:left; }
			#main-nav nav a { margin:0 9px; padding:10px 0; font-size:15px; display:block; border-bottom:1px dotted #893939; }
			#main-nav nav a:last-child { border-bottom:none; }
				#main-nav nav a:active, #main-nav nav a:hover, #main-nav nav a.active { text-decoration:none; }
		#main-nav .four.right { padding:16px 21px 0 0; position:absolute; top:0; right:0; }
			#main-nav .four .right { padding:0; }
			#main-nav .search-bar { display:none; }
				#main-nav input { width:130px; }

		.post { font-size:14px; font-weight:500; }
		/* HOME */
		#feature { padding-top:15px; }
			#feature ul, #feature .six.columns { padding:0 5px; }
			#feature .six article .content { padding:11px 42px 10px 10px; }
				#feature .six article .content h2 { font-size:12px; }
				#feature article .content p { display:none; }
				#feature .six .play { right:7px; -webkit-transform:scale(.5); }
			#feature .flex-video { margin-bottom:10px; }
		#feature .three { width:50% !important; padding:0 5px 10px 5px; float:left; }

		/* NEWS */
		#news li{ margin:0; }
			#news header, #news .content { padding:0; }
			#news header { padding-bottom:20px; }
				#news h2 { font-size:17px; line-height:20px; }
			#news article { overflow:hidden; }
				#news .content iframe { width:100%; height:200px; }
			#news footer { text-align:center; }
				#news footer .more { padding:9px 10px; font-weight:14px; display:block; }

		/* CATEGORIES */
		#categories article { height:auto; margin:0; padding:20px 0; background:none; }
			#categories article .content { margin-top:0; }
			#categories article .post { font-size:14px; font-weight:500; }
				#categories article .content .more { padding-left:16px; background:url(../images/icon-arrow.png) left center no-repeat; font-size:12px; text-transform:capitalize; }

		/* ABOUT */
		#about { margin-top:10px; }
		#about { padding:35px 0 40px 0; }
		#featured { padding:40px 0; }
		.magazine-item { margin:0 21px 0 0; }
		.magazine-title { font-size:14px; padding-left:5px; }

		/* ADVERTISE */
		#forms header { padding:35px 0 40px 0; }
		#forms form { padding:34px 0 0 0; }
			#forms .socials { padding:0 0 10px 0; position:relative; text-align:center; }
				#forms .socials > div { display:inline-block; float:none; vertical-align:top; }
			#forms .input { padding-bottom:8px; }
				#forms .input .required { display:none; }
				#forms .input input, #forms .input textarea { width:100%; float:none; }
				#forms .input textarea { margin-bottom:0; }
			#forms .submit { padding:0; }
				#forms .submit input { width:100%; padding:7px 10px; background:#a80707; font-family:Georgia; display:block; -webkit-border-radius:0; border-radius:0; }

		/* TV */
		#featured_section { margin-top:10px; padding-bottom:15px; }
			.featured-container { width:100%; height:210px; }
		#latest_title { display:none; }
		article.thelatest { padding:15px 0; border-bottom:1px dotted #d5d5d5; }
			article.thelatest h2 { height:auto; }
			article.thelatest .read_more { margin:10px 0 0 0; text-align:center; float:none; }
				article.thelatest .read_more a { padding:7px 22px; font-size:12px; font-weight:400; display:inline-block; }

		/* COMMENTS */
		#respond h3#reply-title { padding-left:0; }
		#commentform { padding:0; }
			input#submit { width:100%; padding:7px 10px; background:#a80707; font-family:Georgia; display:block; -webkit-border-radius:0; border-radius:0; }

		/* SECONDARY */
		#secondary .ad { text-align:center; }
		#instagram { padding:30px 8px 25px 8px; }	
			.masonryItem { -webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.1) !important; box-shadow:0 0 6px rgba(0, 0, 0, 0.1) !important; }

		/* FOOTER */
		#footer-main, #footer-main .content { padding:0; }
			#footer-main nav { padding-top:0; text-align:center; }
				#footer-main nav a { margin:0; padding:14px 0; font-size:15px; display:block; border-bottom:1px solid #2d2d2d; }
		#footer-main h1 { padding-top:38px; float:none; }
			#footer-main h1 a { margin:0 auto; }
		#footer-main .socials h2 { margin-bottom:10px; }
		#footer-main .socials { width:100%; padding-top:33px; float:none; }
		#footer-main p { padding:20px 0 0 0; text-align:center; }
			#footer-main p span { display:block; }

		/* SEARCH */
		.search-container { padding-top:0; }
	}
	
	@media only screen and (max-width: 479px) { 
		.magazine { text-align:center; }
		.magazine-item { width:100%; float:none; }	
		.magazine-thumb { margin-bottom:10px; width:90%; }	
		.magazine-title { font-size:18px; border-left:none; margin-bottom:30px; }
	}
	
	/* Landscape Orientation */
	@media screen and (orientation: landscape) {}
	
	/* Portrait Orientation */
	@media screen and (orientation: portrait) {
		/* SECONDARY */
		#secondary .ad { overflow:hidden; }
		#tweet ul li p { width:70%; }
	}

/*  =============================================================================
	Tweet Popup Style
	========================================================================== */

	#tweet-popup { height: 100%; left: 0; position: fixed; top: 0; z-index: 1000; width: 100%; }
		#tweet-popup .popup { background: #fff; border: 1px solid #333; margin: 100px auto 0; padding: 20px; width: 550px; -webkit-box-shadow:0px 8px 6px -4px rgba(0, 0, 0, .1) !important; box-shadow:0px 8px 6px -4px rgba(0, 0, 0, .1) !important; }
			#tweet-popup .popup .popup-header { text-align: right; }
				#tweet-popup .popup .popup-header button.close { background: none; border: 0; color: #666; cursor: pointer; font-size: 16px; font-weight: bold; outline: none; }
			#tweet-popup .popup .popup-content {}