/*
Theme Name: Twenty Thirteen
Theme URI: http://wordpress.org/
Description: The 2013 default theme for WordPress.
Author: the WordPress team
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/




article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block;
}
audio, canvas, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}



/* FONT IMPORT 
-------------------------------------------------------------- */

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

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

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




/* PACE PROGRESS 
-------------------------------------------------------------------- */

.pace .pace-progress {
  background: rgba(255,255,255,.85);
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;
	  -webkit-transition: width 1s;
	  -moz-transition: width 1s;
	  -o-transition: width 1s;
  transition: width 1s;
}
.pace-inactive {
  display: none;
}



/* PAGE BODY  
-------------------------------------------------------------- */

html,body {
	margin: 0;
	padding: 0;
}
body {
	background: #000;
	background-color: #000;
	background-image: url('vs/blog.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;
	background-size: cover;
	font-family: "proxima_light","helvetica neue",helvetica,arial,sans-serif;
	font-size: 10px;
	color: #666;
}
a {
	text-decoration: none;
		-webkit-transition: all .15s linear;
		-moz-transition: all .15s linear;
	transition: all .15s linear;	
	color: #ff5c3d;
}
a:hover {
	text-decoration: none;
	color: #e23818;
}



/* HEADER   
-------------------------------------------------------------- */

.header-bar {
	min-height: 44px;
	line-height: 44px;
	text-align: center;
}
.header-bar a {
	text-transform: uppercase;
	color: #666;
		-webkit-transition: color .15s linear;
		-moz-transition: color .15s linear;
	transition: color .15s linear;
}
.header-bar a:hover {
	color: #ff5c3d;
}

body > header {
	position: relative;
	/*background: rgba(0,0,0,.25);*/
	height: 400px;
	padding: 60px 20px 0 20px;
	text-align: center;
	font-size: 2.4em;
	color: #fff;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='vs/header-01b.jpg', sizingMethod='scale');
}
body > header h1 {
	display: block;
	width: 300px;
	height: 107px;
	margin: 0 auto 40px auto;
	padding: 0;
	opacity: 0;
	opacity: 1\9;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
	transform: translateY(-20px);
		-webkit-animation: fadein .6s .5s 1 forwards ease-in-out;
		-moz-animation: fadein .6s .5s 1 forwards ease-in-out;
	animation: fadein .6s .5s 1 forwards ease-in-out;
		-webkit-animation-delay: .4s;
		-moz-animation-delay: .4s;
	animation-delay: .4s;
}
body > header h1.logo a {
	display: block;
	background: url('css/images/logo-mobile.png');
	background-size: 300px 107px;
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	width: 300px;
	height: 107px;
	line-height: 107px;
	text-indent: -9999em;
	overflow: hidden;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	border-radius: 4px;
		-webkit-transition: opacity .15s linear;
		-moz-transition: opacity .15s linear;
	transition: opacity .15s linear;
	opacity: .75;
}	
body > header h1.logo a:hover {
	opacity: 1;
}	
body > header nav {
	display: block;
	font-family: "proxima_light","helvetica neue",helvetica,arial,sans-serif;
	
	font-size: 1.2em;
}
body > header nav a {
	display: inline-block;
	margin: 0;
	padding: 5px 15px;
	font-family: "proxima_light",helvetica,arial,sans-serif;
	
	color: #fff;
		-webkit-transition: opacity .15s linear;
		-moz-transition: opacity .15s linear;
	transition: opacity .15s linear;
}
body > header nav a:hover {
	background: rgba(255,255,255,.15);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	border-radius: 4px;
	border-bottom: 1px dotted #999;
	color: #000;
	opacity: 1;
}
body > header nav a.selected {
	background: rgba(0,0,0,.5);
	border-bottom: 1px dotted #eee;
	opacity: 1;
}
body > header nav a.sublink-home {
	opacity: 0;
	opacity: 1\9;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
	transform: translateY(-20px);
		-webkit-animation: fadein .6s .5s 1 forwards ease-in-out;
		-moz-animation: fadein .6s .5s 1 forwards ease-in-out;
	animation: fadein .6s .5s 1 forwards ease-in-out;
		-webkit-animation-delay: .9s;
		-moz-animation-delay: .9s;
	animation-delay: .9s;
}	
body > header nav a.sublink-popular {
	opacity: 0;
	opacity: 1\9;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
	transform: translateY(-20px);
		-webkit-animation: fadein .6s .5s 1 forwards ease-in-out;
		-moz-animation: fadein .6s .5s 1 forwards ease-in-out;
	animation: fadein .6s .5s 1 forwards ease-in-out;
		-webkit-animation-delay: 1.2s;
		-moz-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
body > header nav a.sublink-category {
	opacity: 0;
	opacity: 1\9;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
	transform: translateY(-20px);
		-webkit-animation: fadein .6s .5s 1 forwards ease-in-out;
		-moz-animation: fadein .6s .5s 1 forwards ease-in-out;
	animation: fadein .6s .5s 1 forwards ease-in-out;
		-webkit-animation-delay: 1.5s;
		-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
body > header nav a.sublink-search {
	opacity: 0;
	opacity: 1\9;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
	transform: translateY(-20px);
		-webkit-animation: fadein .6s .5s 1 forwards ease-in-out;
		-moz-animation: fadein .6s .5s 1 forwards ease-in-out;
	animation: fadein .6s .5s 1 forwards ease-in-out;
		-webkit-animation-delay: 1.8s;
		-moz-animation-delay: 1.8s;
	animation-delay: 1.8s;
}

@-webkit-keyframes fadein{
  0%{
    -webkit-transform: translateY(-20px);
    opacity: 0;
  }
  100%{
    -webkit-transform: translateY(0);
    opacity: .75;
  }
}
@-moz-keyframes fadein{
  0%{
    -moz-transform: translateY(-20px);
    opacity: 0;
  }
  100%{
    -moz-transform: translateY(0);
    opacity: .75;
  }
}

@-webkit-keyframes fadeHeader{
  0%{
    -webkit-transform: translateY(-20px);
    opacity: 0;
  }
  100%{
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@-moz-keyframes fadeHeader{
  0%{
    -moz-transform: translateY(-20px);
    opacity: 0;
  }
  100%{
    -moz-transform: translateY(0);
    opacity: 1;
  }
}


/* TAG/CATEGORY PAGE HEADER */
.post-subhead {
	background: #fff;
	max-width: 64em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 10px 50px;
	text-transform: uppercase;	
}


/* SUB NAV  
-------------------------------------------------------------- */

.sub {	
	position: relative;
	max-width: 64em;
	margin: -160px auto 10em;
	display: none;
}
.sub > div {
	background: #5d4f4c;
	padding: 50px 50px 100px;
	min-height: 100px;
}
.sub .sub-x {
	display: block;
	position: absolute;
	top: -12px;
	right: -12px;
	background: url('images/sub-x.png') no-repeat 0 0;
	background-size: 32px 32px;
	width: 32px;
	height: 32px;
	text-indent: -9999em;
	overflow: hidden;
		-webkit-transition: opacity .15s linear;
		-moz-transition: opacity .15s linear;
	transition: opacity .15s linear;
	opacity: .75;
}
.sub .sub-x:hover {
	opacity: 1;
}	



/* Category */
.sub-category {
	text-align: center;
}
.sub-category a, .sub-popular a  {
	display: inline-block;
	background: #fff;
	padding: 1em 2em;
	margin: 0 .5em .5em 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	color: #333;
}
.sub-category a:hover, .sub-popular a:hover {
	background: #e7c762;
	color: #fff;
}




/* MAIN CONTENT  
-------------------------------------------------------------- */

.content {
	position: relative;
	margin-top: -140px;
	padding: 0 20px;
}
.content nav {
	max-width: 64em;
	margin: 1em auto;
	padding: 3em 0;
	text-align: center;
}
.content article {
	background: #fff;
	border: 1px solid #263138;
	max-width: 64em;
	margin: 0 auto 15em auto;
	padding: 0;
	line-height: 1.6em;
}
.content article:last-of-type {
	margin-bottom: 5em;
}
.content .blog-single article {
	border-bottom: 0;
	margin-bottom: 0;
}	
.content article h2 {
	margin: 40px 0 20px 0;
	padding-top: 10px;
	font-family: "proxima_light","helvetica neue",helvetica,arial,sans-serif;
	font-size: 4em;
	line-height: 1em;
	text-align: center;
	letter-spacing: -.05em;
	color: #afa196;
}	
.content article h2 a {
	color: #afa196;
}	

.post {}
.post .post-head {
	position: relative;
	padding: 25px 50px 0;
}
.post .post-head img {
	position: absolute;
	top: -45px;
	left: 50%;
	margin-left: -45px;
	width: 80px;
	height: 80px;
	background: #ececec url('images/bg-blank.gif') no-repeat 50% 50%;
	border: 4px solid #fff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	border-radius: 4px;
		-webkit-transition: -webkit-transform 0.4s ease-out;
	    -moz-transition: -moz-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
}
.post .post-head img.roll {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.post .post-info {
	margin-bottom: 20px;
	padding: 0 50px;
	text-align: center;
	font-weight: 200;
	font-size: 1.4em;
}
.post .post-info a {
	color: #666;
}	
.post .post-info a:hover {
	border-bottom: 1px dotted #333;
	color: #000;
}	
.post .post-info span.sep {
	margin: 0 5px;
	color: #eaeaea;
}
.post .post-entry {
	padding: 0 50px 50px;
	font-weight: 100;
	font-size: 1.8em;
	line-height: 1.6em;
	word-wrap: break-word;
}
.post .post-entry a {
	border-bottom: none;
}
.post .post-entry a:hover {
	border-bottom: 1px dotted #e23818;
}
.post .post-entry img {
	border: 1px solid #eaeaea !important;
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
.post .post-share {
	position: relative;
	background: #5d4f4c;
	padding: 20px 0;
	text-align: center;
}
.post .post-share .addthis_toolbox {
	display: inline-block;
	min-width: 184px;
}








/* FLEX VIDEO 
-------------------------------------------------------------- */
.flex-video {
	position: relative;
	padding-top: 25px;
	padding-bottom: 67.5%;
	height: 0;
	margin-bottom: 16px;
	overflow: hidden;
}
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}




/* COMMENTS (disqus) 
-------------------------------------------------------------- */

#comments,
#disqus_thread {
	background: #5d4f4c;
	max-width: 64.2em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 1px solid #5d4f4c;
	border-right: 1px solid #5d4f4c;
	border-bottom: 1px solid #5d4f4c;
	margin: 0 auto;	
	padding: 25px 50px;
	color: #eee;
}

#comments h3 {
	font-size: 2em;
	color: #fff;
}
#comments form p {
	font-size: 1.3em;
}
#comments form label {
	display: inline-block;
	min-width: 96px;
	font-size: 1.5em;
}
#comments form input[type="text"], 
#comments textarea {
	background: rgba(255,255,255,.25);
	border: none;
	padding: .5em;
	font-size: 1.4em;
}
#comments form input[type="text"]:focus, 
#comments textarea:focus {
	background: #fff;
}	
#comments textarea {
	width: 100%;
}	
#comments .comment-notes {
	padding-bottom: 1.5em;
}
#comments input[type="submit"] {
	display: inline-block;
	background: transparent;
	border: 1px solid #fff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: 1em;
	padding: .5em 1em;
	text-decoration: none;
	font-weight: 200;
	font-size: 1.5em;
	color: #fff;
		-webkit-transition: background .15s linear;
		-moz-transition: background .15s linear;
	transition: background .15s linear;
	cursor: pointer;
}
#comments input[type="submit"]:hover {
	background: #fff;
	color: #5d4f4c;
}	



