/*	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%}





/*	Typography presets

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



.gigantic {

	font-size: 110px;

	line-height: 120px;

	letter-spacing: -2px;

}



.huge,

h1 {

	font-size: 68px;

	line-height: 72px;

	letter-spacing: -1px;

}



.large,

h2,

#content h1 {

	font-size: 42px;

	line-height: 48px;

}



.big,

h3,

#content h2 {

	font-size: 26px;

	line-height: 26px;

	margin-bottom: 10px;

}



.normal,

body,

#content h3 {

	font: 16px/24px Helvetica Neue, Helvetica, Trebuchet MS, Arial, Verdana, Tahoma, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;

	text-shadow: 1px 1px 1px rgba(0,0,0,.1); -moz-text-shadow: 1px 1px 1px rgba(0,0,0,.1);

}



.small {

	font-size: 13px;

	line-height: 18px;

}



abbr,

acronym{

	border-bottom: 1px dotted;

	cursor: help;

	font-variant: small-caps;

}

address,

cite,

em,

i{

	font-style: italic;

}

a {

	-webkit-transition: color .3s linear;

	-o-transition: color .3s linear;

	-moz-transition: color .3s linear;

	text-decoration: none;

	outline: none;

}

a:active,

a:focus {

	text-decoration: underline;

}



/*	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;

	}





.container {

	padding: 0 60px;

	width: 648px;

	margin: 0 auto;

	overflow: hidden;

	}

	#header-image {

		padding: 0;

		overflow: hidden;

		float: left;

	}

		/* HEADER IMAGE

			full size - 1068x300

			8 column layout resized to 890x250 displayed at 648x250

			5 column layout resized to 534x150 displayed at 396x150

			3 column layout resized to 365x100 displayed at 228x100

		 */

		#header-image img {

			width: 180px;

			height: 180px;

			padding: 0;

		}

		

		#title {

	text-align: right;



}

		

	#content {

		width: 356px; /* 5 columns */

		float: left;

		margin: 0;

		padding: 20px;

		overflow: hidden;

	}

	

	.fullpage-content {

	width: 100%;

}

	

	.featured-thumbnail{

	float: left;

		}

	

	.featured-thumbnail img{

	max-width: 200px;

	height: auto;

		}

	

	.post-content {

	width: 336px;

	float: left;

	margin-bottom: 12px;

	}

	

	.post-meta {

	width: 100%;

	

			clear: both;

			}

			

	.post-meta-grey {

	width: 100%;

	

			clear: both;

			}

	

	#sidebar {

		width: 184px; /* 3 columns */

		float: right;

		margin: 0;

		padding: 20px;

		overflow: hidden;

	}



::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: 1212px) {

	

	.container {

		padding: 0 72px;

		width: 1068px;

	}

		#header-image img {

			width: 180px;

			height: 180px;

			

		}

		

		#header .container {

	height: 222px;

	

}

		

		#title {

	width: 500px;

	float: right;

	}

		

		#content {

	margin-top: 24px;

			width: 608px; /* 8 columns */

		}

		

		.post-content {

	width: 369px;

	float: right;

	margin-bottom: 12px;

	}

		

		

		#sidebar {

	margin-top: 24px;

			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: 767px) and (min-width: 480px) {

	

	.container {

		padding: 0 42px;

		width: 396px;

		-webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */

	}

		#header .container {

			padding-top: 40px;

			padding-bottom: 12px;

		}

			#title {

				height: 60px !important;

				text-align: center;

				width: 100%;

				}

				#tagline {

					line-height: 20px !important;

				}

			#header-image {

				height: 180px !important;

				padding: 0;

				width: 180px;

				float:inherit ;

	margin-right: auto;

	margin-left: auto;

}

				

				#header-image img {

					width: 180px;

										

				}

				

				#nav-primary {

	background-color: transparent;

	

}



		#nav-primary a {

	padding:10px;

    width: 356px;

    background-color: rgba(102,0,102,0.63);

	border-bottom: 1px dotted rgba(255,255,255,0.69);

}



			.featured-thumbnail {

	float: none;

	margin-right: auto;

	margin-left: auto;

}	

				

.post-content {

	width: 359px;

	float: right;

	margin-bottom: 12px;

	}

	

		#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;

	}

	

	#content h2 {

	font-size: 16px;

	line-height: 22px;

	margin-bottom: 10px;

}

	

	.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 24px;

		width: 270px;

		-webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */

	}

		#title {

			height: 60px !important;

		}

			

						

			#tagline {

				line-height: 20px !important;

			}

			

			#header-image {

				height: 180px !important;

				width: 180px;

				padding: 0;

				float:inherit ;

				margin-right: auto;

				margin-left: auto;

				}

			

		#header-image img {

			width: 180px;

			height: 180px;

	

}



		#nav-primary {

	background-color: transparent;

	

}



		#nav-primary a {

	padding:10px;

    width: 230px;

    background-color: rgba(102,0,102,0.63);

	border-bottom: 1px dotted rgba(255,255,255,0.69);

}

		

		#content {

			padding: 10px;

			width: 250px; /* 3 columns */

			float: none;

		}

		

		.post-content {

	width: 240px;

	float: left;

	margin-bottom: 12px;

	}

		.post-meta {

	width: 240px;

}



.post-meta-grey {

	width: 240px;

	}

		

		

		#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;

	}

	

	#content h2 {

	font-size: 16px;

	line-height: 22px;

	margin-bottom: 10px;

}



	

	.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 {

	

	}

	

}