/*
	Theme Name: 90percent2012
	Description: New responsive theme for the awesome 90% of Everything UX blog by Lord Harry Brizzo.
	Author: Bevan Stephens
	Author URI: http://bevanstephens.com
	Version: 1
	Tags: Typography, Minimal, 1 column, responsive
	License: GNU/GPL Version 2 or later
	License URI: http://www.gnu.org/licenses/gpl.html
	
*/


/* ============================================================
    Fonts
============================================================ */

body, input, textarea {  font-family:"Proxima Nova Basic Regular", 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal;  }

strong, b, .top-bar .message {	font-family:"Proxima Nova Basic Bold", 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; }

em, i {	font-family:"Proxima Nova Basic Regular Italic", 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; }

h1,h2,h3,h4,h5,h6,
.about .social li a,
.subscribe li,
.subscribe li .count em,
.button,
input[type="submit"],
input[type="button"] {	font-family:"Centro Slab Pro Bold", Cambria, Georgia, serif; font-size-adjust:0.496; font-weight:bold; font-style:normal;	}

.entry-meta, .comment-author, .comment-meta  { font-family:"Centro Slab Pro Medium", Cambria, Georgia, serif; font-size-adjust:0.496; font-weight:600; font-style:normal; }

.masthead h1 {	font-family:"Centro Slab Pro Black", Cambria, Georgia, serif; font-size-adjust:0.496; font-weight:800; font-style:normal; }

i { font-family:"Proxima Nova Basic Bold Italic", 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic;}

/* ============================================================
    Common Elements
============================================================ */

body {
     font-size: 16px;
     line-height: 1.35;
     background: #FBFBFB url(images/texture.png);
     color: #222;
     position: relative;
}



