@charset "utf-8";

/* --------------------------------------------------------- */
/* -- INCLUDE THE ICON FONT -------------------------------- */
@font-face {
    font-family: 'IconFont';
    src: url('/includes/font/icon-v5/icon.eot');
    src: url('/includes/font/icon-v5/icon.eot?#iefix') 		format('embedded-opentype'), 
         url('/includes/font/icon-v5/icon.woff') 			format('woff'),
         url('/includes/font/icon-v5/icon.ttf') 			format('truetype'),
         url('/includes/font/icon-v5/icon.svg#icon')	 	format('svg');
    font-weight:	normal;
    font-style: 	normal;
}

/* --------------------------------------------------------- */
/* -- ELEMENT RESET ---------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 			0;
  padding: 			0;
  border:			0;
  font-size: 		100%;
  font: 			inherit;
  vertical-align: 	baseline;
}

/* --------------------------------------------------------- */
/* -- BODY ------------------------------------------------- */
html {
	width: 				100%;
	height:				100%;
	overflow-y: 		scroll;
}

body {
	background-color: 	#EAEAEA;
	font-family: 		"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 			14px;
}

a {
	color: 				#d2232a;
}

a:focus, a:hover, a:active {
	outline:			none;
}

*:focus {
    outline: 			0;
}

::-webkit-input-placeholder {
   color: 				#333;
}

::-moz-input-placeholder {
   color: 				#333;
}

:-ms-input-placeholder {  
   color: 				#333; 
}

strong {
	font-weight: 		bold;	
}

em {
	font-style: 		italic;	
}

/* --------------------------------------------------------- */
/* -- CLEARFIX --------------------------------------------- */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* --------------------------------------------------------- */
/* -- SHARED ELEMENTS -------------------------------------- */
.container {
	width: 				1046px;
	margin: 			0px auto;
}

.body {
	margin-top: 		10px;
	margin-bottom: 		30px;
	background-color:	#fff;
	padding: 			10px;	
}

/* --------------------------------------------------------- */
/* -- HEADERS ---------------------------------------------- */
h1 {
	margin: 			0px 0px 10px 0px;
	padding: 			0px;
	font-family: 		'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 		bold;
	font-size:			42px;
	line-height: 		54px;	
	color: 				#333;
}

h2 {
	margin: 			0px;
	box-shadow: 		0 2px 5px 0 rgba(0, 0, 0, 0.25);
	padding: 			5px 5px;
	background-color: 	#000;
	color: 				#fff;
	font-family: 		'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:			24px;
	font-weight: 		bold;
	line-height: 		24px;
	letter-spacing:		1px;
	color: 				#fff;
}

