/*
Theme Name: Écrivain WP
Theme URI: http://demo.ak5a.com/ecrivain
Author: AK5A
Author URI: http://ak5a.com
Description: Écrivain is a theme for writers and content publishers featuring single column responsive design, clean reader friendly typography and theme options for branding. It is designed to handle fluid width video embedding from a variety of sources (including YouTube, Vimeo), audio embedding (including Soundcloud and Bandcamp) along with code, iframes and images and the default Wordpress gallery. The hope is that content creators can focus on what they make and not on the software and themes that show that work off. I hope you enjoy it! If you need help contact me - <a href="mailto:support@ak5a.com">support@ak5a.com</a>
Version: 1.1
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, white, one-column, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments
Text Domain: ecrivain 
Écrivain Copyright 2014 AK5A. Écrivain is distributed under the terms of the GNU GPL
*/

/*
BEGIN THEME
==================================================


* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
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 {
-ms-word-wrap: break-word;
word-wrap: break-word;
	line-height:1;
}

ol,ul {
	list-style:none;
}

blockquote,q {
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* #Basic Styles
================================================== */
body {
	background:#fff;
	font:14px/21px Lora,Georgia,"Times New Roman",serif;
	color:#444;
	-webkit-font-smoothing:antialiased;
/* Fix for webkit rendering */
	-webkit-text-size-adjust:100%;
}


/* #Typography
================================================== */
h1,h2,h3,h4,h5,h6 {
	color:#181818;
	font-family:"Alte Haas Grotesk","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:700;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	font-weight:inherit;
}

h1 {
	font-size:46px;
	line-height:50px;
	margin-bottom:14px;
}

h2 {
	font-size:35px;
	line-height:40px;
	margin-bottom:20px;
}

h3 {
	font-size:28px;
	line-height:34px;
	margin-bottom:8px;
}

h4 {
	font-size:21px;
	line-height:30px;
	margin-bottom:4px;
}

h5 {
	font-size:17px;
	line-height:24px;
}

h6 {
	font-size:14px;
	line-height:21px;
}

.subheader {
	color:#777;
}

p {
	margin:0 0 20px;
}

p img {
	margin:0;
}

p.lead {
	font-size:21px;
	line-height:27px;
	color:#777;
}

em,i, cite {
	font-style:italic;
}

strong,b {
	font-weight:700;
	color:#333;
}

small {
	font-size:80%;
}

/*	Blockquotes  */
blockquote,blockquote p {
	font-size:17px;
	line-height:24px;
	color:#777;
	font-style:italic;
}

blockquote {
	margin:0 0 20px;
	padding:9px 20px 0 19px;
	border-left:1px solid #ddd;
}

blockquote cite {
	display:block;
	font-size:12px;
	color:#555;
}

blockquote cite:before {
	content:"\2014 \0020";
}

blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {
	color:#555;
}

hr {
/* 	border:solid #ddd; */
	opacity: 0.2;
	border-width:1px 0 0;
	clear:both;
	margin:10px 0 30px;
	height:0;
}

#nav hr {
	border:solid #ddd;
	border-width:1px 0 0;
	clear:both;
	margin:0;
	height:0;
}

.tabs hr {
	border:solid #ddd;
	border-width:1px 0 0;
	clear:both;
	margin:0;
	height:0;
}

/* #Links
================================================== */
a,a:visited {
	color:#333;
	text-decoration:underline;
	outline:0;
}

a:hover,a:focus {
	color:#000;
}

p a,p a:visited {
	line-height:inherit;
}

/* #Lists
================================================== */
ul,ol {
	margin-bottom:20px;
}

ul {
	list-style:none outside;
}

ol {
	list-style:decimal;
}

ol,ul {
	margin-left:10px;
}

ul.square {
	list-style:square outside;
}

ul.circle {
	list-style:circle outside;
}

ul.disc {
	list-style:disc outside;
}

ul ul,ul ol,ol ol,ol ul {
	margin:4px 0 5px 30px;
	font-size:90%;
}

ul ul li,ul ol li,ol ol li,ol ul li {
	margin-bottom:6px;
}

li {
	line-height:18px;
	margin-bottom:12px;
}

ul.large li {
	line-height:21px;
}

li p {
	line-height:21px;
}

/* #Images
================================================== */
img.scale-with-grid {
	max-width:100%;
	height:auto;
}

