@charset "utf-8";
/* --------------------------------------------------------- */
/* -- INCLUDE THE ICON FONT -------------------------------- */
@font-face {
    font-family: 'IconFont';
    src: url('/includes/font/icon/icon.eot');
    src: url('/includes/font/icon/icon.eot?#iefix') 	format('embedded-opentype'),
         url('/includes/font/icon/icon.woff') 			format('woff'),
         url('/includes/font/icon/icon.ttf') 			format('truetype'),
         url('/includes/font/icon/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 {
	margin: 			0;
	width: 				100%;
	height:				100%;
	background-color: 	#EAEAEA;
	font-family: 		"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 			14px;
}

a {
	color: 				#f25728;
}

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 30px 0px;
	padding: 			0px;
	font-family: 		'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 		bold;
	font-size:			48px;
	line-height: 		56px;
	color: 				#333;
}

h2 {
	margin: 			0px;
	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;
}

h2.header-release {
	margin: 			15px 0px;
	text-align: 		center;
}


/* --------------------------------------------------------- */
/* -- HEADER ----------------------------------------------- */
.header {
	position: 			fixed;
	top: 				0;
	left: 				0;
	z-index: 			200001;
	width: 				100%;
	height: 			40px;
	background-color: 	#fff;
	border-bottom: 		1px solid #eaeaea;
	padding-top:		10px;
	box-shadow:			0px 4px 8px 0 rgba(0, 0, 0, 0.2)
}

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