/* --------------------------------------------------------- */
/* -- HEADER ----------------------------------------------- */
.header {
	position: 		fixed;
	top: 			0;
	left: 			0;
	z-index: 		200001;
	width: 			100%;
	height: 		40px;
	padding-top:	10px;
	background: 	rgb(42,42,42); /* Old browsers */
	background: 	-moz-linear-gradient(top, rgba(42,42,42,1) 0%, rgba(4,4,4,1) 100%); /* FF3.6+ */
	background: 	-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(42,42,42,1)), color-stop(100%,rgba(4,4,4,1))); /* Chrome,Safari4+ */
	background: 	-webkit-linear-gradient(top, rgba(42,42,42,1) 0%,rgba(4,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
	background: 	-o-linear-gradient(top, rgba(42,42,42,1) 0%,rgba(4,4,4,1) 100%); /* Opera 11.10+ */
	background: 	-ms-linear-gradient(top, rgba(42,42,42,1) 0%,rgba(4,4,4,1) 100%); /* IE10+ */
	background: 	linear-gradient(to bottom, rgba(42,42,42,1) 0%,rgba(4,4,4,1) 100%); /* W3C */
	filter: 		progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a2a2a', endColorstr='#000000',GradientType=0); /* IE6-9 */
}

.header img {
	float: 			left;
	margin-left: 	10px;	
}

.header-back-arrow {
	float: 				left;
	display: 			block;
	margin: 			0px;
	width: 				30px;
	line-height: 		30px;
	font-size: 			30px;
	text-align: 		left;
	color: 				#fff;
	text-decoration: 	none;
}

/* --------------------------------------------------------- */
/* -- FONT ICONS ------------------------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
  	font-family: 		"IconFont";
  	font-style: 		normal;
  	font-weight: 		normal;
  	speak: 				none;
  	display: 			inline-block;
  	text-decoration: 	inherit;
  	width: 				1em;
  	margin-right: 		.2em;
  	text-align: 		center;
  	font-variant: 		normal;
  	text-transform: 	none;
  	line-height: 		1em;
  	margin-left: 		.2em;
}

.icon-facebook:before { content: '\e800'; }
.icon-twitter:before { content: '\e801'; }
.icon-youtube:before { content: '\e802'; }
.icon-instagram:before { content: '\e803'; }
.icon-mail:before { content: '\e804'; }
.icon-up-big:before { content: '\e805'; }
.icon-left-big:before { content: '\e806'; }
.icon-right-open-big:before { content: '\e807'; }
.icon-left-open-big:before { content: '\e808'; }
.icon-search:before { content: '\e809'; }
.icon-pinterest:before { content: '\e80a'; }
.icon-reddit:before { content: '\e80b'; }
.icon-google-plus:before { content: '\e80c'; }
.icon-zoom-in:before { content: '\e80d'; }
.icon-ellipsis-vert:before { content: '\e80e'; }
.icon-soundcloud:before { content: '\e80f'; }
.icon-play:before { content: '\e810'; }

/* --------------------------------------------------------- */
/* -- SOCIAL MEDIA ICONS HEADER ---------------------------- */
.social-media {
	float: 					right;
	margin-top: 			3px;
	margin-right: 			5px;	
}

a.social-media-icon {
	float: 					left;
	display: 				block;	
	margin-right: 			5px;
	width: 					26px;
	height: 				30px;
	color: 					#999;
	text-decoration: 		none;
	font-size: 				21px;
}

a.social-media-icon:hover {
	color: 					#fff;
}

a.social-media-icon.icon-twitter {
	margin-right: 			0px;
}

a.social-media-icon.icon-facebook {
	margin-right: 			0px;
}

/* --------------------------------------------------------- */
/* -- SEARCH FORM ------------------------------------------ */
.search {
	float: 						left;
	margin-top: 				1px;
	margin-left: 				40px;
	padding: 					0px;
}

.search form {
	margin: 					0px;
	padding: 					0px;
}

.search form input {
	display: 					inline-block;
	width: 						380px;
	height: 					14px;
	border: 					0px;
	border-top-left-radius: 	3px;
	border-bottom-left-radius: 	3px;
	padding: 					7px 10px;
	color: 						#000;
	font-size: 					14px;
}

.search form button {
	display: 					inline-block;
	margin: 					0px;
	height: 					28px;
	border: 					0px;
	border-top-right-radius: 	3px;
	border-bottom-right-radius: 3px;
	padding: 					5px 5px 7px 5px;
	font-size: 					16px;
	cursor: 					pointer;
	vertical-align: 			bottom;
}

.search form button span.icon-search {
	vertical-align: 			top;
	line-height: 				16px;
}

/* --------------------------------------------------------- */
/* -- AUTOCOMPLETE ----------------------------------------- */
.twitter-typeahead {width:400px;}
.twitter-typeahead .tt-input, .twitter-typeahead .tt-hint {margin:-5px 0px 0px 0px; width:380px; height:14px; border:none; padding:7px 10px; outline:none;}
.twitter-typeahead .tt-input:focus {}
.twitter-typeahead .tt-hint {color:#999;}
.twitter-typeahead .tt-dropdown-menu {width: 100%; margin-top:-3px; padding: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color:#fff; box-shadow:0 8px 17px 0 rgba(0, 0, 0, 0.2);}
.twitter-typeahead .tt-dropdown-menu .tt-suggestion {text-align:left; padding:6px 10px; font-size:12px; line-height:16px;}
.twitter-typeahead .tt-dropdown-menu .tt-suggestion a {color:#000;text-decoration:none;}
.twitter-typeahead .tt-dropdown-menu .tt-suggestion.tt-cursor {background-color:#eaeaea; cursor:pointer;}
.twitter-typeahead .tt-dropdown-menu .tt-suggestion em {font-weight:bold; font-style:normal;}

/* --------------------------------------------------------- */
/* -- LOGIN ------------------------------------------------ */
#login {
	margin-top: 		10px;
	padding-right: 		3px;
	color: 				#bfbfbf;
	text-align: 		right;
}

#login a {
	color: 				#ffffff;
}

/* --------------------------------------------------------- */
/* -- ADVERTISING ------------------------------------------ */
#cmn_wrap {
	margin: 				0 auto;
}

#cmn_ad_tag_head, #cmn_ad_tag_head div, #cmn_ad_tag_head table, #cmn_ad_tag_head table td, #cmn_ad_tag_head table img #cmn_ad_tag_head img, {
	margin: 				0 auto; 
	text-align: 			center !important;
}

.fw_vladtv {
	margin:					70px auto 10px auto !important;
	max-width: 				1026px;
	min-height: 			90px;
	line-height: 			0px;
	text-align: 			center !important;
}

.ad-content {
	margin-top: 			20px;
	margin-left: 			50px;
	text-align: 			center;
	line-height: 			0px;	
}

.ad-300 {
	min-height: 			250px;
	text-align: 			center;
	line-height: 			0px;
}

/* --------------------------------------------------------- */
/* -- E-MAIL OVERLAY --------------------------------------- */
#email-overlay {
	display: 				none;
	position: 				fixed;
	bottom: 				0px;
	right: 					10px;
	z-index: 				300001;
	width: 					360px;
	height: 				240px;
	box-shadow:		 		0 8px 17px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid 		#eaeaea;
	background: 			#fff;
	padding: 				30px;
}

