/* ---------------------------------------------

				Less Definitions

---------------------------------------------- */

/* 
Prox Reg: Thin, Light, Reg,  Bold
proxima-nova:100 300 400 700

Prox Cond: Light, Reg, Semibold
proxima-nova-condensed: 300 400 600
*/

@red: #CD2305;
@gray: #666;
@ltgray: #EBEBE1;
@black: #181810;


.caps {text-transform:uppercase; letter-spacing:1px;}
.border {border: solid 1px @ltgray;}
.border-b {border-bottom: solid 1px @ltgray; padding-bottom:10px; margin:2em 0 1em;}
.border-t {border-top: solid 1px @ltgray; padding-top:10px; margin-top:10px;}
.norm {font: normal 400 14px/17px "proxima-nova", Arial, Helvetica, sans-serif; color:@black;}
.left {float:left;}
.right {float:right;}
.bold {font-weight:600;}

.light{ font-weight:300;}
.reg { font-weight:400;}
.chap {font-family: "chaparral-pro", serif; font-style: normal; }

hr {clear:both; }

html, body {height:100%;}

body {font: normal 400 14px/120% "proxima-nova", Arial, Helvetica, sans-serif; color:@black;}
a:link, a:visited {color:@red; text-decoration:none; &:hover {color:@gray;}}
a:hover img, a.icon:hover {
filter:alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.8;
-khtml-opacity: 0.8;}

h1, h2, h3, h4, h5 {.chap; font-weight:600; }
h2 {font-size:22px; }

h3 {font-size:18px; .border-b;}
h4 {font-size:16px; .border-b;  padding-bottom:3px; margin-top:50px;  }
h4:hover{cursor:pointer}
h5 {font-size:14px;}
h5 span{float:right;font-size:11px;font-weight:normal;}


#page-wrap {min-width:380px; overflow: hidden; padding: 0 30px;
	#help { width:26px; height:22px; padding-top:4px; background:@red; z-index:5; text-align:center; display:block; position:fixed; top:0; right:0; font-size:18px; .bold; color:#FFF; &:hover{background-color:@gray;}}
}

header {position:fixed; width:100%;padding-bottom:20px;top:0;left:0;background-color:white;z-index:2; 
	#logo {.chap; .bold; font-size:42px;min-width:380px; .left; padding:20px 0 0 50px; line-height:1em;
		span {color:@red; .light; }
	}
	#logo:hover{cursor:pointer}

	nav {.right; padding:35px 60px 0;
		 ul li {display:inline-block; text-align:right; margin-left:20px; font-size: 32px; margin-bottom:20px; vertical-align:top;
			a:link, a:visited { font-weight:300; color:@red; .caps; &:hover {color:@gray;}}
		 }	
		 form#searchform div { position: relative;
			 input[type="search"] {-webkit-appearance: none; border:1px solid #EBEBE1; position:relative; top:-4px; z-index:1; color:@gray; font-size:12px;width:150px;height:25px;}
			 .search{position: absolute; right: 4px; top: -4px; width:18px;height:25px;background-position:0 -68px; border:none; background-color:transparent; z-index:1; }
			 .search:hover{width:18px;height:25px;background-position:-16px -68px;}
			 button {
		    background: none repeat scroll 0 center transparent;
		    border: 0 none;
		    color: #E0DCCF;
		    position: absolute;
		    right: 2px;
		    top:2px;
		    z-index: 200;
			}
		}
	}
}


.rve-embed-container{
	max-width:100% !important;
	margin-bottom:1em;
}


.transform (@rotate: -5deg, @scale: 1, @skew: 1deg, @translate: 0px) {
    -webkit-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    -moz-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    -o-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    -ms-transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
    transform: rotate(@rotate) scale(@scale) skew(@skew) translate(@translate);
}
 


/* Lifted corners */


.drop-shadow {
	position:relative;
	float:left;
	width:40%;
	padding:1em;
	margin:2em 10px 4em;
	background:#fff;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(68, 68, 68, 0.1) inset;
	   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(68, 68, 68, 0.1) inset;
			box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(68, 68, 68, 0.1) inset;
}

.drop-shadow:before,
.drop-shadow:after {
	content:"";
	position:absolute;
	z-index:-2;
}


/* Lifted corners */


.lifted:before,
.lifted:after {
	bottom:15px;
	left:10px;
	width:50%;
	height:20%;
	max-width:300px;
	max-height:100px;
	-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
	   -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
			box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
	-webkit-transform:rotate(-3deg);
	   -moz-transform:rotate(-3deg);
		-ms-transform:rotate(-3deg);
		 -o-transform:rotate(-3deg);
			transform:rotate(-3deg);
}