/* #Buttons
================================================== */
.button,button,input[type="submit"],input[type="reset"],input[type="button"] {
	background:#eee;
/* Old browsers */
	background:#eee -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
/* FF3.6+ */
	background:#eee -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)));
/* Chrome,Safari4+ */
	background:#eee -webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
/* Chrome10+,Safari5.1+ */
	background:#eee -o-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
/* Opera11.10+ */
	background:#eee -ms-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
/* IE10+ */
	background:#eee linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
/* W3C */
	border:1px solid #aaa;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#444;
	display:inline-block;
	font-size:14px;
	font-weight:700;
	text-decoration:none;
	text-shadow:0 1px rgba(255,255,255,.75);
	cursor:pointer;
	margin-bottom:20px;
	line-height:normal;
	padding:8px 10px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover {
	color:#222;
	background:#ddd;
/* Old browsers */
	background:#ddd -moz-linear-gradient(top,rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
/* FF3.6+ */
	background:#ddd -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.3)),color-stop(100%,rgba(0,0,0,.3)));
/* Chrome,Safari4+ */
	background:#ddd -webkit-linear-gradient(top,rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
/* Chrome10+,Safari5.1+ */
	background:#ddd -o-linear-gradient(top,rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
/* Opera11.10+ */
	background:#ddd -ms-linear-gradient(top,rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
/* IE10+ */
	background:#ddd linear-gradient(top,rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
/* W3C */
	border:1px solid #888;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
}

.button:active,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active {
	border:1px solid #666;
	background:#ccc;
/* Old browsers */
	background:#ccc -moz-linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
/* FF3.6+ */
	background:#ccc -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.35)),color-stop(100%,rgba(10,10,10,.4)));
/* Chrome,Safari4+ */
	background:#ccc -webkit-linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
/* Chrome10+,Safari5.1+ */
	background:#ccc -o-linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
/* Opera11.10+ */
	background:#ccc -ms-linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
/* IE10+ */
	background:#ccc linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
/* W3C */
}

.button.full-width,button.full-width,input[type="submit"].full-width,input[type="reset"].full-width,input[type="button"].full-width {
	width:100%;
	padding-left:0!important;
	padding-right:0!important;
	text-align:center;
}

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0;
}

/* #Forms
================================================== */
form {
	margin-bottom:20px;
}

fieldset {
	margin-bottom:20px;
}

input[type="text"],input[type="password"],input[type="email"],textarea,select {
	border:1px solid #ccc;
	padding:2% 2%;
	font-size:14px;
	outline:none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	font-family:"Alte Haas Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#444;
	margin:0;
	width:96%;
	max-width:100%;
	display:block;
	margin-bottom:20px;
	background:#fff;
}

@media only screen and (max-width: 700px){
input[type="text"],input[type="password"],input[type="email"],textarea,select {

	padding:4% 4%;

	width:92%;
	
}
}

select {
	padding:0;
}

input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {
	border:1px solid #aaa;
	color:#444;
	-moz-box-shadow:0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);
	box-shadow:0 0 3px rgba(0,0,0,.2);
}

textarea {
	min-height:60px;
}

label,legend {
	display:block;
	font-weight:700;
	font-size:13px;
}

select {
	width:220px;
}

input[type="checkbox"] {
	display:inline;
}

label span,legend span {
	font-weight:400;
	font-size:13px;
	color:#444;
}

/* #Misc
================================================== */
.remove-bottom {
	margin-bottom:0!important;
}

.half-bottom {
	margin-bottom:10px!important;
}

.add-bottom {
	margin-bottom:20px!important;
}

/* #Base 960 Grid
================================================== */
.container {
	position:relative;
	width:960px;
	margin:0 auto;
	padding:0;
}




.container .column,.container .columns {
	float:left;
	display:inline;
	margin-left:10px;
	margin-right:10px;
}

.row {
	margin-bottom:20px;
}

/* Nested Column Classes */
.column.alpha,.columns.alpha {
	margin-left:0;
}

.column.omega,.columns.omega {
	margin-right:0;
}

/* Base Grid */
.container .one.column,.container .one.columns {
	width:40px;
}

.container .two.columns {
	width:100px;
}

.container .three.columns {
	width:160px;
}

.container .four.columns {
	width:220px;
}

