@import "_inc/css_elements.less";
/************************************************************************/
/**	CSS RESET - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded
/************************************************************************/
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}

/************************************************************************/
/**	typographic SCALE
/************************************************************************/
@xxs: 		.625em; 	/* 10/16 */
@xs: 		.75em; 		/* 12/16 */
@small: 	.875em; 	/* 14/16 */
@medium: 	1em; 		/* 16/16 */
@large: 	1.125em; 	/* 18/16 */
@xl: 		1.3125em; 	/* 21/16 */
@xxl:		1.5em; 		/* 24/16 */
@xxxl: 		2.25em;	 	/* 36/16 */

/************************************************************************/
/**	typographic ELEMENTS
/************************************************************************/
@sans: 			futura-pt, Helvetica, arial, sans-serif;
@fancy:			Baskerville, Palatino, Constantia, serif;

@dark:			#111;
@mid:			lighten(@dark, 		25%);
@light:			lighten(@mid, 		20%);
@lighter:		lighten(@light, 	15%);
@lightest:		lighten(@lighter,	10%);

@highlight:		#faec73;
@faded: 		#ebebeb;

/************************************************************************/
/**	typographic STYLES
/************************************************************************/
.main-title {
	font-size: @xxxl;
	color: @dark;
	font-weight: 500;		/* Medium */
	padding-left: 3px; 
}

.section-heading {
	font-size: @small;
	color: @light;
	font-family: @sans;
	font-style: italic;
	font-weight: 300;		/* Light */
}

.story-heading {
	font-size: @xxl;
	color: @mid;
	font-family: @sans;
	font-weight: 300;		/* Light */
}

.story-sub-heading {
	font-size: @medium;
	color: @mid;
	font-family: @sans;
	font-weight: 300;		/* Light */
}


.body-copy {
	font-size: @medium;
	color: @mid;
	font-family: @sans;
	font-weight: 400;		/* Book */
}

.mouseprint {
	font-size: @xs;
	color: @mid;
	font-family: @sans;
	font-style: italic;
	font-weight: 400;		/* Book */
}

/************************************************************************/
/**	GLOBAL content
/************************************************************************/
body {
	font-family: @sans;
	font-size: @medium;
	line-height: 1.6;
	color: @dark;
/* 	background: url('_images/bg.white_carbon.gif'); */
}

a {
	color: inherit;
	background: @highlight;
 	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	background: @faded;
}

a:focus {
 	text-decoration: underline;
}

abbr.amp {
    font-family: @fancy;
    text-decoration: none;
}

b,
strong {
	font-weight: bold;
}

blockquote {
	padding: 2.6em 0 0 1em;
	margin-bottom: 1em; 
	background: url('_images/quotes.png')1em 1em no-repeat;
	border-left: 1px solid @lighter;
}

i,
em {
	font-style: italic;
}

p {
	padding-bottom: 1.6em; 
}

.tcenter {text-align:center}
.tright {text-align:right}
.light {color:@light}
.lighter {color:@lighter}
.lightest {color:@lightest}

.ease-static {
	opacity: .333;
	background: none;
	.transition(.2s, ease);
}

.ease-hover {
	opacity: 1;
	text-decoration: none;
	.transition(.4s, ease);
}

/************************************************************************/
/**	HEADER
/************************************************************************/
.header {

	margin: 2.56em 0 2.56em 0;

	h1, 
	h2 {
		.main-title;
		
		a {
			background: none;
		}
	}
	
	h1 a:hover, 
	h2 a:hover {
		text-decoration: none;
	}

	hr {
		padding-top: 1.6em;
		clear: both;
		border: 0;
		border-bottom: 1px solid @dark;
	}
	
	.wm-logo {
		.ease-static;
		background: none;
	}
	
	.wm-logo:hover {
		.ease-hover;
		text-decoration: none;
	}
	
	.wm-logo:visited {
		.ease-static;
		background: none;
	}
}	

/************************************************************************/
/**	CONTENT	
/************************************************************************/
.section_title {
	.section-heading;
}

.inter-date, .archive-date {
	.section-heading;
	text-align: center;
	margin-bottom: 5em;
	padding: 0;
	line-height: .77;
	display: none;
}

