/*	Less Framework 3
	by Joni Korpi
	http://lessframework.com	*/


/*	Resets
	------	*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/*	Default 8-column layout
	60 px columns, 24 px gutters, 60 px margins, 768 px total
	---------------------------------------------------------
	1     2      3      4      5      6      7      8     
	60px  144px  228px  312px  396px  480px  564px  648px	*/

#if-logged-in {
	position: relative;
	width: 100%;
	height: 24px;
	line-height: 24px;
	background: #000;
	color: #aaa;
	font-size: 10px;
	z-index: 1000;
}
	#if-logged-in .container {
		padding-top: 0;
		padding-bottom: 0;
	}
	#if-logged-in p {
		margin: 0;
	}
	#if-logged-in a:link,
	#if-logged-in a:visited {
		color: #fff;
		text-decoration: none;
	}
	#if-logged-in a:hover {
		text-decoration: underline;
	}
	#if-logged-in a:active {
		text-decoration: underline;
		margin-bottom: -1px;
	}




::selection {
	background: #c6d8cd;
}
::-moz-selection {
	background: #c6d8cd;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}



/*	13-column layout
	60 px columns, 24 px gutters, 72 px margins, 1212 px total (extra space for scrollbars)
	---------------------------------------------------------------------------------------
	1     2      3      4      5      6      7      8      9      10     11     12     13
	60px  144px  228px  312px  396px  480px  564px  648px  732px  816px  900px  984px  1068px	*/

@media only screen and (min-width: 1112px) {
	
	.container {
		padding: 72px;
		width: 1068px;
	}
	#header .container {
		width: 1108px;
		padding-left: 0;
		padding-right: 0;
	}
		#header-image img {
			width: 1068px;
			height: 300px;
			margin-left: 0;
		}
		#content {
			width: 608px; /* 8 columns */
		}
		#sidebar {
			width: 356px; /* 5 columns */
		}
		
}


/*	5-column layout
	60 px columns, 24 px gutters, 42 px margins, 480 px total
	---------------------------------------------------------
	1     2      3      4      5
	60px  144px  228px  312px  396px	*/

@media only screen and (max-width: 768px) and (min-width: 480px) {
	
	.container {
		padding: 0 42px;
		width: 80%;
		-webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */
	}
		#header .container {
			width: 80%;
			padding-left: 0;
			padding-right: 0;
		}
			
		#content {
			width: 376px; /* 5 columns */
			float: none;
			padding: 10px;
		}
		#sidebar {
			width: 376px; /* 5 columns */
			float: none;
			padding: 10px;
		}
	
	.gigantic {
		font-size: 68px;
		line-height: 72px;
		letter-spacing: -2px;
	}
	
	.huge,
	h1 {
		font-size: 42px;
		line-height: 48px;
		letter-spacing: -1px;
	}
	
	.large,
	h2 {
		font-size: 26px;
		line-height: 36px;
	}
	
	.big,
	h3,
	#post-single h2 {
		font-size: 16px;
		line-height: 25px;
	}
	
	.normal,
	body,
	#post-single h3 {
		font-size: 13px;
		line-height: 18px;
	}
	
	.small {
		font-size: 11px;
		line-height: 16px;
	}
	
}


/*	3-column layout
	60 px columns, 24 px gutters, 46 px margins, 320 px total
	---------------------------------------------------------
	1     2      3
	60px  144px  228px	*/

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

	#if-logged-in {
		height: 40px;
		line-height: 20px;
	}
		#if-logged-in .right {
			float: left;
			clear: left;
		}
	
	.container {
		padding: 0 46px;
		width: 80%;
		-webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */
	}
	
	#header .container {
		width: 80%;
		padding-left: 0;
		padding-right: 0;
	}
	
		#content {
			padding: 10px;
			width: 208px; /* 3 columns */
			float: none;
		}
		#sidebar {
			padding: 10px;
			width: 208px; /* 3 columns */
			float: none;
		}
	
	.gigantic {
		font-size: 68px;
		line-height: 72px;
		letter-spacing: -2px;
	}
	
	.huge,
	h1 {
		font-size: 42px;
		line-height: 48px;
		letter-spacing: -1px;
	}
	
	.large,
	h2 {
		font-size: 26px;
		line-height: 36px;
	}
	
	.big,
	h3,
	#post-single h2 {
		font-size: 16px;
		line-height: 25px;
	}
	
	.normal,
	body,
	#post-single h3 {
		font-size: 11px;
		line-height: 16px;
	}
	
	.small {
		font-size: 11px;
		line-height: 16px;
	}
	
}

/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}