h1, h2, h3, h4, h5, h6 {    color: #111;  margin: 1.4em 0 0.7em 0; font-weight: normal; text-shadow: 1px 1px 0px rgba(255,255,255,1);     }
h1 { font-size: 1.7em; line-height: 1.18;   margin: 0 0 0.4em 0; letter-spacing: -0.02em;     }
h2 { font-size: 1.2em; line-height: 1.19;   margin: 1.7em 0 0.6em 0; letter-spacing: -0.02em;     }
p { margin: 0 0 0.7em 0; -webkit-font-smoothing: antialiased;   }
ul, ol {    margin: 0 0 0.7em 0; -webkit-font-smoothing: antialiased;  }
ul {	list-style-type: none; }
cite {	font-style: normal;}
abbr, abbr[title] {  text-decoration: none; border: none; cursor: default;}

img {   max-width: 100%; }

.post img {
	width: auto !important;
	height: auto !important;
}

a { 
    color: #1A83AA; 
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: color 0.2s ease-out;  
     -moz-transition: color 0.2s ease-out;  
       -o-transition: color 0.2s ease-out;  
          transition: color 0.2s ease-out;  
}

a:hover {   
    color: #111; 
}

a:active {
  position: relative;
  top: 1px;
}

h1 a,h2 a { color: #111;}
h2 a:hover { color: #1A83AA;}

ul li, ol li {
	position: relative;
	margin-bottom: 0.45em;
	line-height: 1.18;
	margin-left: 1em;
}

ul li:before {
	content: " ";
	background: #dedede;
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
	left: -1em;
	top:0.5em;
}

.post ul li, .post ol li {
	line-height: inherit;
}

ul li:nth-child(1):before {	background: #750042;	}
ul li:nth-child(2):before {	background: #F90077;	}
ul li:nth-child(3):before {	background: #FA7725;	}
ul li:nth-child(4):before {	background: #75C5DF;	}
ul li:nth-child(5):before {	background: #ABFE41;	}
ul li:nth-child(6):before {	background: #750042;	}
ul li:nth-child(7):before {	background: #F90077;	}
ul li:nth-child(8):before {	background: #FA7725;	}
ul li:nth-child(9):before {	background: #75C5DF;	}
ul li:nth-child(10):before {	background: #ABFE41;	}
ul li:nth-child(11):before {	background: #750042;	}
ul li:nth-child(12):before {	background: #F90077;	}
ul li:nth-child(13):before {	background: #FA7725;	}
ul li:nth-child(14):before {	background: #75C5DF;	}
ul li:nth-child(15):before {	background: #ABFE41;	}
ul li:nth-child(16):before {	background: #750042;	}
ul li:nth-child(17):before {	background: #F90077;	}
ul li:nth-child(18):before {	background: #FA7725;	}
ul li:nth-child(19):before {	background: #75C5DF;	}
ul li:nth-child(20):before {	background: #ABFE41;	}


small, .caption, .small {
	font-size: 0.8em;
	line-height: 1.7;
}

.entry-content p:first-child small{
	font-size: 0.6em;
}

table { 
	width: 100%;
	border-collapse: collapse;	
	margin-bottom: 2em;
}

table th {
	background: rgba(0,0,50,0.05);
	padding: 1em 1em; 
	color: rgba(0,0,50,0.6);
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 0.8em;
}

table td { 
	padding: 1em 1em; 
	border-bottom: 2px solid rgba(0,0,50,0.05);   
}

input, textarea, select { 
	font-size: 0.8em;
    color: #999;
    background: #fff; 
    border: 1px solid #cccccc;  
    display: block;
    width: 100%;
    padding: 7px 10px;
    margin: 0 0 1em 0;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border-radius: 2px; 
}

input[type='search'] {
	-webkit-appearance: textfield;
	padding-right: 0;
	padding-left: 5px;	
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

input.error {
    border: 1px solid red;  
}

label.error {
    font-size: 0.8em;
}

input[type="checkbox"],
input[type="radio"] {
    width: auto;
    display: inline;
    margin-right: 0.5em;
}

input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
     padding: 0 !important;
     border: 0 none !important;
 }

form ul {
    list-style-type: none;
    margin: 0;
}

form em {
	font-size: 0.9em;
}

nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

nav li {
    padding: 0;
}

form div {
    margin: 1em 0;
}

label abbr {
    color: #ff0000;
}



/* ============================================================
    Common Classes
============================================================ */

.page {
	position: relative;
}

.group {
    display: block;
    padding: 0 8%;
    clear: both;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.lede {
    font-size: 1.25em;
    line-height: 1.55;
    color: #222;
    margin: 1em 0;
    color: #D3573E;
}

.button,
input[type="submit"],
input[type="button"] {
    display: inline-block;
    background-color: #CDCDD5;
    background: rgba(0,0,50,0.1);
	padding: 0.4em 1.1em 0.3em 1.1em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid rgba(255,255,255,0.75);
	font-size: 0.8em;
	color: #616161;
	width: auto;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
	-webkit-appearance: none;
}

.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background: rgba(0,0,50,0.18);
    color: #333;
}

.button:active,
input[type="submit"]:active,
input[type="button"]:active {
    background: rgba(0,0,50,0.3);
    -webkit-transition: all 0.01s ease-in-out;
    -moz-transition: all 0.01s ease-in-out;
    -o-transition: all 0.01s ease-in-out;
    transition: all 0.01s ease-in-out;
}

.alert {
	background: #fff;
	color: #FA7723;
	border-radius: 2px;
	text-align: center;
	font-size: 0.85em;
	padding: 0.5em 1em;
	margin: 2em 0;
	border: 1px solid #FA7723;
}



/* Site styles */

.kern-plus-2 {	letter-spacing: 0.02em;	}
.kern-plus-1 {	letter-spacing: 0.01em;	}
.kern-zero {	letter-spacing: 0em;	}
.kern-minus-1 {	letter-spacing: -0.01em;	}
.kern-minus-2 {	letter-spacing: -0.02em;	}
.kern-minus-3 {	letter-spacing: -0.03em;	}
.kern-minus-4 {	letter-spacing: -0.04em;	}
.kern-minus-5 {	letter-spacing: -0.05em;	}
.kern-minus-6 {	letter-spacing: -0.06em;	}
.kern-minus-7 {	letter-spacing: -0.07em;	}
.kern-minus-8 {	letter-spacing: -0.08em;	}
.kern-minus-9 {	letter-spacing: -0.09em;	}
.kern-minus-10 {	letter-spacing: -0.1em;	}

.baseline {
	background-image: -moz-linear-gradient(top, rgba(0,0,50,0) 95%, rgba(0,0,50,0.1) 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(95%,rgba(0,0,50,0)), color-stop(100%,rgba(0,0,50,0.1))); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, rgba(0,0,50,0) 95%,rgba(0,0,50,0.1) 100%); /* Chrome10+,Safari5.1+ */
    -webkit-background-size: 100% 21px;
    background-size: 100% 21px;
}


/* ============================================================
    Modules
============================================================ */

/* Top Bar */

.top-bar  {
	background: #C0C0C0;
	display: block;
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 6px;
	z-index: 50;
	text-align: center;
}

.top-bar span {
	display: block;
	background: green;
	width: 20%;
	height: 6px;
	color: #fff;
	float: left;
}

.top-bar .purple {	background: #750042;	}
.top-bar .pink {	background: #F90077;	}
.top-bar .orange {	background: #FA7725;	}
.top-bar .blue {	background: #75C5DF;	}
.top-bar .green {	background: #ABFE41;	}

/* Message */

.message {
	background-color: #242424;
	font-size: 0.9em;
	color: #fff;
	margin: 0;
	padding: 1.2em 0 0.8em 0;
	display: none;
}

.message:after {
	content: " ";
	display: block;
	clear: both;
}

.message p {
	float: left; 
	width: 85%;
	margin-bottom: 0;
}

.message a.close {
	color: rgba(255,255,255,0.4);
	display: block;
	font-size: 0.8em;
	line-height: 1;
	height: 1em;
	width: 5%;
	border-radius: 30px;
	padding: 0.45em 0em 0.4em 0em;
	margin-left: 2em;
	float: right;
	text-align: right;
}

.message a:hover {
	color: #1FA1D0;
}

.message a.close:hover {
	color: #fff;
}


/* Masthead */

.masthead.group {
	margin-bottom: 2.35em;
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(70%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%); /* IE10+ */
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 90%); /* W3C */
	padding-top: 50px;
}



.masthead a {
    color: #111;
}

.masthead a:hover {
	
}

.masthead h2 {
	margin: 0;
	position: relative;
	z-index: 20;
}

.masthead h1 {
	font-size: 6.5em;
	letter-spacing: -0.05em;
	margin: 0.09em 0 0 0;
	line-height: 0.72em;
	white-space: nowrap;
}

.masthead h1 .line-2 {
	display: block;
	font-size: 0.74em;
	letter-spacing: -0.05em;
}

.masthead h1.harry {
	letter-spacing: -0.03em;
}


/* Footer */

.footer {
	background-color: #ECECEE;
	background: rgba(0,0,50,0.05);
	padding-top: 1px;
	padding-bottom: 4em;
	border-top: 1px solid white;
}

.footer .group:after {
	content: " ";
	display: block;
	clear: both;
}


/* Post */

article.post, article.page {
	margin-bottom: 4em;
}

.entry-meta {
	color: #AAAAAA;
	font-size: 0.75em;
	margin-bottom: 0.85em;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

.entry-content p:first-child {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0.95em 0 1.05em 0;
}

.entry-content blockquote { 
	font-size: 1em;
	margin: 1.5em 0 1.5em 0;
	background: url(images/blockquote.png) no-repeat;
	background-size: 1% 100%;
	padding: 0 0 0 2em;
}

.entry-content blockquote p:first-child {
	font-size: inherit;
	margin: inherit;
	line-height: inherit;
	
}


/* Next and previous nav */

.nav-above {
 	position: absolute;
 	top:28px;
 	right: 2%;
 	width: 102px;
 	z-index: 70;
}

.message-visible .nav-above {
	top:85px;
}

.nav-above .nav-previous a,.nav-above .nav-next a{
	display: block;
	background-color: #DADBE1;
	background: rgba(0,0,50,0.1);
	width:40px;
	padding: 0.3em 0 0.3em 0;
	font-size: 1.1em;
	float: left;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: 1px;
	position: relative;
	-webkit-transition: all 0.3s ease-out;  
     -moz-transition: all 0.3s ease-out;  
       -o-transition: all 0.3s ease-out; 
          transition: all 0.3s ease-out;  
	
}

.nav-above .nav-previous a:hover,.nav-above .nav-next a:hover {
	background: rgba(0,0,50,0.2);
}

.nav-above .nav-previous a:active,.nav-above .nav-next a:active {
	background: rgba(0,0,50,0.3);
	-webkit-transition: all 0.01s ease-in-out;
    -moz-transition: all 0.01s ease-in-out;
    -o-transition: all 0.01s ease-in-out;
    transition: all 0.01s ease-in-out;
    top:0;
}

.nav-above .nav-next.disabled a, .nav-above .nav-next.disabled a:hover {
	background-color: #E6E6E9;
	background: rgba(0,0,50,0.1);
	opacity: 0.3;
	cursor: default;
}

.nav-above .nav-next a {
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.nav-above .nav-previous a {
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.nav-above .nav-previous a:before {
	content: "\25C4";
	color: #fff;
}
.nav-above .nav-next a:before {
	content: "\25BA";
	color: #fff;
}

.nav-above a span {
	background: #525353;
	display: block;
	position: absolute;
	z-index: 30;
	top:2px;
	right: 1000px;
	text-align: right;
	white-space: nowrap;
	color: #fff;
	font-size: 0.65em;
	padding: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	opacity: 0.0001;
	height:1px;
	width: 1px;
	overflow: hidden;
	-webkit-transition: opacity 0.3s ease-out;  
     -moz-transition: opacity 0.3s ease-out;  
       -o-transition: opacity 0.3s ease-out; 
          transition: opacity 0.3s ease-out;  
          -webkit-font-smoothing: antialiased;
    text-indent: -9999px;
    border: 1px solid rgba(0,0,50,0.3);
    text-shadow: 0px 1px 0px rgba(0,0,50,0.7);
}

.nav-above a span .tip {
	display: block;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #525353;
	position: absolute;
	right: -6px;
	top:13px;
}


@media only screen and (min-width: 35em) {

	 .message-visible .nav-above {
		top:110px;
	}

	.nav-above .nav-previous a,.nav-above .nav-next a {
		width: 50px;
	}

	.nav-above .nav-previous a:hover span {
		right: 70px;
	}
	
	
	.nav-above .nav-next a:hover span {
		right: 120px;
	}
	
	.nav-above a:hover span {
		padding: 0.6em 1.3em 0.6em 1.3em;
		width: auto;
		height:auto;
		opacity: 0.95;
		text-indent: 0;
		overflow: visible;
	}
	
	

}

@media only screen and (min-width: 48em) {
	.message-visible .nav-above {
		top:90px;
	}
}


@media only screen and (min-width: 58em) {

	.nav-above {
 		position: fixed;
 		right: 20px;
 	}
 	
 	

}


/* Next post CTA  */

#nav-below  {
	margin-bottom: 1em;
	margin-top: 0em;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
}

#nav-below a:last-child {
	float: right;
}

#nav-below a:first-child {
	float: left;
}

#nav-below:after {
	content: " ";
	display: block;
	clear: both;
}

/* Related posts */


/* Comments  */

#respond {
	background-color: #E9E9EC;
    background: rgba(0,0,50,0.04);
    padding: 1em 1em 1em 1em;
    margin-bottom: 2em;
    margin-top: 0;
    font-size: 0.9em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#respond h3 {
	margin-top: 0;
}

#respond .subscribe-to-comments {
	font-size: 0.8em;
	margin-bottom: 1em;
}

#respond .subscribe-to-comments input {
	margin: 0 0.2em 2px 0;
}

.comments-list {
	margin-bottom: 2em;
}

.comment, .pingback {
	background-color: #E9E9EC;
	background: rgba(0,0,50,0.04);
	padding: 1em;
	margin-bottom: 1px;
	margin-left: 0;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 0.9em;
}

.pingback {
	font-size: 0.8em;
}

.pingback:before {
	display: none;
}

.pingback a.url {
	display: block;
}

.pingback .comment-edit-link {
	display: none;
}

.comment:before {
	display: none;
}

.comment .comment-author, .comment-meta {
	display: inline;
}

.comment .comment-author {
	padding-right: 0.5em;
}

.comment .comment-author img {
	display: none;
}

.comment .comment-meta {
	color: rgba(0,0,50,0.5);
	font-size: 0.75em;
	margin-bottom: 0.85em;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

.comment .comment {
	font-size: 0.9em;
}

.comment .comment .comment {
	font-size: 1em;
}

.comment-edit-link {
	float: right;
}

.comment-body {
	padding-top: 0.3em;
}

.comment-reply-link {
	font-size: 0.8em;
}


.bypostauthor cite {
	display: inline-block;
	background-color: #B1B1BB;
	background: rgba(0,0,40,0.2);
	color: #fff;
	padding: 0 0.3em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	font-size: 0.85em;
}

.bypostauthor cite a {
	color: #fff;
}

/* Popular posts  */

li#popular-posts:before {
	display: none;
}


/* Subscribe   */

.footer-subscribe {
	padding-top: 0.1em;
}



.credit {
	text-align: center;
	font-size: 0.8em;
	padding-top: 1em;
	padding-bottom: 3em;
	clear: both;
}

/* Categories   */

.entry-summary {
	margin-bottom: 3em;
}

.widget_categories:before {
	display: none;
}

/* About */

.about img {
	margin-bottom: 0;
}

.about .social:after {
	content: " ";
	clear: both;
	display: block;
}

.about .social li {
	display: block;
	float: left; 
	width: 20%;
	padding: 0.8em 0 0 0;
	margin-bottom: 0;
	margin-left: 0;
}

.about .social li:before {
	display: none;
}

.about .social li a {
	display: block;
	text-align: center;
	font-size: 0.75em;
	color: #222;
	background:  url(images/social-media-icons-twitter.png) no-repeat top center;
	padding: 3em 0 0 0;
	opacity: 0.5;
	-webkit-transition: all 0.15s ease-out;  
     -moz-transition: all 0.15s ease-out;  
       -o-transition: all 0.15s ease-out;  
          transition: all 0.15s ease-out; 
    text-indent: -9999px;
}



.about .social li a:hover {
	opacity: 1;
	color: #1A83AA; 
}

.about .social li.linkedin a { background-image: url(images/social-media-icons-linkedin.png); }
.about .social li.upcoming a { background-image: url(images/social-media-icons-upcoming.png); }
.about .social li.flickr a { background-image: url(images/social-media-icons-flickr.png); }
.about .social li.google a { background-image: url(images/social-media-icons-google.png); }





/* Subscribe */

.secondary-footer {
	border-top:1px solid rgba(0, 0, 50, 0.1);
	padding-top: 0em;
	margin-top: 2em;
}


.subscribe {
	clear: both;
	padding-bottom: 1em;
	padding-top: 2em;
}

.subscribe li:before {
	display: none;
}

.subscribe li {
	display: block;
	clear: both;
	margin-bottom: 0;
	margin-right: 0;
	width: 100%;
	margin-left: 0;
}

.subscribe li:after {
	content: " ";
	clear: both;
	display: block;
}

.subscribe li a {
	background-color: #CBCBD3;
	background: rgba(0,0,50,0.1);
	padding: 0.4em 1.1em 0.7em 1.1em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	font-size: 0.8em;
	float: left;
	color: #616161;
	border: 1px solid rgba(255,255,255,0.75);
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    width: 92%;
    text-align: center;
}

.subscribe li a:hover {
	background: rgba(0,0,50,0.18);
    color: #333;
}

.subscribe li a:active {
	background: rgba(0,0,50,0.3);
}


.subscribe li.rss a:before {
	content: "";
	background: url(images/rss-icon.png) no-repeat  left center;
	display: inline-block;
	width: 23px;
	height: 20px;
	margin-bottom: -0.35em;
}

.subscribe li.mail a:before {
	content: "";
	background: url(images/mail-icon.png) no-repeat  left center;
	display: inline-block;
	width: 23px;
	height: 20px;
	margin-bottom: -0.35em;
}

#searchform input#s {
	width: 70%;
	float: left;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: none;
	box-sizing: border-box;
}

#searchform input#s::-webkit-search-cancel-button {
	display: none;
}

#searchform #searchsubmit  {
	height: 31px;
	float: left;
	width: 30%;
	border-color: #ccc;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: none;
}

#searchform label {
	display: none;
}

h1 #searchform {
	overflow: auto;
}

h1 #searchform input#s {
	height: 41px;
} 

h1 #searchform #searchsubmit {
	font-size: 0.62em;
	height: 41px;
}

@media only screen and (min-width: 35em) {

	#searchform input#s  {
		height: 36px;
	}

	#searchform #searchsubmit  {
		height: 36px;
	}

	h1 #searchform input#s {
		width: 80%;
		height: 52px;
	}
	
	h1 #searchform #searchsubmit  {
		width: 20%;
		height: 52px;
		
	}

}

/* archive */ 




.archive .archive-pagination {
	margin-bottom: 3em;
	margin-top: 3em;
	overflow: auto;
}

.archive .entry-meta a {
	color: #aaa;
}

.archive .archive-pagination a {
	display: block;
	background: rgba(0,0,0,0.1);
	border-radius: 3px;
	margin-bottom: 1px;
	text-align: center;
	padding: 0.2em 0.5em;
}

@media only screen and (min-width: 35em) { 
	
	.archive p {
		font-size: 0.85em;	
	}

	.archive .archive-pagination a {
	 float: right;
	 display: block;
	background: none;
	border-radius: 0;
	text-align: left;
	padding: 0;
	}
	
	.archive .archive-pagination a:first-child {
	 float: left;
	}

}

/* search */



.search-results #nav-above {
	display: none;
}

.search-results .entry-utility {
	display: none;
}

.search-results .entry-meta {
	font-size: 0.65em;
}

.search-results .entry-meta a {
	color: #aaa;
}


.search-results #content p a small {
	display: none;
}

.search-results #nav-below {
	margin-bottom: 3em;
	margin-top: 3em;
	overflow: auto;
}

.search-results #nav-below a {
	display: block;
	float: none;
	background: rgba(0,0,0,0.1);
	border-radius: 3px;
	margin-bottom: 1px;
	text-align: center;
	padding: 0.2em 0.5em;
}

@media only screen and (min-width: 35em) { 
	
	.search-results #content p  {
		font-size: 0.85em;
	}

	.search-results #nav-below a {
	 float: right;
	 display: block;
	background: none;
	border-radius: 0;
	text-align: left;
	padding: 0;
	}
	
	.search-results #nav-below a:first-child {
	 float: left;
	}

}

/* ============================================================
    Widescreen styles
============================================================ */


@media only screen and (min-width: 35em) {

  	body {
    	font-size: 21px;
     	border-left: 6px solid #C0C0C0;
     	border-right: 6px solid #C0C0C0;
	}
	
	body:after {
	    content: "";
	    position: fixed;
	    background: #C0C0C0;
	    left: 0;
	    right: 0;
	    height: 6px;
	    bottom: 0;
	}
	
	.baseline {
		background-image: -moz-linear-gradient(top, rgba(0,0,50,0) 95%, rgba(0,0,50,0.1) 100%); 
	    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(95%,rgba(0,0,50,0)), color-stop(100%,rgba(0,0,50,0.1))); 
	    background-image: -webkit-linear-gradient(top, rgba(0,0,50,0) 95%,rgba(0,0,50,0.1) 100%); 
	    -webkit-background-size: 100% 14px;
	    background-size: 100% 14px;
	}
	
	.masthead {
		padding-top: 50px;
	}
	
	ul li, ol li {
		margin-left: 0;
	}
	
	#popular-posts {
		float: left;
		width: 45%;
	}
	
	.widget_categories {
		float: right;
		width: 45%;
	}
	
	.footer {
		font-size: 0.9em;
	}
	
	
	.about .social {
		margin: -7px 0 0 0;
		border-bottom: 1px solid #E2E2E2;
	}
	
	.about .social li {
		border-right: 1px solid #E2E2E2;
		width: 19.8%;
	}
	
	.about .social li:last-child {
		border-right: none;
	}
	
	.about .social li a { 
		text-indent: 0px;
		padding: 3.3em 0 1em 0;
		
	}

}

@media only screen and (min-width: 40em) {

	.subscribe {
		position: relative;
		padding-top: 1.5em;
		margin-top: 0em;
	}
	
	.subscribe li {
		display: inline;
		width: auto;
		clear: none;
	}
	
	.subscribe li a {
		padding: 0.5em 1.1em 0.5em 1.1em;
	}
	
	.subscribe li.rss {
		float: left;
	}
	
	.subscribe li.mail {
		float: right;
		text-align: right;
	}

	
	.subscribe h3 {
		color: #929292;
		display: block;
		font-size: 0.8em;
		text-shadow: 0px 1px 0px rgba(255,255,255,1);
		text-align: center;
		position: absolute;
		right:0;
		left:0;
		margin: -0.8em 0 0 0;
	}
	
	.subscribe h3 span {
		display: block;
		font-size: 2.8em;
		letter-spacing: -0.05em;
		color: #333;
		line-height: 1;
		text-shadow: 0px 1px 0px rgba(255,255,255,1);
	} 
	
	footer #searchform:before {
		border-top: 1px solid rgba(0, 0, 50, 0.1);
		content: " ";
		display: block;
		margin: 0 auto 0.7em auto;
		width: 3em;
		clear: both;
	}
	
	footer #searchform {
		margin: 2em auto;
		width: 46%;
	}
	
	#searchform input#s {
		padding:9px 0px 9px 8px;
	}
}