#email-overlay h2 {
	margin-top: 			20px;
	background: 			none;
	box-shadow: 			none;
	color: 					#000;
}

#email-overlay-close {
	position: 				absolute;
	top: 					10px;
	right: 					10px;	
	z-index: 				300002;
	width: 					30px;
	line-height: 			30px;
	font-size: 				20px;
	font-weight: 			bold;
	text-align: 			center;
	text-decoration: 		none;
	border: 				1px solid #999;
	border-radius: 			15px;
	color: 					#999;
}

#email-overlay-close:hover {
	background-color:		#999;
	color: 					#fff;
}

#email-form-overlay {
	margin-top: 			20px;	
	height: 				24px;
	text-align: 			left;
}

#email-form-overlay input[type=text] {
	display: 				block;
	width: 					350px;
	border: 				2px solid #000;
	border-radius: 			2px;
	background-color: 		#fff;
    padding: 				2px 5px;
    font-size: 				18px;
	line-height: 			24px;
   	color: 					#000;
}

#email-form-overlay button {
	display: 				block;
	margin-top: 			5px;
	background-color: 		#000;
	border: 				2px solid #000;
	border-radius: 			2px;
	padding: 				2px 5px;
	font-weight: 			bold;
	font-size: 				18px;
	line-height: 			24px;
	color: 					#fff;
	cursor: 				pointer;
}

#email-form-overlay button:hover {
	border: 				2px solid #d2232a;
	background-color: 		#d2232a;
}

#ff-email-confirm-overlay {
	margin: 				0px;
	width: 					350px; 
	border: 				2px solid #000;
	border-radius: 			2px;
    background-color: 		#000;
	padding: 				4px 5px;
	font: 					normal 18px/24px Verdana, Arial, Helvetica, sans-serif;
   	color: 					#fff;	
}

/* --------------------------------------------------------- */
/* -- ARROWS ----------------------------------------------- */
#arrow-overlay-u {
	display:				none;
	position: 				fixed;
	bottom: 				50px;
	right: 					50%;
	z-index: 				100001;
	margin-right: 			-521px;
	width: 					35px;
	height: 				20px;
	background-color:  		#d2232a;
	opacity: 				0.75;
	padding: 				5px 0px 10px 0px;
	color: 					#fff;
	text-align: 			center;
	cursor: 				pointer;
	font-size: 				20px;
}

#arrow-overlay-u:hover {
	opacity: 				1.0;	
}

/* --------------------------------------------------------- */
/* -- PAGE NAVIGATION -------------------------------------- */
.nav-pages {
	margin-top: 			10px;	
}

.nav-pages ul {
	list-style-type: 		none;
}

.nav-pages ul li {
	display: 				block;
	margin-top: 			10px;
	font-size: 				16px;
	text-transform: 		uppercase;
	border-bottom: 			1px solid #eaeaea;
	padding-bottom: 		10px;
}
.nav-pages ul li a {
	text-decoration: 		none;
}