.container .five.columns {
	width:280px;
}

.container .six.columns {
	width:340px;
}

.container .seven.columns {
	width:400px;
}

.container .eight.columns {
	width:460px;
}

.container .nine.columns {
	width:520px;
}

.container .ten.columns {
	width:580px;
}

.container .eleven.columns {
	width:640px;
}

.container .twelve.columns {
	width:700px;
}

.container .thirteen.columns {
	width:760px;
}

.container .fourteen.columns {
	width:820px;
}

.container .fifteen.columns {
	width:880px;
}

.container .sixteen.columns {
	width:940px;
}

.container .one-third.column {
	width:300px;
}

.container .two-thirds.column {
	width:620px;
}

/* Offsets */
.container .offset-by-one {
	padding-left:60px;
}

.container .offset-by-two {
	padding-left:120px;
}

.container .offset-by-three {
	padding-left:180px;
}

.container .offset-by-four {
	padding-left:240px;
}

.container .offset-by-five {
	padding-left:300px;
}

.container .offset-by-six {
	padding-left:360px;
}

.container .offset-by-seven {
	padding-left:420px;
}

.container .offset-by-eight {
	padding-left:480px;
}

.container .offset-by-nine {
	padding-left:540px;
}

.container .offset-by-ten {
	padding-left:600px;
}

.container .offset-by-eleven {
	padding-left:660px;
}

.container .offset-by-twelve {
	padding-left:720px;
}

.container .offset-by-thirteen {
	padding-left:780px;
}

.container .offset-by-fourteen {
	padding-left:840px;
}

.container .offset-by-fifteen {
	padding-left:900px;
}

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 801px) and (max-width: 959px) {
	.container {
		width:768px;
	}
	
	.container .column,.container .columns {
		margin-left:10px;
		margin-right:10px;
	}
	
	.column.alpha,.columns.alpha {
		margin-left:0;
		margin-right:10px;
	}
	
	.column.omega,.columns.omega {
		margin-right:0;
		margin-left:10px;
	}
	
	.alpha.omega {
		margin-left:0;
		margin-right:0;
	}
	
	.container .one.column,.container .one.columns {
		width:28px;
	}
	
	.container .two.columns {
		width:76px;
	}
	
	.container .three.columns {
		width:124px;
	}
	
	.container .four.columns {
		width:172px;
	}
	
	.container .five.columns {
		width:220px;
	}
	
	.container .six.columns {
		width:268px;
	}
	
	.container .seven.columns {
		width:316px;
	}
	
	.container .eight.columns {
		width:364px;
	}
	
	.container .nine.columns {
		width:412px;
	}
	
	.container .ten.columns {
		width:460px;
	}
	
	.container .eleven.columns {
		width:508px;
	}
	
	.container .twelve.columns {
		width:556px;
	}
	
	.container .thirteen.columns {
		width:604px;
	}
	
	.container .fourteen.columns {
		width:652px;
	}
	
	.container .fifteen.columns {
		width:700px;
	}
	
	.container .sixteen.columns {
		width:748px;
	}
	
	.container .one-third.column {
		width:236px;
	}
	
	.container .two-thirds.column {
		width:492px;
	}
	
	/* Offsets */
	.container .offset-by-one {
		padding-left:48px;
	}
	
	.container .offset-by-two {
		padding-left:96px;
	}
	
	.container .offset-by-three {
		padding-left:144px;
	}
	
	.container .offset-by-four {
		padding-left:192px;
	}
	
	.container .offset-by-five {
		padding-left:240px;
	}
	
	.container .offset-by-six {
		padding-left:288px;
	}
	
	.container .offset-by-seven {
		padding-left:336px;
	}
	
	.container .offset-by-eight {
		padding-left:384px;
	}
	
	.container .offset-by-nine {
		padding-left:432px;
	}
	
	.container .offset-by-ten {
		padding-left:480px;
	}
	
	.container .offset-by-eleven {
		padding-left:528px;
	}
	
	.container .offset-by-twelve {
		padding-left:576px;
	}
	
	.container .offset-by-thirteen {
		padding-left:624px;
	}
	
	.container .offset-by-fourteen {
		padding-left:672px;
	}
	
	.container .offset-by-fifteen {
		padding-left:720px;
	}
}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 800px) {
	.container {
		position:absolute;
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}
	
	.container .columns,.container .column {
		margin:0;
	}
	
	.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns {
		width:23%;
	}
	
	.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns {
		width:49%;
	}
	
	.container .nine.columns {
		width:75%;
	}
	
	.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column {
		width:100%;
	}
	
	/* Offsets */
	.container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight,.container .offset-by-nine,.container .offset-by-ten,.container .offset-by-eleven,.container .offset-by-twelve,.container .offset-by-thirteen,.container .offset-by-fourteen,.container .offset-by-fifteen {
		padding-left:0;
	}
	
	.container .sidebar {
		width:100%!important;
	}
	
	.alpha {
		padding-right:2%;
	}
}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 570px) {
	.container {
		position:absolute;
		width:90%;
		margin-left:5%;
		margin-right:5%;
	}
	
	.container .columns,.container .column {
		margin:0;
	}
	
	.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .three.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column {
		width:100%;
	}
	
	/* Offsets */
	.container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight,.container .offset-by-nine,.container .offset-by-ten,.container .offset-by-eleven,.container .offset-by-twelve,.container .offset-by-thirteen,.container .offset-by-fourteen,.container .offset-by-fifteen {
		padding-left:0;
	}/* .container .sidebar {width:100% !important;} */
	
}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {
	}
	
	.container .columns,.container .column {
	}
	
	.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.column {
	}
}