/* Firefox doesnt cope with big shadows very well */
	@-moz-document url-prefix() { 
  		body{
     		box-shadow: none;
  		}
	}


.iframe-wrap {
position: relative;
padding-bottom: 67%;
}

.iframe-wrap iframe {
width: 100%;
position: absolute;
top: 0;
bottom: 0;
}


/* about page styles */
#about,
.page-template-page-about-php {}

	#about .group,
	.page-template-page-about-php .group {
		max-width: 880px;
	}

	#about #content,
	.page-template-page-about-php #content {
		margin-bottom: 20px;
	}

	#about .group:before,
	#about .group:after,
	.page-template-page-about-php .group:before,
	.page-template-page-about-php .group:after {
		display: table;
	  content: "";
	  zoom: 1;
	}

	#about .group:after,
	.page-template-page-about-php .group:after {
		clear: both;
	}

	#about header {}

		#about header h1,
		.page-template-page-about-php header h1 {
			font-size: 2.4em;
			margin-bottom: 10px;
		}

		#about header h2,
		.page-template-page-about-php header h2 {
			color: #979797;
			font-family: "Centro Serif Pro Medium", Cambria, Georgia, serif;
			font-size: 1.05em;
			font-size-adjust: none;
		}

		#about aside,
		.page-template-page-about-php aside {
			float: left;
			width: 215px;
		}

			#about aside ul,
			.page-template-page-about-php aside ul {
				margin: 0;
				margin-left: 18px;
			}

				#about aside ul li,
				.page-template-page-about-php aside ul li {
					list-style: none;
					font-family: "Centro Slab Pro Bold", Cambria, Georgia, serif;
				}

				#about aside ul li:before,
				.page-template-page-about-php aside ul li:before {
					content: '';
					height: 0;
					width: 0;
				}

					#about aside ul li ul,
					.page-template-page-about-php aside ul li ul {
						margin: 15px 7px
					}

					#about aside ul li li,
					.page-template-page-about-php aside ul li li {
						font-family: "Proxima Nova Basic Regular", 'Helvetica Neue', Arial, Helvetica, sans-serif;
						margin-bottom: 10px;
					}

					#about aside ul li li.current_page_item,
					.page-template-page-about-php aside ul li li.current_page_item {
						font-family: "Proxima Nova Basic Bold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
					}					

					#about aside ul li a,
					.page-template-page-about-php aside ul li a {
						color: #050505;
					}

		#about article,
		.page-template-page-about-php article {
			margin-left: 245px;
		}

			#about article img,
			.page-template-page-about-php article img {
				max-width: 100%;
			}

			#about article p:first-child,
			.page-template-page-about-php article p:first-child {
				font-size: 1em;
				line-height: 1.35em;
			}

			#about article h1,
			.page-template-page-about-php article h1 {
				font-size: 1.5em;
				font-family: "Centro Slab Pro Black", Cambria, Georgia, serif;
			}
			
			#about article h2,
    	.page-template-page-about-php article h2 {
    	  font-size: 1.3em;
    	  font-family: "Centro Slab Pro Black", Cambria, Georgia, serif;
    	}

		#about .menu_handler,
		.page-template-page-about-php .menu_handler {
			border-top: 1px solid #dedede;
			display: none;
			line-height: 1em;
			text-align: center;
		}

			#about .menu_handler a,
			.page-template-page-about-php .menu_handler a {
				background: #dddde2;
				color: #fff;
				display: inline-block;
				font-size: 16px;
				line-height: 24px;
				margin: 0 auto;
				padding: 2px 20px 2px 12px;
				position: relative;
				text-decoration: none;

				-moz-border-radius: 0 0 5px 5px; 
		    -webkit-border-radius: 0 0 5px 5px; 
		    border-radius: 0 0 5px 5px;
			}

			#about .menu_handler a:active,
			.page-template-page-about-php .menu_handler a:active {
				top: 0;
			}

				#about .menu_handler a span,
				.page-template-page-about-php .menu_handler a span {
					position: absolute;
					right: 6px;
					top: 3px;
					-webkit-transform: rotate(90deg);
     	   		 -moz-transform: rotate(90deg);
         		  -ms-transform: rotate(90deg);
           		 -o-transform: rotate(90deg);
              		transform: rotate(90deg);
				}

		#about .menu_handler.open a span,
		.page-template-page-about-php .menu_handler.open a span {
			right: 10px;
			top: 1px;
			-webkit-transform: rotate(-90deg);
     		 -moz-transform: rotate(-90deg);
      	  -ms-transform: rotate(-90deg);
       		 -o-transform: rotate(-90deg);
           		transform: rotate(-90deg);
		}