/* NAV (previous/next) 
-------------------------------------------------------------- */

.nav-posts h3 {
	display: none;
}
.nav-posts .nav-previous,
.nav-posts .nav-next {
	display: inline-block;
	margin: 0 .5em;
}
.nav-posts a {
	display: inline-block;
	background: #5d4f4c;
	background: rgba(0,0,0,.5);
	border: none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	border-radius: 4px;
	padding: .5em 1em;
	text-decoration: none;
	font-weight: 200;
	font-size: 2em;
	color: #999;
		-webkit-transition: background .15s linear;
		-moz-transition: background .15s linear;
	transition: background .15s linear;
}
.nav-posts a:hover {
	background: #1b1b1b;
	background: rgba(0,0,0,.9);
	color: #fff;
}	



/* SITE FOOTER 
-------------------------------------------------------------- */

body > footer {
	position: relative;
	padding: 0 0 80px 0;
	text-align: center;
	font-size: 1.2em;
	font-weight: 300;
	color: #eee;
	color: rgba(255,255,255,.8);
}
body > footer .footer-recommended {
	width: 666px;
	margin: 0 auto;
}
body > footer a.footer-logo {
	display: block;
	background-image: url('images/smd.png') !important;

	width: 32px;
	height: 32px;
	line-height: 32px;
	margin: 40px auto 0;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
	filter: gray; /* IE6-9 */
		-webkit-filter: grayscale(100%);
		-moz--webkit-filter: grayscale(100%);
	filter: grayscale(100%);    
	opacity: .6;
}
body > footer a.footer-logo:hover {
		-webkit-filter: grayscale(0%);
		-moz--webkit-filter: grayscale(0%);
	filter: grayscale(0%);  
	opacity: 1;
}	