.lifted:after {
	right:10px;
	left:auto;
	-webkit-transform:rotate(3deg);
	   -moz-transform:rotate(3deg);
		-ms-transform:rotate(3deg);
		 -o-transform:rotate(3deg);
			transform:rotate(3deg);
}


.opacity {
filter:alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.7;
-khtml-opacity: 0.7;}

.nopacity {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
-khtml-opacity: 1;}

.shadow {
	box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.10);
}

body.home div#page-wrap header nav ul li a.grid-link {color:@red; font-weight:600; &:hover {color:@gray;}}
a.grid-link:hover {color:@red; span.grid {background-position:-111px -64px;}}
.active, .current-menu-item a {color:@red!important; font-weight:600!important;}

/* Grid */

#grid{
	padding:20px 0 150px 20px;
	width: 100%;
	height:100%;
	z-index:0;
	margin-bottom:20px;
	display:none;
}

#loading{
	position:fixed;
	top:50%;
	left:50%;
	text-align:center;
}

#navigation{
	visibility:hidden;
}

#infscr-loading { 
	z-index: 3;
	position: fixed;
	left: 45%;
	bottom: 40px;
	padding: 10px 10px 5px 10px;
	background: #FFF; 
	font-size:50px;
	font-weight:bold;
}


.borderbox {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}



.figshare{
	figure{
		width:62px;
		padding:20px 10px;
		text-align:center;
		font-weight:700;
		font-size:24px;
		display:inline-block;
		line-height:18px;
		margin-top:10px;
		-webkit-border-radius: 82px;
		-moz-border-radius: 82px;
		border-radius: 82px;
		&:hover{
			zoom: 1;
			filter: alpha(opacity=50);
			opacity: 0.5;
		}
		a{
			color:white;
			&:hover{
				color:white !important;
			}
		}
		figcaption{
			display:block;
			font-size:12px;
			font-weight:600px;
			text-transform:uppercase;
		}
		&:nth-of-type(1){
			background-color:#4ecdc4;
		}
		&:nth-of-type(2){
			background-color:#dddddd;
		}
		&:nth-of-type(3){
			background-color:#a2d13b;
		}
	}
	.source{
		img{
			margin:0;
			width:75px;
		}
		a{
			line-height:34px;
		}
	}
	time{
		line-height:34px;
	}
}

.home article, .search article, .archive article{
	figure{
		-webkit-border-radius: 0px;
		-moz-border-radius:0px;
		border-radius: 0px;
		background-color:white !important;
		a{
			color:black;
			&:hover{
				color:black !important;
			}
			figcaption{
				color:@red;
			}
		}
	}
}





.home article, .search article, .archive article /*Full Block: Default*/ {
	position:relative; 
	width:285px; 
	margin:0 28px 28px 0; 
	.borderbox; 
	padding:1em 1em .9em 1em; 
	.border; 

	
	&:hover {
		border:1px solid @red;
	}
	
	h2 {margin-bottom:5px; line-height:1em;
		a {font-size:20px; .chap; .bold; color:@black; &:hover {color:@red;}}
	}
	p {font-size:14px;word-wrap:break-word;margin-bottom:10px; line-height: 140%;
		a, a:link, a:visited{
			font-weight:600; .chap; .caps; font-size: 12px;
		}
	}
	iframe {width:275px;}
    img {margin-bottom:10px;height:auto;}
	footer.meta { position:relative; width:100%; padding: 5% 0 0;  color:@gray; .caps; .chap; font-size:12px; font-weight:400; a {color:@red; &:hover {color:@gray;}}
		div.source {.left; width:66.6%; .borderbox;
			a {cursor:pointer; .left; width:50%; .borderbox; padding-right: 5px;
				&:nth-child(2) {text-align: center;}
			}
			a span {padding: 2px 2px 0 0; font-size: 18px; .left;}
		}
		time {width:33.3%; float:right; text-align:right; padding-right: 4%; .borderbox;}
	}
	
	&.static{
		text-align:center;
		h2{
			text-transform:uppercase;
			letter-spacing:2px;
		}
		i{
			display:block;
			font-size:100px;
			height:80px;
			margin-top:80px;
			color:@red;
		}
	}

	&.twitter{
		.chap;
		font-size:15px;
		line-height:1.3em;
		a.ss-icon{
			font-size:32px;
			color:black;
			margin:10px 10px 0 0;
			display:inline-block;
			float:left;
		}
		span{
			font-size:12px;
			display:block;
			margin-top:5px;
			font-family:"proxima-nova", Arial, Helvetica, sans-serif;
		}
	}	
}