/* --------------------------------------------------------- */
/* -- COLUMNS ---------------------------------------------- */
.column-main {
	float: 				left;
	width: 				706px;
}

.column-side {
	float: 				left;
	margin-left: 		20px;
	width: 				300px;
}

.column-full {
	margin-top: 		20px;	
}

.column-shadow {
	box-shadow: 		0 2px 5px 0 rgba(0, 0, 0, 0.26);
	border: 			1px solid #999;
	border-radius: 		2px;
	background-color: 	#fff;	
}

/* ---------------------------------------------------------------- */
/* -- FEATURED IMAGE ---------------------------------------------- */
.featured {
	position: 			relative;
	width: 				706px;
	height: 			395px;	
}

.featured a {
	display: 			block;
	text-decoration: 	none;
	color: 				#fff;
}

.featured img {
	width: 				706px;
	height: 			395px;
}

.featured-exclusive {
	position: 			absolute;
	top: 				5px;
	left: 				5px;
	width: 				160px;
	background-color: 	#d2232a;
	padding: 			4px 0px;
	color: 				#fff;
	font-family: 		'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 		bold;
	font-size: 			28px;
	line-height: 		28px;
	letter-spacing:		1px;
	text-align: 		center;
}

.featured-title {
	position: 			absolute;
	left: 				0;
	bottom: 			0;
	z-index: 			101;
	width: 				100%;	
	height: 			150px;
	background:			linear-gradient(0deg, rgba(0,0,0,0.85) 45%, rgba(0,0,0,0.0));
}

.featured-title h2 {
	position: 			absolute;
	display: 			block;
	left: 				10px;
	bottom: 			30px;
	background: 		none;
	font-weight: 		normal;
	font-size:			34px;
	line-height: 		38px;
	text-shadow: 		1px 1px 1px #000;
	box-shadow: 		none;
}

.featured:hover .featured-title h2 {
	text-decoration: 	underline;
}

.featured-date {
	position: 			absolute;
	display: 			block;
	bottom: 			5px;
	right: 				15px;
	font-size: 			14px;
	color: 				#fff;
}

.featured-meta {
	position: 			absolute;
	display: 			block;
	bottom: 			5px;
	left: 				15px;
	font-size: 			14px;
	color: 				#fff;
}

.featured a.featured-comment {
	display: 			inline !important;	
}


/* ---------------------------------------------------------------- */
/* -- TOP STORIES LAYOUT ------------------------------------------ */
.entry-top-stories {
	margin-top: 		5px;
	height: 			56px;
	padding: 			5px 5px;
	font-size: 			13px;
	line-height: 		18px;
	word-break: 		break-word;
	box-shadow: 		0 2px 5px 0 rgba(0, 0, 0, 0.25);
	border: 			1px solid #999;
	border-radius: 		2px;
	background-color: 	#fff;
	transition: 		box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.entry-top-stories:hover {
	box-shadow:		 	0 8px 17px 0 rgba(0, 0, 0, 0.2);	
}

.entry-top-stories img {
	float: 				left;
	margin-right: 		5px;
	width: 				101px;
	height: 			56px;
}

.entry-top-stories span {
	color: 				#d2232a;
	font-weight: 		bold;
}

.entry-top-stories a {
	display: 			block;
	color: 				#646464;
	text-decoration: 	none;
}

.entry-top-stories a:hover {
	text-decoration: 	underline;
}

/* ---------------------------------------------------------------- */
/* -- HOMEPAGE TRENDING LAYOUT ------------------------------------ */
.top-stories-home #trending-content {
	min-height: 		287px;
}

/* ---------------------------------------------------------------- */
/* -- ARTICLE PAGE TRENDING LAYOUT -------------------------------- */
.article-trending {
	margin: 			10px 0px 0px 0px;	
}

/* --------------------------------------------------------------- */
/* -- HEADER TIP ------------------------------------------------- */
.entry-graphic-tip {
	margin-top: 		5px;
	padding: 			7px 5px 6px 5px;
	box-shadow: 		0 2px 5px 0 rgba(0, 0, 0, 0.25);
	border: 			1px solid #999;
	border-radius: 		2px;
	background-color: 	#fff;	
	text-align: 		center;
}