/* small screen size styles (iphone and larger phones) */
@media only screen and (max-width: 830px) {
	#about .masthead.group,
	.page-template-page-about-php .masthead.group {
		margin-bottom: 1em;
	}

	#about aside,
	.page-template-page-about-php aside {
		background: #dddde2;
		display: none;
		float: none;
		padding: 0.9em 0 0.45em;
		width: auto;
	}
	
	#about aside.show,
	.page-template-page-about-php aside.show {
	  display: block;
	}
		
		#about aside ul,
		.page-template-page-about-php aside ul {
			margin-left: 15px;
		}

			#about aside ul li,
			.page-template-page-about-php aside ul li {
				font-family: "Centro Serif Pro Regular", Cambria, Georgia, serif !important;
			}

			#about aside ul li.current_page_item,
			.page-template-page-about-php aside ul li.current_page_item {
				font-family: "Centro Serif Pro Bold", Cambria, Georgia, serif !important;
			}

				#about aside ul li ul,
				.page-template-page-about-php aside ul li ul {
					margin: 10px;
				}

					#about aside ul li ul li,
					.page-template-page-about-php aside ul li ul li {
						font-family: "Proxima Nova Basic Regular", 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
						font-size: 0.95em;
						margin-left: 0;
					}

					#about aside ul li ul li.current_page_item,
					.page-template-page-about-php aside ul li ul li.current_page_item {
						font-family: "Proxima Nova Basic Bold", 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
					}

					#about aside ul li ul li:before,
					.page-template-page-about-php aside ul li ul li:before {
						background: none;
						content: "- ";
						display: inline;
						height: auto;
						left: auto;
						position: relative;
						top: 0;
						width: auto;
					}

	#about article,
	.page-template-page-about-php article {
		margin-left: 0;
	}

	#about .menu_handler,
	.page-template-page-about-php .menu_handler {
		display: block;
		font-family: "Centro Serif Pro Regular", Cambria, Georgia, serif !important;
		margin-bottom: 40px;
	}
}

/* medium and big screen sizes (ipad vertical) */
@media only screen and (min-width: 830px) {
	#about aside,
	.page-template-page-about-php aside {
    display: block;
	}

	#about article,
	.page-template-page-about-php article {
	
	}
}