.at4-recommended-outer .at-logo {
	display: none;
}
body > footer .at4-recommended-outer {
	max-width: 64em;
	margin: 0 auto;
	padding: 4em 0 2em 0;
	font-size: 14px;
}
.at4-recommended h3 {
	color: #eee !important;
	color: rgba(255,255,255,.8) !important;
}	
.at4-recommended-outer {
	max-width: 64em;
	margin: 0 auto;
}
.at4-recommended-outer .at4-recommended-item:nth-child(4) {
	display: none;
}





/* MISCELLANEOUS 
-------------------------------------------------------------- */

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.chromeframe { padding: 15px 0; text-align: center; font-size: 1.4em; }
.post h3 { margin-top: 2em; font-weight: 600; font-size: 1.2em; line-height: 1em; color: #000; }
.post b, .post strong { font-weight: 600; color: #2b2b2b; }
.widgettitle { font-family: helvetica,arial,sans-serif; font-size: 2em !important; }
.hide { display: none; }
.noborder { border: none !important;}

pre {
	white-space: pre-wrap;        /* css-3 */
	 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	 white-space: -pre-wrap;      /* Opera 4-6 */
	 white-space: -o-pre-wrap;    /* Opera 7 */
	 word-wrap: break-word;
}
pre.prettyprint {
	font-size: .7em;
}

table.data-table {
	width: 100%;
	border-collapse: collapse;
}
table.data-table th {
	background: #5d4f4c;
	padding: 5px;
	text-align: left;
	font-size: .75em;
	color: #fff;
}
table.data-table td {
	padding: 5px;
	font-size: .75em;
}
table.data-table tbody tr:nth-child(odd) {
	background: #f5f5f5;
}

.video {
    position: relative;
    margin: 1.5em 0;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video iframe,   
.video object,  
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.gist {
	font-size: .65em;
}




/* MEDIA QUERY  
-------------------------------------------------------------- */

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
	body > header {
		height: 400px;
		padding-top: 20px;
	}
	body > header h1.logo {
	
		margin-bottom: 15px;
	}
	body > header h1.logo a {
	
	}
	body > header h3 {
		font-size: .9em;
	}
	body > header nav a {
		margin: 0 5px;
		padding: 5px 10px;
		font-size: .9em;
	}	
	body > footer #footer-recommended {
		margin: 0;
	}
	.content {
		margin-top: -180px;
		padding: 0 10px;
	}
	.content article {
		margin-bottom: 100px;
	}
	.content article h2 {
		margin: 10px 0 0;
		line-height: 1.2em;
		font-size: 2.4em;
	}
	.sub > div {
		padding-top: 25px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 75px;
	}
	.sub .sub-x {
		top: -18px;
		right: 6px;
	}
	.sub-category a {
		padding: 5px 10px;
	}
	.post .post-head,
	.post .post-info,
	.post .post-entry {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}
	.post .post-head img {
		width: 64px;
		height: 64px;
		top: -32px;
		margin-left: -32px;
		border: 0;
	}
	.post .post-info {
		margin-bottom: 0;
		font-size: 1.2em;
	}
	.post .post-info span {
		margin: 0 4px;
	}
	.post .post-entry, 
	.post .post-summary {
		font-size: 1.6em;
	}
	.post .post-share {
		padding: 20px 0;
	}	
	.at4-share-outer {
		display: none;
	}
	#comments,
	#disqus_thread {
		padding: 20px;
	}	

	body > footer .footer-recommended {
		width: 100%;
		padding-top: 25px;
	}	
	
}


@media only screen and (max-width: 479px) {

	.content {
		margin-top: -160px;
	}	
	body > header nav a {
		margin: 0;
		padding: 5px;
		font-size: .6em;
	}

}