.entry-graphic-tip img {
	display: 			block;
	margin: 			0px auto;	
}

/* --------------------------------------------------------- */
/* -- ARTICLE GRID LAYOUT ---------------------------------- */
.entry {
	position: 			relative;
	float: 				left;
	margin-bottom: 		29px;
	width: 				320px;
	box-shadow: 		0 2px 5px 0 rgba(0, 0, 0, 0.25);
	border: 			1px solid #999;
	border-radius: 		2px;
	background-color: 	#fff;
	transition: 		box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.entry:hover {
	box-shadow:		 	0 8px 17px 0 rgba(0, 0, 0, 0.2);	
}

.entry img {
	display: 			block;
	width: 				320px;
	height: 			179px;
}

.entry-pos-2 {
    margin-left: 		29px;
	margin-right: 		29px;	
}

.entry-ad {
	width: 				300px;
	height: 			250px;
	padding: 			5px 10px 4px 10px;
	text-align: 		center;
	line-height: 		0px;
}

.entry-ad img {
	width: 				300px;
	min-height: 		250px;
}

.entry p.entry-title {
	height: 			58px;
	font-size: 			17px;
	line-height: 		24px;
	overflow: 			hidden;
}

.entry p.entry-title a {
	display: 			block;
	padding: 			5px;
	color: 				#000;
	text-decoration: 	none;
}

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

.entry p.entry-meta {
	padding: 			5px;
	color: 				#969696;
	font-size: 			12px;
	line-height: 		12px;
}

.entry p.entry-meta a {
	color: 				#969696;
	text-decoration: 	none;
}

.entry p.entry-date {
	position: 			absolute;
	right: 				5px;
	bottom: 			5px;
	color: 				#969696;
	font-size: 			12px;
	line-height: 		12px;
}

.entry p.entry-comments {
	position: 			absolute;
	top: 				1px;
	right: 				-3px;
	z-index: 			201;
	width: 				42px;	
	height: 			34px;
	background: 		url('/images/site/comment-small.png') top left no-repeat;
	text-align: 		center;
	font-weight: 		bold;
	font-size:			14px;
	line-height: 		26px;
	color: 				#000;
}
	
.featured p.entry-comments {
	position: 			absolute;
	top: 				0px;
	right: 				-5px;
	z-index: 			201;
	width: 				59px;	
	height: 			44px;
	background: 		url('/images/site/comment.png') top left no-repeat;
	text-align: 		center;
	font-weight: 		bold;
	font-size:			16px;
	line-height: 		38px;
	color: 				#000;	
}

.entry-recent {
	color: 				#d2232a;

}

/* -------------------------------------------------------------- */
/* -- ENTRY OVERLAY --------------------------------------------- */
.entry-overlay {
	position: 			absolute;
	top: 				3px;
	left: 				3px;
	z-index: 			101;
	background-color: 	#d2232a;
	padding: 			2px 5px 2px 5px;
	color: 				#fff;
	font-family: 		'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 		bold;
	font-size: 			20px;
	line-height: 		20px;
	letter-spacing: 	1px;
	text-align: 		center;
}

.entry-overlay-new {
	left: 				auto;
	right: 				3px;
}

/* --------------------------------------------------------- */
/* -- ARTICLE COLUMN LAYOUT -------------------------------- */
.entry-column {
	float: 				none;	
	width: 				298px;
	margin-top: 		10px;
}

.entry-column img {
	width: 				298px;
	height: 			167px;
}

.entry-column p.entry-title {
	font-size: 			16px;
}


/* --------------------------------------------------------- */
/* -- NOTIFICATION ----------------------------------------- */
#notification {
	display: 			none;
	position: 			fixed;
	top: 				50px;
	left: 				0px;
	z-index: 			100001;
	width: 				100%;
	background-color:	rgba(210, 35, 42, 0.95);
	
}

#notification-message a {
	display: 			block;
	padding: 			5px 0px;
	line-height: 		20px;
	text-align: 		center;
	color: 				#fff;
	cursor: 			pointer;	
	text-decoration: 	none;
}

/* --------------------------------------------------------- */
/* -- PAGING LAYOUT ---------------------------------------- */
.paging {
	margin-bottom: 		20px;
	width: 				100%;
}