/* #Clearing
================================================== */
/* Self Clearing Goodness */
.container:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,.clearfix:after,.row:before,.row:after {
	content:'\0020';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.row:after,.clearfix:after {
	clear:both;
}

.row,.clearfix {
	zoom:1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

/* #Font-Face
================================================== */

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

}

@font-face {
	font-family:'Alte Haas Grotesk';
	src:url(fonts/altehaasgroteskregular-webfont.eot);
	src:url(fonts/altehaasgroteskregular-webfont.eot?iefix) format("eot"),url(fonts/altehaasgroteskregular-webfont.woff) format("woff"),url(fonts/altehaasgroteskregular-webfont.ttf) format("truetype"),url(fonts/altehaasgroteskregular-webfont.svg#webfontZam02nTh) format("svg");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:'Alte Haas Grotesk';
	src:url(fonts/altehaasgroteskbold-webfont.eot);
	src:url(fonts/altehaasgroteskbold-webfont.eot?iefix) format("eot"),url(fonts/altehaasgroteskbold-webfont.woff) format("woff"),url(fonts/altehaasgroteskbold-webfont.ttf) format("truetype"),url(fonts/altehaasgroteskbold-webfont.svg#webfontZam02nTh) format("svg");
	font-weight:700;
	font-style:normal;
}

@font-face {
	font-family:'Lora';
	src:url(fonts/lora-regular-webfont.eot);
	src:url(fonts/lora-regular-webfont.eot?iefix) format("eot"),url(fonts/lora-regular-webfont.woff) format("woff"),url(fonts/lora-regular-webfont.ttf) format("truetype"),url(fonts/lora-regular-webfont.svg#webfontZam02nTh) format("svg");
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:'Lora';
	src:url(fonts/lora-italic-webfont.eot);
	src:url(fonts/lora-italic-webfont.eot?iefix) format("eot"),url(fonts/lora-italic-webfont.woff) format("woff"),url(fonts/lora-italic-webfont.ttf) format("truetype"),url(fonts/lora-italic-webfont.svg#webfontZam02nTh) format("svg");
	font-weight:400;
	font-style:italic;
}

@font-face {
	font-family:'Lora';
	src:url(fonts/lora-bold-webfont.eot);
	src:url(fonts/lora-bold-webfont.eot?iefix) format("eot"),url(fonts/lora-bold-webfont.woff) format("woff"),url(fonts/lora-bold-webfont.ttf) format("truetype"),url(fonts/lora-bold-webfont.svg#webfontZam02nTh) format("svg");
	font-weight:700;
	font-style:normal;
}

@font-face {
	font-family:'Lora';
	src:url(fonts/lora-bolditalic-webfont.eot);
	src:url(fonts/lora-bolditalic-webfont.eot?iefix) format("eot"),url(fonts/lora-bolditalic-webfont.woff) format("woff"),url(fonts/lora-bolditalic-webfont.ttf) format("truetype"),url(fonts/lora-bolditalic-webfont.svg#webfontZam02nTh) format("svg");
	font-weight:700;
	font-style:italic;
}


/* Écrivain Styles
================================================== */
div.container {
	padding-top:60px;
}

/* Doc nav */
nav {
	position:fixed;
	width:160px;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	text-decoration:none;
}

nav ul {
	float:left;
}

nav ul li {
	display:block;
	margin-bottom:10px !important;
	width: 100%;
	
}


nav ul li a,nav ul li a:visited,nav ul li a:active,#docs ul li a,#docs ul li a:visited,#docs ul li a:active {
	font-size:14px;
	color:#555;
	text-decoration:none;
	font-weight:400;
	width:100%;
	display: block;
}

nav ul li a:hover,nav ul li a:focus,#docs ul li a:hover,#docs ul li a:focus {
	color:#222;
}

.nav-caret-color{
	fill:#dddddd;
}

menu-sandwich-color{
	fill:#181818;
}

header h1 {
	font-size:52px;
	line-height:61px;
	letter-spacing:-1px;
	font-weight:400;
	font-family:"Lora","Georgia","Times New Roman",Helvetica,Arial,sans-serif;
}


header input[type="text"]:focus,header input[type="text"]:active,header input[type="text"]:hover {
}

hr.large {
	border:none;
	height:8px;
	background:#ebebeb;
	margin:50px 0;
}

div.doc-section {
	margin:0px 0;
	margin-bottom: 30px;
}

#whatAndWhy .row {
	padding:30px 0 0;
}

#typography blockquote {
	margin-top:20px;
}

.hidden-code a {
	font-size:12px;
	color:#999;
}

.hidden-code>div {
	display:none;
}

/* Grid */
.grid .column,.grid .columns {
	background:#ddd;
	height:25px;
	line-height:25px;
	margin-bottom:10px;
	text-align:center;
	text-transform:uppercase;
	color:#555;
	font-size:12px;
	font-weight:700;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

.grid .column:hover,.grid .columns:hover {
	background:#bbb;
	color:#333;
}

.grid .example-grid {
	overflow:hidden;
}

.post-button-note,.post-button-note a {
	font-size:11px;
	color:#999;
}

#examples .four.columns a {
	text-decoration:none;
}

#examples .four.columns a:hover {
	text-decoration:underline;
}

.resize {
	position:fixed;
	bottom:0;
	right:0;
	height:80px;
	width:80px;
	background:url(images/resize.png);
}

img {
	max-width:100%;
	height:auto;
}

.content img {
	max-width:100%;
	height:auto;
}




.gist-meta {
	display:none!important;
}

ul ul ul li {
	margin-bottom:3px;
}

.twitter-share-button {
	margin-bottom:-18px;
}

h5.small-logo{
	margin-top:40px;
	
}


.contact-info {
	font-size:10px;
	line-height:17px;
	font-family:"Lora","Georgia","Times New Roman",Helvetica,Arial,sans-serif;
	font-style:italic;
	text-decoration:none;
	margin-bottom:30px;
	padding-top:12px;
}

nav ul li .contact-info a{
	display: inline;
	font-size: inherit;
}

.footer-content .contact-info{
	padding-top:2px;
}

.contact-info-mobile {
	width:85%;
	font-size:10px;
	line-height:17px;
	font-family:"Lora","Georgia","Times New Roman",Helvetica,Arial,sans-serif;
	font-style:italic;
	text-decoration:none;
	margin-bottom:30px;
	padding-top:12px;
	float:left;
	clear:both;
}

.contact-info a {
	text-decoration:none;
}

.back-to-top {
	float:right;
	font-size:10px;
	line-height:17px;
}

table {
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
}

table th,table td {
	padding:10px 10px 9px;
	font-size:13px;
	line-height:18px;
	text-align:left;
}

table td {
	vertical-align:top;
	border-top:solid 1px #ddd;
}

table th {
	padding-top:9px;
	font-weight:700;
	vertical-align:middle;
}

table.condensed th,table.condensed td {
	padding:5px 5px 4px;
}

table.bordered {
	border-collapse:separate;
	border:solid 1px #ddd;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}

table.bordered th + th,table.bordered th + td,table.bordered td + td {
	border-left:solid 1px #ddd;
}

.zebra-striped tbody tr:nth-child(odd) td,.zebra-striped tbody tr:nth-child(odd) th {
	background:#f5f5f5;
}

.header-image-mobile {
	display:none;

}

.header-image-desktop-large {
	width:100%;
	margin-bottom:20px;
}

.header-image-desktop-small{
	height:24px;
	display:block;
	float:left;
	position:relative;
	margin-right:5px;
	top:-4px;
}

.nav_mobile {
	display:none;
}

/* Mobile */
@media only screen and (max-width: 800px) {
	header h1 {
		font-size:52px;
		line-height:61px;
	}
	
	nav {
		position:relative;
	}
	
	nav ul,#logo {
		text-align:left;
	}
	
	#examples .four.columns {
		padding-top:30px;
	}
	
	div.container {
		padding-top:10px;
	}
}

/* Mobile Landscape */
@media only screen and (min-width: 0px) and (max-width: 800px) {
	nav ul {
		display:none !important;
	}
	
	#nav .widget-block{
		display: none;
	}
	
	.sidebar nav{
		margin-left:0 !important;
	}
	
	nav {
		margin-top:10px;
	}
	
	.nav_mobile {
		margin-top:4px;
		display:block;
		float:right;
	}
	
	.header-image-mobile {
		height:24px;
		display:block;
		float:left;
		position:relative;
		margin-right:5px;
		top:-4px;
	}
	
	h5 {
		width:250px;
	}
	
	.mobile {
		display:block;
	}
	
	.header-image-desktop-large, .header-image-desktop-small {
		display:none;
	}
}