.header-back-arrow {
	float: 				left;
	display: 			block;
	margin: 			0px;
	margin-right: 		10px;
	width: 				30px;
	line-height: 		30px;
	font-size: 			24px;
	text-align: 		center;
	color: 				#f25728;
	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-search:before { content: '\e800'; }
.icon-mail-alt:before { content: '\e801'; }
.icon-user:before { content: '\e802'; }
.icon-zoom-in:before { content: '\e803'; }
.icon-angle-left:before { content: '\e804'; }
.icon-angle-right:before { content: '\e805'; }
.icon-left-big:before { content: '\e806'; }
.icon-up-big:before { content: '\e807'; }
.icon-facebook:before { content: '\e808'; }
.icon-instagram:before { content: '\e809'; }
.icon-twitter:before { content: '\e80a'; }
.icon-youtube:before { content: '\e80b'; }
.icon-disqus:before { content: '\e80c'; }
.icon-google-plus:before { content: '\e80d'; }
.icon-pinterest:before { content: '\e80e'; }
.icon-play:before { content: '\e80f'; }
.icon-reddit:before { content: '\e810'; }
.icon-calendar:before { content: '\e811'; }
.icon-ellipsis-vert:before { content: '\e812'; }
.icon-ok:before { content: '\e813'; }
.icon-plus:before { content: '\e814'; }
.icon-inbox:before { content: '\e816'; }

/* --------------------------------------------------------- */
/* -- RELEASE DATES ---------------------------------------- */
.release-dates {
	float: 					left;
	margin: 				0px 10px 0px 30px;
	line-height: 			30px;
}

.release-dates a {
	text-decoration: 		none;
	font-size: 				18px;
}

/* --------------------------------------------------------- */
/* -- RELEASE DATES ---------------------------------------- */
.feed {
	position:				relative;
	float: 					left;
	margin: 				2px 10px 0px 10px;
	width: 					30px;
	line-height: 			30px;
}

.feed a {
	text-decoration: 		none;
	font-size: 				18px;
}

.feed a.icon-inbox {
	position: 				absolute;
	z-index: 				300003;
}

.feed a.update-count {
	display: 				none;
	position: 				absolute;
	top: 					-3px;
	right: 					-3px;
	z-index: 				300004;
	width: 					16px;
	height: 				16px;
	background-color: 		#f25728;
	border-radius: 			50%;
	font-size: 				10px;
	line-height: 			16px;
	text-align: 			center;
	color: 					#fff;
}

.feed a.update-animate {
	animation-name: 		showExpand;
    animation-duration: 	0.5s;
}

@keyframes showExpand {
    0%   {transform:scale(0.0);}
    50%  {transform:scale(1.5);}
    100% {transform:scale(1.0);}
}

.update-preview {
	display: 				inline-block;
	width: 					16px;
	height: 				16px;
	background-color: 		#f25728;
	border-radius: 			50%;
	font-size: 				12px;
	font-weight: 			bold;
	line-height: 			16px;
	text-align: 			center;
	color: 					#fff;
}


/* --------------------------------------------------------- */
/* -- 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: 					#333;
	text-decoration: 		none;
	font-size: 				21px;
}

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

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

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

a.social-media-icon.icon-calendar {
	color: 					#f25728;
}

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

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

.search form input {
	display: 					inline-block;
	width: 						300px;
	height: 					14px;
	border: 					1px solid #eaeaea;
	border-top-left-radius: 	3px;
	border-bottom-left-radius: 	3px;
	padding: 					6px 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:320px;}
.twitter-typeahead .tt-input, .twitter-typeahead .tt-hint {margin:-5px 0px 0px 0px; width:300px; height:14px; border:1px solid #eaeaea; padding:6px 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_sneakerwatch {
	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 #f25728;
	background-color: 		#f25728;
}

#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: 				60px;
	right: 					50%;
	z-index: 				100001;
	margin-right: 			-521px;
	width: 					35px;
	height: 				20px;
	background-color:  		#f25728;
	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: 		30px;
	display: 			flex;
	flex-wrap: 			wrap;
  	justify-content: 	space-around;
}

.column-sticky-fixed {
	position: 			fixed;
	top: 				60px;
	right: 				50%;
	margin-right: 		-511px;
}

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

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

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

.featured-exclusive {
	position: 			absolute;
	top: 				5px;
	left: 				5px;
	width: 				160px;
	background-color: 	#f25728;
	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: 			100px;
	background:			linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.75));
}

.featured-title h2 {
	position: 			absolute;
	display: 			block;
	left: 				10px;
	bottom: 			10px;
	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;
}


/* ---------------------------------------------------------------- */
/* -- TOP STORIES LAYOUT ------------------------------------------ */
.trending {
	float: 				left;
	margin-left: 		10px;
	width: 				300px;
}

.trending h2 {
	line-height: 		27px;
}

.entry-trending {
	margin-top: 		10px;
	height: 			73px;
}

.entry-trending img {
	float: 				left;
	margin-right: 		5px;
	display: 			block;
	width: 				114px;
	height: 			73px;
}

.entry-trending-title {
	font-size: 			14px;
	line-height: 		18px;
	font-weight: 		bold;
}

.entry-trending a {
	text-decoration: 	none;
	color: 				#000;
}

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

.entry-trending-title span {
	color: 				#f25728;
	font-weight: 		bold;
}

/* ---------------------------------------------------------------- */
/* -- TOP STORIES LAYOUT ------------------------------------------ */
.entry-top-stories {
	margin-top: 		5px;
	height: 			66px;
	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: 				103px;
	height: 			66px;
}

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

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

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

/* ---------------------------------------------------------------- */
/* -- HOMEPAGE TRENDING LAYOUT ------------------------------------ */
#trending-content {
	min-height: 		180px;
}

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

/* ---------------------------------------------------------------- */
/* -- RELEASE INFO ------------------------------------------------ */
.release-info {
	margin-bottom: 		30px;
}

.release-info dt {
	float: 				left;
	margin-bottom: 		5px;
	width: 				150px;
	font-weight: 		bold;
	line-height: 		30px;
}

.release-info dd {
	margin-left: 		110px;
	margin-bottom: 		5px;
	line-height: 		30px;
}

.release-info dd a {
	border: 			1px solid #f25728;
	border-radius: 		2px;
	padding: 			2px 3px;
	color: 				#f25728;
	text-decoration: 	none;
}

.release-info dd a:hover {
	background-color: 	#f25728;
	color: 				#fff;
}