.archive-date {
	.section-heading;
	text-align: left;
	margin-bottom: 1.6em;
}

.post, .page {
	.body-copy;
	margin-bottom: 3.333em;
	
	h1,h2 {
		font-size: @xxl;
		padding: 0 0 .8em .025em;
	}
	
	h2 a.tweet {
		font-size: @xs;
	}
	
	.bookmark {
		font-size: @xxs;
	}
}

.page {
	margin-bottom: 1em;
}

.post-content {

	h2 {
	    font-size: @large;
	}
	
	ul,
	ol {
		margin: -.9em 0 1.6em 2em;
	}

	ul li {
		list-style: disc;
		margin: 0 0 .3em 0;
	}
	
	ol li {
		list-style: decimal;
		margin: 0 0 .3em 0;
	}
}
	
.return {
	.mouseprint;
	border-top: 1px solid @lightest;
}

a.post-edit-link {
	.mouseprint;
	background: none;
	line-height: 0;
	padding: 1em 1em 1em 0;
	position: absolute;
}

.archive .archive-date {
	margin: 3em 0 .6em 0;
}

.archive li {
	list-style: disc;
}

input, textarea {
	width: 66%;
}

/************************************************************************/
/**	PINBOARD
/************************************************************************/
.pin-tag { 
	display: none;
}

/************************************************************************/
/**	NAVIGATION, MENUS & PAGINATION
/************************************************************************/
#menu-main {
	padding: 0;
	text-transform: uppercase;
	font-variant: small-caps;
	letter-spacing: .0512em;
	
	li {
		display: inline;
		padding: 0;
		margin: 0 .5em 0 0;
	}
}

.footer {
	.mouseprint;
	padding: 8em 0 3em;
	text-align: center;
	line-height: 2.5;

	.menu {
		display: inline;
		padding: 0;
		
		li {
			display: inline;
			margin: 0 .25em 0 0;
		}
	}
}


.cc_badge img {
	margin-bottom: -4px;
}

a.cc_badge {
	background: transparent;
}

#menu-else {
	padding: 0;
}

#menu-else li, .rss {
	padding: 0 0 1em 0;
	line-height: 33px;
}

#menu-else li a img, a.rss img {
	float: left;
	padding: 0 .5em 0 0;
	line-height: 0;
}


#menu-else li a, #menu-else li a:visited  {
	border: none;
	.ease-static;
}

#menu-else li a:hover, #menu-else li a:focus, a.rss:focus  {
	.ease-hover;
}

/************************************************************************/
/**	NETBOOKS AND TABLETS	
/************************************************************************/
@media only screen and (max-width: 1023px) {
	body {
		
	}
}

/************************************************************************/
/**	MOBILE	
/************************************************************************/
@media handheld, only screen and (max-width: 767px) {

	body {
		font-size: @small;
		line-height: 1.3;
	}
	
	.container {
		padding-left: 0;
		padding-right: 0;
	}
	
	.headerhr {
		padding: 0 0 1.25em 0;
	}
	
	.mobile-kill {
		display: none;
	}

}

/************************************************************************/
/**	iPHONE 4 ASSETS	
/************************************************************************/
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}

/************************************************************************/
/**	CLEARFIX - http://www.webtoolkit.info/css-clearfix.html
/************************************************************************/
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}

/************************************************************************/
/**	KILL WORDPRESS STATS SMILEY WIHTOUT SCREWING UP YOUR STAT TRACKING
/************************************************************************/
img#wpstats{display:none}

/************************************************************************/
/** WP-Paginate - WordPress Pagination Function
 	Revision: $Id: wp-paginate.css 286636 2010-09-08 00:11:23Z emartin24 $
 	Copyright (c) 2010 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
/************************************************************************/
.wp-paginate {color: inherit; display:inline;}
.wp-paginate li {color: inherit; display:inline; list-style:none;}
.wp-paginate a {color: inherit; background: @highlight; border: 0; margin-right:4px; padding:0 3px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background: @highlight; text-decoration: underline; color: inherit;}
.wp-paginate .title {color: inherit; margin-right:4px;}
.wp-paginate .gap {margin-right:4px;}
.wp-paginate .current {color:#fff; background:#000; border: 0; margin-right:4px; padding:0 3px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}