/* Non 960 */
@media only screen and (max-width: 959px) {
	h3#logo {
		margin-top:8px;
		font-size:32px;
		margin-bottom:15px;
	}
	
	nav .button {
		padding:9px 20px 11px;
	}
}

/* iPad Portrait/Browser */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	nav {
		width:124px;
	}
}

/* Mobile/Browser */
@media only screen and (max-width: 767px) {
	
}

/* Mobile Landscape/Browser */
@media only screen and (max-width: 570px) {
	header h1 {
		font-size:38px;
		line-height:37px;
	}
	
	h2 {
		font-size:28px;
		line-height:30px;
	}
	
	table th,table td {
		padding:5px 5px 4px;
		font-size:12px;
		line-height:16px;
		text-align:left;
	}
}

/* Anything smaller than standard 960 */
@media only screen and (max-width: 959px) {
	
}

/* iPad Portrait Only */
@media only screen and (min-width: 768px) and (max-width: 959px) and (max-device-width: 1000px) {
	
}

/* Mobile Only */
@media only screen and (max-width: 767px) and (max-device-width: 1000px) {
	
}

/* Mobile Landscape Only */
@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {
	
}

/* Anything smaller than standard 960 on a device */
@media only screen and (max-width: 959px) and (max-device-width: 1000px) {
	.resize {
		display:none;
	}
}

