/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	
	body {	
	font-family:  Helvetica, Arial, sans-serif;
	background: url("../paper.png");
	font-size: 16px;
	}
	
	.container {
	}
	
	img.float-right
	{
		float: right;
		margin: 10px 0px 20px 20px;
	}
	
	#back
	{
		position: absolute;
		top: 0px;
		left: 0px;
		background: url("../header.png") repeat-x;
		width: 100%;
		margin: 0px;
		padding: 0px;
		height: 100%;
		z-index: -1;
	}
	
	.header
	{
		margin: 20px 0px 15px 0px;
		height: 72px;
		font-weight: normal;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #fff;
	}
	
		.header h1
		{
			font-size: 4em;
			letter-spacing: -2px;
			font-weight: normal;
			line-height: normal;
		}
		
		.header p
		{
			
			line-height: normal;
		}
	
	.spacing
	{
		margin: 40px 0px 0px 0px;
	}
	
	ul.nav
	{
		
	}
	
		ul.nav li
		{
			display: block;
			margin: 5px 10px 0px 5px;
			padding: 5px 10px 12px 10px;
			height: 11px;
			-webkit-border-top-right-radius:6px;
			-webkit-border-top-left-radius:6px;
			background: url("../paper.png");
			font-size: 14px;
			list-style: none;
			width: auto;
			float: left;
		}
	
		ul.nav li a
		{
			color: #555;
			text-decoration: none;
		}

		ul
		{
			list-style: none;
		}

		a
		{
			color: #149be3;
		}

		.blogpost
		{
			margin: 0px 0px 40px 0px;
			display: block;
		}
			
			h2, h3, h4, h5
			{
				color: #555;
			}
			
			h2, h3
			{
				margin: 0px 0px 20px 0px;
				font-size: 1.8em;
			}
			
			.blogpost h1
			{
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				color: #555;
				line-height: 1.2em;
				font-size: 1.8em;
				margin: 0px 0px 20px 0px;
			}
			
			.blogpost h1 a
			{
				color: inherit;
				text-decoration: none;
			}
			
			p
			{
				margin: 0px 0px 20px 0px;
				line-height:1.5em;
				color: #333;
			}
			
				.blogpost .footer
				{
					margin: 10px 0px 0px 0px;
					font-size: 0.8em;
					border-top: 1px solid #eee;
					border-bottom: 1px solid #eee;
					padding: 10px 0px 10px 0px;
					margin: 20px 0px 0px 0px;
				}
				
				.blogpost .date
				{
					position: relative;
				}


/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

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


	.header h1 {
		font-size: 45px;
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

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

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

}