.paging a.button {
	display: 			block;
	margin-top: 		0px;
	background-color: 	#d2232a;
	padding: 			0px 5px;
	font-size: 			28px;
	color: 				#FFFFFF;
	text-decoration: 	none;
	line-height: 		32px;
}

.paging a.button:hover {
	background-color: 	#000;
	border: 			1px solid #000;
	color: 				#FFF;
}

.paging a.button-older {
	float: 				right;
}

.paging a.button-newer {
	float: 				left;
}

.loader {
	
}

.loader img {
	display:			block;
	margin:				21px auto;	
}

/* --------------------------------------------------------- */
/* -- INFORMATIONAL PAGE LAYOUT ---------------------------- */
#page-info {
	margin-top: 		5px;
	background-color: 	#bfbfbf;
	padding: 			5px;
	font-size: 			12px;
}

#page-info p {
	margin: 			10px 0px;
}

/* --------------------------------------------------------- */
/* -- DETAIL PAGE ------------------------------------------ */
.article-byline {
	margin-top: 		5px;
	font-size: 			14px;
	color: 				#969696;	
}

.article-meta {
	margin-top: 		5px;
	margin-bottom: 		20px;
	font-size: 			14px;
	color: 				#969696;	
}
.article-date {
	float: 				right;	
}

.article-meta a {
	text-decoration: 	none;
	color: 				#969696;	
}

.article-social-media {
	float: 				left;
	margin-top: 		20px;	
	width: 				20px;
	height: 			100%;
}

.article-body {
	margin-top: 		20px;
	margin-left: 		60px;
	margin-right: 		20px;
	text-align:			justify;
}

#area-content {
	position: 			relative;
}

#image-description {
	display: 			block;
	font-size: 			16px;
	line-height: 		20px;
}

#image-description p {
	margin:				10px 0px;
	text-align: 		justify;
}

#image-description p.source {
	margin-top: 		10px;
	font-size: 			12px;
	text-align: 		left;
}

#image-main {
	margin:				0px;
}

#image-main img {
	margin: 			0px auto;
}

#image-main h2 {
	margin:				5px 0px;
	font-size: 			18px;
	font-weight: 		bold;
}

.article-comments {
	margin: 			20px 20px 30px 60px;
}


/* --------------------------------------------------------- */
/* -- DETAIL VIDEO EMBED ----------------------------------- */
#video-container {   
    position: 			relative;   
	margin: 			0px;
	padding-bottom: 	56.25%; /* 16/9 ratio */   
    height: 			0;
	background-color: 	#000;   
    overflow: 			hidden;
}

#video-container iframe, #video-container object, #video-container embed, .complex-player {   
    position: 			absolute;   
    top: 				0;   
    left: 				0;   
    width: 				100%;   
    height: 			100%;
}

/* -- OVERRIDE THE PROPORTIONS FOR SINGLE EMBEDS ---------- */
#video-container.video-format-3 {
	width: 				706px;
	height: 			420px;
	padding-bottom: 	0px;
}

#video-container.video-format-6 {
	margin: 			0px auto;	
	width: 				600px;
	height: 			600px;
	padding-bottom: 	0px;
}

#video-container.video-format-9 {
	width: 				706px;
	height: 			250px;
	padding-bottom: 	0px;
}

#video-container.video-format-10 {
	width: 				706px;
	height: 			350px;
	padding-bottom: 	0px;
}


/* -- OVERRIDE THE PROPORTIONS FOR SINGLE EMBEDS ---------- */
#content-embed {
	margin: 			10px 0px;
	width: 				706px;
	text-align:			center;
}

#content-embed div {
	margin: 			0px auto;
}

.instagram-media {
	margin: 			0px auto !important;	
}

/* --------------------------------------------------------- */
/* -- ARTICLE SOCIAL MEDIA --------------------------------- */
.sharing-buttons {
	margin: 				0;
	list-style-type: 		none;
	padding: 				0;
}