.doc-section ul li {
	list-style-type:disc;
	margin-left:20px;
}

.doc-section ol li {
	list-style-type:decimal;
	margin-left:20px;
}
.doc-section {
	font-size:16px;
	line-height:24px;
}

.doc-section hr.post_hr:last-of-type{
	border: none;
	margin-bottom: 40px;
}


.doc-section br:last-of-type, .doc-section br:nth-last-of-type(2){
	display: none;
}


ul.mobile-nav {
	margin-left:0;
	margin-top:22px;
	margin-left:10px;
}


#pageslide {
	display:none;
	position:absolute;
/* 	position:fixed; */
	top:0;
/* 	height:200%; */
	z-index:999999;
	width:200px;
	padding-left:30px;
}

input.wpcf7-not-valid {
	border: 1px solid #a94442 !important;
	padding: 2% 2% !important;
	width: 96%;
}

@media only screen and (max-width: 700px){
	input.wpcf7-not-valid {
	border: 1px solid #a94442 !important;
	padding: 4% 4% !important;
	width: 92%;
}
}

.wpcf7 form p {
	float:left;
	clear:both;
	width:100%;
}

.wpcf7-not-valid-tip {
	position:relative;
	top:-20px;
	float:left;
	height:0;
	font-size: small !important;
	color:#a94442!important;
	font-family:"Alte Haas Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.wpcf7-mail-sent-ok {
	color:green;
	font-family:"Alte Haas Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
	position:relative;
	top:-20px;
	float:left;
}