.cluster {
	&:hover{
		cursor:pointer;
	}
	h2 {.chap; margin: 0; padding:0; text-align: justify; white-space: nowrap; line-height:1.4em !important;}
	.line1 {.reg; font-size: 20px; }
	.line2 {
		.bold; font-size: 20px; margin-top: -7px;
		span {.bold; font-style: italic; color:@red; font-size: 24px; margin-left: 2px;}
	}
	.line3 {.light; font-size: 17px; text-transform: uppercase; letter-spacing: 0.03em; margin-top: -3px;}
	.line4 {
		.bold; font-size: 37px; margin-top: -12px;
		span {.bold; font-style: italic;  font-size: 16px; margin-left: -5px;}
	}
	.line5 {.reg; font-size: 30px; color:@red; margin-top: -25px;}
	.line6 {.bold; font-size: 37px; margin-top: -17px;}
}

article.instapress{
	height:255px;
	.instapress-shortcode .instapress-shortcode-image{
		margin:0px;
		width:225px;
	}
}

blockquote {
	p {font-size: 20px !important; padding:0 20px;}
	.chap;
	margin: 40px auto;
	width:70%;
	display: block;
	&:before {
		content:"\201C";
		float:left;
		display: block;
		font-size: 88px;
		.chap;
		color:@red;
		margin-left: -40px;
		margin-top: 20px;
	}
	&:after {
		content:"\201D";
		float:right;
		margin-right: -40px;
		display: block;
		font-size: 88px;
		.chap;
		color:@red;
	}
}

div.navigation {position:relative; z-index:6; display:none; padding-bottom:30px; height:26px; .border-b; .border-t;
	div.next-posts a {
		position: absolute;	
		height: 24px;
		right:40%;		
		top: 35%;
	}

 	div.prev-posts a {
		position: absolute;			
		height: 24px;
		left: 40%;
		position: absolute;		
		top: 35%;
 	}
}
#showall{
	display:none;
	background-color:@black;
	color:white;
	position:fixed;
	font-size:11px;
	font-weight:bold;
	top:0;
	height:22px;
	right:0px;
	padding:4px 10px 0 10px;
	z-index:999;
	&:hover {background-color:@gray;}
}

.navigation {clear:both;}

/* Single Posts and Pages */
.single, .page, .error404 {
	div#page-wrap {overflow:hidden;
		/* Publications */
		section#chron{
			display:none;
		}
		ul li.pub{
			span.title{
				.chap;
				.bold;
				font-size: 16px;
			}
		}
		article {position:relative; width:60%; .left; min-height:500px; padding-left:25px;padding-right:10%; margin-top:40px;
			h1 { font-weight:600; font-size:28px; margin-bottom:5px;line-height:1em; .chap;}
			h2 {margin:2em 0 1em;}
			img {margin:0;height:auto}
			p {line-height:150%; margin:0 0 10px 0; img {margin:20px 0;}
				a, a:link, a:visited{
					font-weight:600;
				}
			}
			a.pubstoggle {
				color:@red; .bold; cursor:pointer; display: inline-block; width:100%; background-color: white; padding: 10px 0 10px 0px;
				&:hover {color:@gray;}
				&:before {
					content:"‣";
					font-family: 'LucidaGrande', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; 
					font-size: 13px; 
					font-stretch: normal; 
					font-style: normal; 
					font-weight: 400; 
					position: relative; 
					top: -1px;
					padding-right:5px;
				}
			}
			time {color:@red; font-size:14px; .chap;  padding: 0 0 20px; display:block;}
			ul{
				li{
					list-style-type:none;
					list-style-position:inside;
					margin-bottom:10px;
					line-height:150%;
					&:before {
						content:"‣";
						font-family: 'LucidaGrande', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; 
						font-size: 13px; 
						font-stretch: normal; 
						font-style: normal; 
						font-weight: 400; 
						position: relative; 
						top: -1px;
						padding-right:5px;
					}
				}
			}
			ol li{
				list-style-position:inside;
				margin-bottom:10px;
				line-height:150%;
			}
			.wp-caption{
				max-width:100%;
			}
			.wp-caption-text{
				padding:5px;
				border-bottom:solid 1px #ebebe1;
				line-height:1.2em;
				.chap;
				margin:0 auto 20px auto;
			}
		}
		aside {.left; margin: 140px 0 0 30px; max-width:20%; min-width:20%;
			a:link, a:visited { &:hover {color:@gray;}}
			
			div#tags, div#category{ color:@gray; clear:both; text-transform:capitalize;margin:10px 0; a:link, a:visited {color:@red;  &:hover {color:@gray;}}
				li {margin-bottom:10px;}
			}
			
			h5:first-child{
				margin-top:0px;
			}
			
			.embed-button{
				float:none !important;
				margin:0 !important;
			}
			
			div#readabilityContainer {margin-left:6px;}
			.figshare{
				ul{
					margin-top:20px;
					li{
						color:@red;
						font-size:14px;
						list-style-type:none;
						list-style-position:inside;
						line-height:110%;
						&:before {
							content:"‣";
							font-family: 'LucidaGrande', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; 
							font-size: 13px; 
							font-stretch: normal; 
							font-style: normal; 
							font-weight: 400; 
							position: relative; 
							top: -1px;
							padding-right:5px;
						}
				}
			}
			ol li{
				list-style-position:inside;
				margin-bottom:10px;
				line-height:150%;
			}
			
			}
			ul{
				.chap;
				font-size:18px;
				li{
					line-height:24px;
					&.current_page_item{
						a{
							color:black;
						}
						ul.children a{
							color:@red;
						}
					}
					ul.children li{
						margin-left:20px;
						font-size:16px;
						line-height:20px;
						&:before {
							content:'\25B8';
							display: block; 
							float: left;
							font-size: 10px;
							color:@gray;
							padding-right: 7px;
						}
					}
				}
			}
		}
	}
}