.release-info dd span {
	border: 			1px solid #CCC;
	border-radius: 		2px;
	padding: 			2px 3px;
	color: 				#CCC;
	cursor: 			not-allowed;
}


/* --------------------------------------------------------------- */
/* -- ARTICLE GRID LAYOUT ---------------------------------------- */
.entry {
	position: 			relative;
	flex: 				0 0 320px;
	margin-bottom:		40px;
}

.entry img {
	display: 			block;
	border: 			1px solid #EEE;
	width: 				320px;
	height: 			205px;
}

.entry p.entry-title {
	height: 			60px;
	font-size: 			1.2rem;
	font-weight: 		bold;
	line-height:		1.5rem;
	overflow: 			hidden;
}

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

.entry p.entry-comments, .entry-release 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;
}

.entry-ad {
	width: 				320px;
	height: 			267px;
	text-align: 		center;
	line-height: 		0px;
}

.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: 				#f25728;
}

.entry a {
	text-decoration: 	none;
}

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

/* ---------------------------------------------------------------- */
/* -- RELEASE DATE ENTRIES ---------------------------------------- */
.entry-release {
	margin-bottom: 		15px;
	border-bottom: 		1px solid #EAEAEA;
	padding-bottom: 	15px;
}

.entry-release-last {
	margin-bottom: 		0px;
	border-bottom: 		none;
	padding-bottom: 	0px;
}

.entry-release-column {
	position: 			relative;
	float: 				left;
	margin: 			0% 2%;
	width: 				48%;
	text-align: 		center;
}

.entry-release-column:first-child {
	margin-left: 		0%;
}

.entry-release-column:last-child {
	margin-right: 		0%;
}

.entry-release-column img {
	width: 				339px;
	height: 			216px;
}

.entry-release-column a {
	text-decoration: 	none;
	color: 				#000;
}

.entry-release-title {
	font-size: 			24px;
	font-weight: 		bold;
	text-align:			left;
}

.entry-release-price {
	margin-top: 		10px;
	font-size: 			16px;
	font-weight: 		bold;
	color: 				#333;
	text-align:			left;
}

.entry-release-updates {
	margin-top: 		10px;
	font-size: 			16px;
	color: 				#f25728;
	text-align:			left;
}

.entry-release-calendar {
	margin-top: 		10px;
	font-size: 			16px;
	color: 				#333;
	text-align:			left;
}

.entry-release-calendar a {
	border: 			1px solid #f25728;
	border-radius: 		2px;
	padding: 			2px;
	color: 				#f25728;
}

.entry-release-calendar span {
	border: 			1px solid #CCC;
	border-radius: 		2px;
	padding: 			2px;
	color: 				#CCC;
}

.entry-release-button {
	margin-top: 		20px;
	text-align: 		left;
}

.entry-release-button button {
	margin: 			15px 10px 0px 0px;
}

/* -------------------------------------------------------------- */
/* -- ENTRY OVERLAY --------------------------------------------- */
.entry-overlay {
	position: 			absolute;
	top: 				3px;
	left: 				3px;
	z-index: 			101;
	background-color: 	#f25728;
	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;
}

.entry-overlay-rls {
	background-color: 	#000;
}

.entry-overlay-follow {
	top: 				171px;
	left: 				auto;
	right: 				5px;
	width: 				30px;
	height: 			30px;
	background: 		none;
	padding: 			0px;
}

.entry-overlay-follow .button-follow {
	background-color:  	#fff;
	border: 			0px;
	width: 				30px;
	height: 			30px;
	box-shadow: 		1px 1px 3px 2px rgba(0,0,0,0.3);
	padding: 			0px;
	font-size: 			16px;
	line-height: 		30px;
	text-align: 		center;
	color: 				#4090db;
	text-align: 		center;
}

.entry-overlay-follow .button-follow:hover {
	background-color:  	#4090db;
	color: 				#fff;
}


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

.entry-column {
	margin-bottom: 		10px;
}

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

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

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

.entry-column .entry-overlay-follow {
	top: 				158px;
}