span.wpcf7-form-control-wrap{
	width: 100%;
}

div.wpcf7-validation-errors, .alert {
padding: 15px !important;
margin: 0 !important;
margin-bottom: 20px !important;
border: 1px solid #ebccd1 !important;
border-radius: 4px;
background-color: #f2dede;
color: #a94442;
	font-family:"Alte Haas Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
	float:left;
}

.alert-container{
	width:100%;
	float:left;
clear:both;
}
.alert {
padding: 15px !important;
margin: 0 !important;
margin-bottom: 20px !important;
border: 1px solid #bce8f1 !important;
border-radius: 4px;
background-color: #d9edf7;
color: #31708f;
	font-family:"Alte Haas Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
	width: 92%;
}

ul.sub-menu {
	display:none;
	margin-left:0;
	margin-top:10px;
	float:left;
	clear:both;
	width:100%;
}

.caret{
	position: relative;
	display: block;
	left:-20px;
	width:14px;
	height: 14px;
	top:2px;
	float:left;
	margin-right:-14px;
	z-index: 99;
}

.mobile-nav .caret{
	left:-50px;
	padding:10px;
	margin-right:-34px;
	margin-top:-10px;
}

ul.sub-menu li a {
	float:none;
}

ul.sub-menu {
	margin-left: 20px;
	margin-top: 10px;
}

.mobile-nav ul.sub-menu{
	margin-left: 20px;
}

.mobile-nav ul{
	margin-top:0;
}

.mobile-nav ul.sub-menu li{
	margin-bottom: 10px;
}

.current-menu-item ul.sub-menu{
	display: block;
}

.current-menu-item ul.sub-menu .caret{
		transform:rotate(0deg);
		-ms-transform:rotate(0deg); 
		-webkit-transform:rotate(0deg);
}

.current-menu-item ul.sub-menu ul{
	display: none;
}



.current-menu-item .caret{
	transform:rotate(90deg);
-ms-transform:rotate(90deg); 
-webkit-transform:rotate(90deg);
}

#commentform code{
	white-space: normal !important;
}

.comment-navigation{
	float:left;clear:both;margin-bottom:20px;
}

#docs ul li.current-menu-item a,nav ul li.current-menu-item a {
	color:#181818;
}

#commentform label {
	font-family:"Alte Haas Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
}

#commentform textarea {
	font-family:"Lora","Georgia","Times New Roman",serif;
}

.content #comments .avatar {
	display:none;
}

nav#comment-nav-above{
	position: relative;
	width:100%;
}

.comment-list li {
	list-style-type:none !important;
	margin-top:20px;
	margin-left: 0 !important;
	margin-bottom:50px;
}

ul.comment-list {
	margin-left:0;
}

.comment-author cite{
	font-style: normal;
}

.comment-list .comment-meta {
	font-size:small;
	margin-top:10px;
	margin-bottom:10px;
	font-style:italic;
}

.comment-meta a{
	text-decoration: none;
}

.comment-list .reply {
	font-size:small;
}

.comment-list .children {
	font-size:100%;
}

.comment-list .reply a, a#cancel-comment-reply-link{
		background:#eee;
/* Old browsers */
	background:#eee -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
/* FF3.6+ */
	background:#eee -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)));
/* Chrome,Safari4+ */
	background:#eee -webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
/* Chrome10+,Safari5.1+ */
	background:#eee -o-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
/* Opera11.10+ */
	background:#eee -ms-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
/* IE10+ */
	background:#eee linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
/* W3C */
	border:1px solid #aaa;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#444;
	display:inline-block;
	font-size:12px;
	font-weight:700;
	text-decoration:none;
	text-shadow:0 1px rgba(255,255,255,.75);
	cursor:pointer;
	margin-bottom:20px;
	line-height:normal;
	padding:6px 8px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	position:relative;
	top:-4px;
}

.comment-list .reply a:hover, a#cancel-comment-reply-link:hover{
		color:#222 !important;
	background:#ddd;
/* Old browsers */
	background:#ddd -moz-linear-gradient(top,rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
/* FF3.6+ */
	background:#ddd -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.3)),color-stop(100%,rgba(0,0,0,.3)));
/* Chrome,Safari4+ */
	background:#ddd -webkit-linear-gradient(top,rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
