/* RESET CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}

/* Required to Render UL and OL elements correclty */
ol {   list-style: decimal inside none; }
ul {   list-style: disc inside none; }


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ClearFix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

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

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

}

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

}


html {
	overflow: auto;
}
h1, h2, h3, h4, h5, h6 {
  color: #5f5a5b;
  font-family: "Courier New", Menlo, monospace;
}

h1 {
  letter-spacing: 1px;
  line-height: 1.3em;
  font-size: 12px;
}

h2 {
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 1.4em;
}

a {
	color: #231f20;
  text-decoration: underline;
}
body {
	color: #231f20;
  line-height: 1.6em;
  background: #ffffff;
  color: #231f20;
  font-size: 10px;
  font-family: Karla, sans-serif, Arial, Helvetica;
}
section {
	clear: both;
}
body.listing section {
  margin: 0 auto;
  width: 1020px;
}
#wrapper {
/*  width: 1000px;
  margin: 0 auto;*/
  padding-bottom: 50px;
}
/* top */
#top {
  padding: 68px 0 70px 0;
  z-index: 1;
  text-align: center;
  width: 900px;
  margin: 0 auto;
}
.social_icons {
	margin-top: 40px;
	display: inline-block;
	font-size: 14px;
	*zoom: 1;
	*display: inline;

}
.social_icons li {
  
  color: #222;
  background: #dce0df;
  
  border-radius: 50%;
  float: left;
  height: 20px;
  line-height: 20px;
  list-style: none;
  margin-left: 5px;
  overflow: hidden;
  position: relative;
  width: 20px;
}
.social_icons li a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.social_icons li.twitter {
	background-position: -52px 0;
	margin-left: 0;
}
.social_icons li.facebook {
	background-position: -25px;
}

.social_icons li.share {
	
	background: #231f20;
	
	width: auto;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	line-height: 20px;
	vertical-align: middle;
	overflow: hidden;
	behavior: url(/static/PIE-172eaf95ae8ee7073d7d2d20a11b13eaaf0a355d426f0c839a06296c534db344.htc);
}
.social_icons li.share a {
	filter: alpha(opacity=100);
	opacity: 1;
	text-decoration: none;
	position: static;
	font-size: 9px;
	
	color: #ffffff;
	
	text-transform: uppercase;
	padding: 0 7px;
	width: auto;
	display: block;
}
.post_text {
	width: 885px;
	margin: 0 auto;
	text-align: center;
	border-top: 1px solid #e5e5e5;
	padding: 20px 0 100px;
	color: #b6b6b6;
	font-size: 10px;
	font-family: Karla, sans-serif;
}
#logo {
	padding: 0 0 40px;
	text-align: center;
}

#logo img {
	max-width: 350px;
	max-height: 150px;
}
#logo h1 {
	width: 100%;
}
#logo h1 a {
	color: #c70e0e;
	font-family: "Source Code Pro", monospace;
	font-size: 31px;
	line-height: 24px;
	text-decoration: none;
}
nav{
	position: relative;
	z-index: 2;
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
nav #menu {
	text-align: center;
	margin-left: -11px;
}
nav #menu li {
	display: inline-block;
	list-style-type: none;
	line-height: 1.3em;
	padding: 0 5px;
	z-index: 1;
	*zoom: 1;
	*display: inline;

}
nav #menu > li {
	margin: 5px 11px;
}
nav #menu li.last {
	padding-right: 0;
}
nav #menu > li.selected > a,
nav #menu li a.category_name.selected {
	text-decoration: underline;
	color: #231f20 !important;
}
nav #menu li a{
	text-decoration: none;
	color: #231f20;
	font-size: 12px;
	font-family: "Courier New", Menlo, monospace;
	line-height: 1.5em;
	display: block;
	
	text-transform: uppercase;
	
}
nav #menu > li:hover {
	background: #ffffff;
}
nav #menu li a:hover {
	text-decoration: underline;
}
nav #menu li.category {
	position: relative;
}
nav #menu li.category:hover ul.dropdown,
nav #menu li.category:focus ul.dropdown{
	-moz-transition: height 0.5s;
	-webkit-transition: height 0.5s ;
	-o-transition: height 0.5s;
	transition: height 0.5s;
}
nav #menu .dropdown {
	position: absolute;
	height: 0;
	left: 5px;
	overflow: hidden;
	width: 160px;
	z-index: 2;
	padding-top: 4px;
	-moz-transition: height 0.5s;
	-webkit-transition: height 0.5s;
	-o-transition: height 0.5s;
	transition: height 0.5s;
}
nav #menu .dropdown li {
  background: #F3F4F5;
  border-bottom: 1px solid #DFE2E4;
  clear: both;
  float: left;
  min-width: 160px;
  padding: 7px 8px 4px;
  text-align: left;
}
nav #menu .dropdown li.selected a{
	text-decoration: underline;
}
nav #menu .dropdown li a:hover {
	color: #191919;
	text-decoration: none;
}

nav #menu .dropdown li a:active { background-color: transparent; } /* ie 10 fix */