/* --------------------------------------------------------- */
/* -- NOTIFICATION ----------------------------------------- */
#notification {
	display: 			none;
	position: 			fixed;
	top: 				50px;
	left: 				0px;
	z-index: 			100001;
	width: 				100%;
	background: 		rgba(242, 87, 40, 0.95);

}

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


/* --------------------------------------------------------- */
/* -- LOADING AREA ----------------------------------------- */
.loader {
	padding: 			30px;

}

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

/* --------------------------------------------------------- */
/* -- RELEASE DATE OPTIONS  -------------------------------- */
.archives {
	margin-top: 		10px;
	text-align: 		center;
	margin-bottom: 		36px;
}

.archives select {
	width: 				100%;
	box-sizing: 		border-box;
	margin-top: 		10px;
	border-radius: 		2px;
	padding: 			3px 7px;
	font-size: 			16px;
	font-weight: 		bold;
	line-height: 		16px;
}

/* --------------------------------------------------------- */
/* -- USER FEED OPTIONS  ----------------------------------- */
.button-logout {
	width: 				160px;
	border-radius: 		3px;
	border: 			1px solid #db7132;
	background-color: 	#fff;
	padding: 			7px 15px;
	color: 				#db7132;
	font-weight: 		bold;
	font-size: 			16px;
	text-transform: 	uppercase;
	text-align: 		center;
	text-decoration: 	none;
	cursor: 			pointer;
}

.button-logout:hover {
	background-color: 	#db7132;
	color: 				#fff;
}

/* --------------------------------------------------------- */
/* -- ONBOARD OVERLAY -------------------------------------- */
.overlay-onboard {
	position:				absolute;
    top: 					45px;
    left:					-250px;
	z-index: 				300002;
    width:					300px;
    background-color: 		rgba(0, 0, 0, 0.95);
	box-shadow: 			1px 1px 3px rgba(0,0,0,0.3);
}

.overlay-onboard:after {
	bottom: 				100%;
	left: 					265px;
	border: 				solid transparent;
	content: 				" ";
	height: 				0;
	width: 					0;
	position: 				absolute;
	border-bottom-color: 	rgba(0, 0, 0, 0.95);
	border-width: 			20px;
	margin-left: 			-20px;
}

.overlay-onboard p {
	padding: 				10px;
	color: 					#fff;
	font-size: 				16px;
	line-height: 			20px;
	text-align: 			left;
}

.overlay-onboard a {
	display: 			block;
	margin: 			0px auto;
	width: 				120px;
	border-radius: 		3px;
	border: 			1px solid #f25728;
	background-color: 	transparent;
	padding: 			5px 5px;
	color: 				#f25728;
	font-weight: 		bold;
	line-height: 		14px;
	font-size: 			14px;
	text-transform: 	uppercase;
	text-align: 		center;
	text-decoration: 	none;
}

.overlay-onboard a:hover {
	background-color: 	#f25728;
	padding: 			5px 5px;
	color: 				#fff;
	text-decoration: 	none;
}


/* --------------------------------------------------------- */
/* -- 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-writer {
	margin-top: 		5px;
	margin-bottom: 		20px;
	height: 			50px;
	line-height: 		25px;
	font-size: 			14px;
	color: 				#969696;
}

.article-writer img {
	float: 				left;
	margin-right: 		15px;
	width: 				50px;
	height: 			50px;
	border-radius: 		50%;
}

.article-writer h3 {
	margin: 			0px;
	font-weight: 		normal;
	font-size: 			20px;
	line-height: 		25px;
	color: 				#969696;
}

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

.article-writer a.article-writer-social {
	margin-left: 		5px;
	color: 				#4099FF;
}

.article-meta {
	float: 				right;
	width: 				50%;
	height: 			50px;
	text-align: 		right;
}


.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: 			452px;
	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: 			452px;
	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: 		452px;
}

.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: 				#f25728;
}

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


/* --------------------------------------------------------- */
/* -- DETAIL GALLERY NAV/OVERLAY --------------------------- */
#image-gallery-nav-l {
	position: 					absolute;
	top: 						180px;
	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: 						180px;
	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: 						#f25728;
}

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