/* Chrome10+,Safari5.1+ */
	background:#ddd -o-linear-gradient(top,rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
/* Opera11.10+ */
	background:#ddd -ms-linear-gradient(top,rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
/* IE10+ */
	background:#ddd linear-gradient(top,rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
/* W3C */
	border:1px solid #888;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
}

.comment-list .reply a:active, a#cancel-comment-reply-link:active{
		border:1px solid #666;
	background:#ccc;
/* Old browsers */
	background:#ccc -moz-linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
/* FF3.6+ */
	background:#ccc -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.35)),color-stop(100%,rgba(10,10,10,.4)));
/* Chrome,Safari4+ */
	background:#ccc -webkit-linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
/* Chrome10+,Safari5.1+ */
	background:#ccc -o-linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
/* Opera11.10+ */
	background:#ccc -ms-linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
/* IE10+ */
	background:#ccc linear-gradient(top,rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
/* W3C */
}

sup {
	font-size:small;
	vertical-align:top;
	margin-left:3px;
	position:relative;
	top:-3px;
}

sub {
	font-size:small;
	vertical-align:bottom;
	margin-left:3px;
	position:relative;
	bottom:-3px;
}


.form-allowed-tags{
	font-family: monospace;
	font-size: 12px;
	line-height: auto;
}

@media only screen and (max-width: 320px){
.comment-notes, .logged-in-as{
	font-size: 14px;
}
}
video {
  width: 100%    !important;
  height: auto   !important;
}

/* Search Page */



.search-page a{
	text-decoration: none;
}

.search-page li{
	margin-left:0;
	list-style-type: none;
}

.footer-content{
	width:100%;
	float:left;
	clear:both;
	
}

p.no-comments {
font-style: italic;
}

.wp-caption-text{
	font-size: small;
	font-style:italic;
}

	
.gallery-caption{
	font-style: italic;
	font-size:small;

}

.gallery{
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-bottom: 20px;
	width:100%;
float:left;
}

#video-container {
	position:relative;
	margin:0;
	height:100%;
	width:100%;
}


video,canvas{
	background-color: #000;
	margin:0;
	padding:0;
	top:0;
	left:0;
	width:100%;
	max-width:100%;
	height:auto;
}

video {
	height:100%;
	position:absolute;
}

audio {
	width:100%;
}


.doc-section .gallery .gallery-item .gallery-icon img.attachment-thumbnail{
	border: 1px solid #eee !important;
}

pre, code, tt{
	white-space: pre;
	font-family: monospace;
	line-height: normal !important;
	
}

/* Simple Lightbox Font Overrides */

#slb_viewer_wrap .slb_theme_slb_default .slb_group_status{
	font-family:"Lora","Georgia","Times New Roman",serif !important;
}

.slb_template_tag_item_description{
	font-family:"Lora","Georgia","Times New Roman",serif !important;
	font-size: x-small !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title{
	font-family:"Alte Haas Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-weight: bold;
}

.print-url{
	display: none;
}

.aligncenter{
	text-align: center;
}
.alignleft{
	text-align:left;
}
.alignright{
	text-align: right;
}
.alignnone{
	text-align: inherit;
}

.sticky{}
.bypostauthor{}

.widget-block ul{
	margin-left: 0;
}

.widget-block hr{
	padding-bottom: 20px;
	border-top: 1px solid inherit;
	opacity: 0.2;
}

#mobilenav .widget-block hr{
	padding-bottom: 0;
}

ul#main-menu{
	margin-bottom: 0;
}

/* Print Styles
================================================== */

@media print{
	div.four.columns.sidebar ul#main-menu{display: none !important;}
	div.four.columns.sidebar{
		width:80%;
		    margin-left: 10%;
         margin-right:10%;
	}
	nav{
		margin-top:10px;
		position: relative;
		width:160px;
		display: block;
	}
	nav a img{
		height:24px;
		width: inherit !important;
display:block;
float:left;
position:relative;
margin-right:5px;
top:-4px;
	}
	div.twelve.columns.content{
         width:80%;
         margin-left: 10%;
         margin-right:10%;
	}
	.post-navigation{
		display: none;
	}
	#respond, .to-top{
		display: none;
	}
	.print-url{
		display: inline;
	}
	.reply{display: none;}
}

.ak5a{
	font-family: "AK5A", inherit;
	font-style:normal;
}