.sharing-buttons li {
	display: 				block;
	margin-bottom: 			10px;
	width: 					30px;
	height: 				30px;
	border-radius: 			15px;
	box-shadow: 			0 1px 2px 0 rgba(0, 0, 0, 0.25);
	transition: 			box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.sharing-buttons li:hover {
	box-shadow: 			0 2px 5px 0 rgba(0, 0, 0, 0.25);
}

.sharing-buttons li a {
	display:				inline-block;
    width: 					30px;
    height: 				30px;
    color: 					#fff;
	font-size: 				15px;
	line-height: 			30px;
	text-decoration: 		none;
	text-align: 			center;
}

.sm-facebook {
	background-color: 		#3b5998;
}

.sm-twitter {
	background-color: 		#4099FF;
}

.sm-reddit {
	background-color: 		#FF4500;
	padding-right: 			3px;
}

.sm-pinterest {
	background-color: 		#CB2027;
	padding-left: 			1px;
}

.sm-google {
	background-color: 		#DE5A49;
	padding-left: 			2px;
}

.sm-email {
	background-color: 		#F76700;
	padding-left: 			1px;
	padding-bottom: 		2px;
}


/* --------------------------------------------------------- */
/* -- DETAIL GALLERY --------------------------------------- */
#area-gallery {
	position: 			relative;
	margin:				0px auto;
	width:				706px;
	height: 			395px;
	overflow: 			hidden;
	background-color: 	#000;
}

#gallery-main {
	position: 			relative;
	width: 				1412px;
}

.gallery-slide {
	position: 			absolute;
	top: 				0px;
	left: 				0px;
	
}

.fs-additional {
	left: 				706px;	
}

.gallery-slide-image {
	position: 			relative;
	width:				706px;
	height: 			395px;
	text-align: 		center;
	display: 			table-cell;
	vertical-align: 	middle;
}

.gallery-slide-image a {
	text-decoration: 	none; 
}

.gallery-slide-image p {
	position: 			absolute;
	left: 				0px;
	bottom: 			0px;
	z-index: 			101;
	width: 				686px;
	min-height: 		24px;
	margin: 			0px;
	background-color: 	rgba(0, 0, 0, 0.45);
	padding: 			5px 10px;
	font-weight: 		bold;
	font-size:	 		20px;
	line-height: 		24px;
	text-shadow: 		1px 1px #000;
	text-align: 		left;
	color: 				#fff;
	word-wrap: 			break-word; 
}

.gallery-slide-image img {
	display: 			inline;
	margin: 			0px auto;
	max-height: 		395px;
}

.gallery-slide-image .gallery-video-overlay {
	display: 			block;
	position: 			absolute;
	left: 				278px;
	top: 				176px;
	z-index: 			100;
	width: 				150px;
	height: 			40px; 
	background-color: 	rgba(0, 0, 0, 0.45);
	border-radius: 		10px;
	font: 				bold 30px/40px 'BebasNeueRegular', Arial, sans-serif;
	text-align: 		center;
	color: 				#ffffff;
}

.gallery-slide-image .gallery-video-overlay:hover {
	color: 				#d2232a;
}


/* --------------------------------------------------------- */
/* -- DETAIL GALLERY NAV/OVERLAY --------------------------- */
#image-gallery-nav-l {
	position: 					absolute;
	top: 						160px;
	left: 						0px;
	z-index: 					102;
	width: 						45px;
	display: 					block;
	background-color: 			rgba(0, 0, 0, 0.35);
	padding: 					20px 10px 20px 0px;
	color: 						#fff;
	text-decoration: 			none;
	font-size: 					30px;
	line-height: 				30px;
	text-align: 				right;
}

#image-gallery-nav-r {
	position: 					absolute;
	top: 						160px;
	right: 						0px;
	z-index: 					102;
	width: 						45px;
	display: 					block;
	background-color: 			rgba(0, 0, 0, 0.35);
	padding: 					20px 0px 20px 10px;
	color: 						#fff;
	text-decoration: 			none;
	font-size: 					30px;
	line-height: 				30px;
	text-align: 				left;
}

#image-gallery-nav-r:hover, #image-gallery-nav-l:hover {
	color: 						#d2232a;
}

#image-gallery-nav-z {
	position: 			absolute;
	top: 				0px;
	left: 				0px;
	z-index: 			102;
	width: 				30px;
	height: 			30px;
	display: 			block;
	background-color: 	rgba(0, 0, 0, 0.45);
	padding: 			8px 0px;
	padding: 			0px;
	font-size: 			20px;
	line-height: 		30px;
	text-align: 		center;
	text-decoration: 	none;
	color: 				#fff;
}