.overlay-content {
	margin: 				30px 0px;
}

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

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


.button-disabled {
	width: 				150px;
	border-radius: 		3px;
	border: 			1px solid #CCC;
	background-color: 	#fff;
	padding: 			7px 15px;
	color: 				#CCC;
	font-weight: 		bold;
	font-size: 			16px;
	text-transform: 	uppercase;
	text-align: 		center;
	text-decoration: 	none;
	cursor: 			not-allowed;
}

.button-purchase {
	width: 				150px;
	border-radius: 		3px;
	border: 			1px solid #d2232a;
	background-color: 	#fff;
	padding: 			7px 15px;
	color: 				#d2232a;
	font-weight: 		bold;
	font-size: 			16px;
	text-transform: 	uppercase;
	text-align: 		center;
	text-decoration: 	none;
	cursor: 			pointer;
}

.button-purchase:hover {
	background-color: 	#d2232a;
	color: 				#FFF;
}

.button-login {
	display: 			block;
	margin: 			15px auto;
	width: 				250px;
	border-radius: 		3px;
	border: 			1px solid #db7132;
	background-color: 	#fff;
	padding: 			7px 15px;
	color: 				#db7132;
	font-weight: 		bold;
	font-size: 			16px;
	text-transform: 	uppercase;
	text-align: 		center;
	text-decoration: 	none;
	cursor: 			pointer;
}

.button-login i {
	float: 				left;
}

.button-disqus:hover {
	background-color: 	#db7132;
	color: 				#fff;
}

.button-twitter:hover {
	background-color: 	#4099FF;
	color: 				#FFF;
}

.button-twitter {
	border-color: 		#4099FF;
	color: 				#4099FF;
}

.button-twitter:hover {
	background-color: 	#4099FF;
	color: 				#FFF;
}


.button-facebook {
	border-color: 		#3b5998;
	color: 				#3b5998;
}

.button-facebook:hover {
	background-color: 	#3b5998;
	color: 				#FFF;
}

/* ---------------------------------------------------------------- */
/* -- FOLLOW OPTIONS ---------------------------------------------- */
.article-follow {
	margin-bottom:		10px;
	text-align: 		center;
}

.follow-login {
	margin: 			20px auto;
	text-align: 		center;
}

.button-follow {
	width: 				160px;
	border-radius: 		3px;
	border: 			1px solid #4090db;
	background-color: 	#fff;
	padding: 			7px 15px;
	color: 				#4090db;
	font-weight: 		bold;
	font-size: 			16px;
	text-transform: 	uppercase;
	text-align: 		center;
	text-decoration: 	none;
	cursor: 			pointer;
}

.button-follow:hover {
	background-color: 	#4090db;
	color: 				#FFF;
}

.button-follow.active {
	border: 			1px solid #007700;
	background-color: 	#007700;
	color: 				#fff;
}

.entry-follow {
	position: 			relative;
	margin-top: 		20px;
	border-bottom:		1px solid #EAEAEA;
	padding-bottom: 	15px;
}

.entry-follow img {
	float: 				left;
	margin: 			0px 10px 0px 0px;
	width: 				80px;
}

.entry-follow-title {
	float: 				left;
	width: 				466px;
	line-height: 		30px;
	font-size: 			20px;
}

.entry-follow-title a {
	color: 				#333;
	text-decoration: 	none;
}

.entry-follow-update {
	line-height: 		20px;
	font-size: 			16px;
	color: 				#666;
}

.entry-follow-button {
	float: 				left;
	margin-top: 		10px;
}


/* ---------------------------------------------------------------- */
/* -- 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 {
	margin: 			0px;
	font-size: 			18px;
	line-height: 		20px;
}

.writer-social {
	font-size: 			18px;
	line-height: 		20px;
	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: 	#f25728;
	color: 				#fff;
	cursor: 			pointer;
}

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

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

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