nav #menu .dropdown li:hover {
	background: #e6e8e9;
}
nav #menu .dropdown li.selected a {
	color: #191919;
}

nav #menu .dropdown li a {
	color: #191919;
}
/* content */
._4ORMAT_content_wrapper { margin: 0 auto; }

/* assets */
body.listing .assets {
	width: 1070px;
}
body.listing .asset {
	float: left;
	margin: 0 50px 70px 0;
	width: 300px;
	height: 300px;
	overflow: hidden;
	position: relative;
}

body.listing .assets .img {
	overflow: hidden;
	text-align: center;
	height: 300px;
	width: 300px;
	position: relative;
}
body.listing .assets .img img {
	max-height: 300px;
	max-width: 300px;
}
body.listing .assets .img a.picture{
	z-index: 1;
	display: block;
	position: relative;
	overflow: hidden;
	text-decoration: none;
}

body.listing .assets a.picture span.container {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	display: none;
	text-align: center;
	background: #000000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	cursor: pointer;
}
body.listing .assets a.picture span.copy {
	position: absolute;
	top: 50%;
	width: 90%;
	left: 5%;
	display: block;
}
body.listing .title_element {
	padding-bottom: 60px;
	width: 700px;
	margin: 0 auto;
}
body.listing .title_element .img {
	width: 700px;
	margin-bottom: 10px;
}
body.listing .title_element #asset_title img{
	max-width: 700px;
}

body.listing .assets span.copy
{
	color: #ffffff;
	font-size: 10px;
	font-family: Karla, sans-serif;
	text-decoration: none;
	letter-spacing: 0.6px;
	line-height: 1.4em;
}

/* gallery */

body.gallery #slide-assets {
	width: 900px;
	position: relative;
	margin: 0 auto;
	z-index: 0;
}

body.gallery .asset {
	width: 900px;
	position: relative;
	padding: 74px 0;
}
body.gallery .asset.title_element {
	padding: 0;
}
body.gallery .asset.title_element {
	margin-bottom: 74px;
}

body.gallery .asset.title_element .copy {
	text-align: left;
	margin-top: 0;
}
body.gallery .asset.title_element.text-only {
	margin-bottom: 74px;
}
body.gallery .asset .copy {
	text-align: center;
	margin-top: 20px;
}
body.gallery .asset .copy p,
body.gallery .asset .copy span,
body.gallery .asset .copy li
{
	font-size: 10px;
	color: #231f20;
	font-family: Karla, sans-serif;
	line-height: 1.6em;
}

body.gallery .asset .img {
	background: url(https://bucket1.format-assets.com/theme_versions/10469443/assets/images/progress.gif) 50% 50% no-repeat;
	min-height: 30px;
	margin: 200px 0;
}
body.gallery .asset.title_element .img {
	height: auto;
	margin: 0 0 20px 0;
}
body.gallery .asset .img img {
	max-height: 600px;
	max-width: 900px;
	margin: 0 auto;
	width: auto;
	height: auto;
	display: block;
}

body.gallery .asset.title_element .img img {
	margin: 0;
}
body.gallery .asset .txt-container {
	width: 900px;
}
body.gallery .asset .txt-container p,
body.gallery .asset .txt-container li,
body.gallery .asset .txt-container span {
	font-size: 10px;
	font-family: Karla, sans-serif;
	color: #231f20;
}

body.gallery .asset.video .video_container {
	margin: 0 auto;
}
body.gallery .divider {
	
	        width: 4px;
			height: 4px;
			background: #000000;
			border-radius: 2px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			behavior: url(/static/PIE-172eaf95ae8ee7073d7d2d20a11b13eaaf0a355d426f0c839a06296c534db344.htc);

        
	margin: 0 auto;
}


/* Blog styling */

.f_blog_body_typography,
.f_blog_body_typography:hover {
    color: #222222!important;
    font-family: "Courier New", Menlo, monospace!important;
    font-size: 11px!important;
    line-height: 1.65!important;
}
.f_blog_body_typography > p { line-height: 1.65!important; }

.f_blog_body_typography_color,
.f_blog_body_typography_color:hover,
.blog_date_icon_path { fill: #222222!important; }

.f_blog_title_typography,
.f_blog_title_typography:hover {
  color: #494949!important;
  font-family: "Courier New", Menlo, monospace!important;;
  font-size: 19px!important;
  font-style: normal!important;
  font-weight: bold!important;
}
.f_blog_title_typography_hover:hover {
  color: #222222!important;
  text-decoration: underline!important;
}

/* Hack to make listing hovers work nicely */
.f_blog_list a:hover h4 {
  color: #222222!important;
  text-decoration: underline!important;
}

.fancybox-title .child, /* apply to fancybox for popup image captions */
.f_blog_caption_typography {
  font-family: Karla, sans-serif!important;;
  font-size: 13px!important;
}
.f_blog_caption_typography_font-size { font-size: 13px!important; }



/* ------------------------------------------------------------------ */
/* Content Pages styling */

#content_page_wrapper h2.xl-headline {
	font-size: 15px;
}