.alignright {float:right; margin-left:20px !important; clear: right; max-width:40%; }
.alignleft {float:left; margin-right: 20px !important; clear: left; max-width:40%; }
.alignnone {clear:both; margin:10px 0 10px !important;}
.aligncenter {
	margin: 10px auto 10px;
	img {margin-bottom: 0 !important;}  
}


/* Comments */

#dsq-content a { font-size:12px;}

#disqus_thread {
    margin-bottom: 10px;
    margin-top: 20px;
	clear:both;
}

#dsq0{
	display:none;
}

.dsq-comment-header {
    background:none !important;
	 font-size:14px; font-weight:600; color:@red;
    border: none !important;
    border-radius:0 !important;
	padding:0  !important;
    line-height: 17px;
    }
div.dsq-avatar img {margin:0 !important;}

div.dsq-comment-body {.border-b;}

div#dsq-sort-by select#dsq-sort-select {font-size:12px; color:@gray;}


/* Sprite */

.embed-button {clear:both; display:block; float:left; margin-bottom:10px; .chap;
	span{font-size:18px; margin:0px 4px 0 -4px; display:block; color:@red; float:left; }
}



/* Footer */

.home footer#footer, .archive footer#footer {display:block;}
footer#footer {clear:both; width:90%; margin:30px auto; padding:20px 0; height:60px; font-size:14px; border-top:solid 1px @black;
	span {display:block; float:left; padding:0 30px;}
	ul li {display:block; float:left; margin-right:10px; a:link, a:visited, a:hover {.chap; }
		&:nth-child(2), &:nth-child(3) {a {.caps;}}
	}
	ul li.apilist {display:block; float:right;
		a, span {display:block; float:left; padding:0;}
		a {margin-top:-10px;}
		
		}
	
}

/* Breaking Point 1243px ----------- */
@media only screen
and (max-width : 890px) {
	header nav {
		float: left;
		padding-left:33px;
	}
}

/* Smartphones both SMALL and LARGE ----------- */
@media only screen
and (max-width : 320px),
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	#page-wrap{
		padding:0px;
		p{
		font-family: Arial, Helvetica, sans-serif;
		}
	}
	#grid, header #logo{
		padding-left:12px;
	}
	
	#grid article{
		font-family: Arial, Helvetica, sans-serif;
	}
	
	header #logo{
		font-size:36px;
	}

	header nav{
		padding-left:0px;
	}
	header nav form#searchform div .search{
		background-position:10px -68px;
	}
	
	/*
	body.single div#page-wrap article, body.page div#page-wrap article, .single div#page-wrap aside, .page div#page-wrap aside, .error404 div#page-wrap aside, .search div#page-wrap aside {
		float: none;
		max-width:90%;
		min-width:90%;
		padding-left:12px;
	}

	.single div#page-wrap aside, .page div#page-wrap aside, .error404 div#page-wrap aside, .search div#page-wrap aside{
		margin:0px;
	}
	*/
	
	footer#footer span {
    display: block;
    float: left;
    padding: 0 5px;
	}

	footer#footer ul li {
		float: none;
	}

	footer#footer ul li.apilist {
		float: left;
		span{
			display:block;
			float:none;
			margin-bottom:5px;
		}
	}

}


/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	
	 .search{position: absolute; right: 4px; top: -4px; width:18px;height:25px;background-position:8px -68px !important; border:none; background-color:transparent; z-index:1; }
	 .search:hover{width:18px;height:25px;background-position:-8px -68px;}	
	 
}

/* All Devices */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px) {
	header{
		position:absolute;
	}
}


/**** Transitions ****/

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}