#image-gallery-nav-c {
	position: 			absolute;
	top: 				0px;
	right: 				0px;
	z-index: 			102;
	width: 				60px;
	display: 			block;
	background-color: 	rgba(0, 0, 0, 0.45);
	padding: 			8px 0px;
	color: 				#fff;
	font-size: 			14px;
	line-height: 		14px;
	text-align: 		center; 
}

#image-gallery-detail {
	display: 			block;
	margin: 			10px auto;	
}


/* --------------------------------------------------------- */
/* -- DETAIL GALLERY OVERLAY ------------------------------- */
#gallery-overlay {
	display: 				none;
	position:				fixed;
    top:					0;
    left:					0;
	z-index: 				300001;
    width:					100%;
    height:					100%;
    background-color: 		rgba(255, 255, 255, 0.75);
    text-align:				center;
}

.gallery-overlay-box {
	position: 				relative;
	margin: 				0px auto;
	width: 					700px;
	height: 				550px;
	box-shadow: 			0px 0px 10px #999;
	border-radius: 			10px;
	background-color: 		#fff;
	padding: 				0px 20px;
}

#gallery-overlay img {
	margin: 				0px auto;
	box-shadow: 			0px 0px 10px #CCC;
	border-radius: 			10px;
	background-color: 		#fff;
	padding: 				40px;
}

#gallery-close {
	position: 				absolute;
	top: 					10px;
	right: 					10px;	
	z-index: 				300002;
	width: 					30px;
	line-height: 			30px;
	font-size: 				20px;
	font-weight: 			bold;
	text-align: 			center;
	text-decoration: 		none;
	border: 				1px solid #999;
	border-radius: 			15px;
	color: 					#999;
}

#gallery-close:hover {
	background-color:		#999;
	color: 					#fff;
}

/* ----------------------------------------------------- */
/* -- FIXED POS ---------------------------------------- */
.article-social-media-fixed {
	position: 			fixed;
	float: 				none;
	margin-top: 		0px;
	width: 				30px;
	height: 			100%;
	min-height: 		auto;
	top: 				55px;
	left: 				50%;
	z-index: 			1001;
	margin-left: 		-513px;
}

.article-social-media-absolute {
	position: 			absolute;
}

/* ---------------------------------------------------------------- */
/* -- USER HEADER ------------------------------------------------- */
.writer {
	margin-bottom: 		15px;
	height: 			70px;
	border-bottom:		1px solid #999;
	padding-bottom: 	15px;
}

.writer-image {
	float: 				left;
	width: 				70px;
	height: 			70px;
	border-radius: 		50%;
}

.writer-name {
	float: 				left;
	margin-left: 		15px;
}

.writer-name h1 {
	margin-bottom: 		0px;
	line-height: 		50px;
}

.writer-name h3 {
	font-size: 			18px;
	line-height: 		20px;
}

.writer-social {
	float: 				right;
	font-size: 			50px;
	line-height: 		85px;
	color: 				#4099FF;
}


/* ---------------------------------------------------------------- */
/* -- FORM LAYOUT ------------------------------------------------- */
.form {
	margin: 			20px auto;
	width: 				80%;	
}

.form p {
	padding: 			5px;
}

.form  p.form-notes {
	margin: 			0px;
	border: 			0px;
	border-radius: 		0px;
	padding: 			2px 5px;
	font-style: 		italics;
}

.form label {
	display: 			block;
	text-align: 		left;
	font-family: 		'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 		bold;
	font-size: 			16px;
	line-height: 		20px;
	color: 				#888;
	text-transform: 	uppercase;
}

.form input, .form textarea {
	box-sizing: 		border-box;
	width: 				100%;	
	border: 			1px solid #888;
	padding: 			5px;
	font-size: 			14px;
}

.form input[type=submit], .form input[type=button] {
	width: 				auto;
	border: 			none;
	border-radius: 		5px;
	background-color: 	#d2232a;
	color: 				#fff;
	cursor: 			pointer;
}

.form input[type=button].confirm {
	background-color: 	#23d227;
}

.error {
	margin: 			10px 0px 0px 0px;
	background-color: 	#d2232a;
	padding: 			5px;
	font-weight: 		bold;
	color: 				#fff;
}

.success {
	margin: 			10px 0px 0px 0px;
	background-color: 	#23d227;
	padding: 			5px;
	font-weight: 		bold;
	color: 				#fff;
}