@charset "UTF-8";
/* CSS Document */


/*******************************************************************/
/*                                                                 */
/*                          Tablet Styles                          */
/*                                                                 */
/*                                                                 */
/*******************************************************************/


/* For tablets larger than 550px (excludes iPhone4 in landscape) and smaller than 1000 pixels (desktops and iPad in landscape) ********************/



	/* Tagline ***************************************************************************/
	
	#message { background-image: url('images/tagline-400.png'); height: 259px }
		#tagline a { float: none; text-align: center; display: block }
	
	
	/* Homepage sections ******************************************************************/
	
	.home #design { width: 55%; max-width: 550px; float: left; clear: none; background: none; padding-bottom: 0 }
	.home #writing { width: 35%; max-width: 350px; margin-top: 3.6em; float: right; clear: none }
	
	
	/* Homepage more links ********************************************************/
	.home .more { background: url('images/grey-hr.png') 0% 50% repeat-x; margin-top: 1.6em /*16px*/ }
	.home .more a { background: #fff url('images/more-circle.png') 0% 50% no-repeat; padding: 23px 10px 23px 54px; color: #555; margin-left: 0 }
	.home .more a img { display: none }
	
	#page-nav { height: 46px; background: url('images/go-circle.png') 50% 50% no-repeat; margin: 0 auto 1.6em /*16px*/; float: none; clear: both; width: 250px }
		#page-nav a { margin-top: 8px; }
	
	
	/* Writing Page **********************************************************************/
	
	#subhead #title h1 { display: inline; float: left; margin: 0 20px 0 8px }
	#subhead #title p { float: left }
	
	.writing #entries { width: 100%; position: relative }
	
	.writing .entry { width: 42%; margin-left: 5%; float: left }
		.writing .entry:nth-child(2n+1) { margin-left: 0 }
	
	.writing .entry h2 { height: 2.16em /*56px*/; overflow: hidden }
	.writing .entry p { height: 6.16em /*80px*/; overflow: hidden }
		.writing .entry p.date { height: auto; overflow: auto }


	/* Design Page **************************************************************/

	.design #subhead { margin-bottom: 3.2em /*32px*/ }
		.design #subhead #title { float: left; width: 60% }
			.design #subhead #title p { margin-top: 3px }

	.design #subhead #nav { text-align: left; float: left; clear: none; width: 40%; margin-top: 0 }
	.design #subhead #nav h2 { float: left; display: inline; background: url('images/blue-circle-15x15.png') 0% 50% no-repeat, url('images/blue-circle-15x15.png') 100% 50% no-repeat; padding: 0 23px }
	
		.design #subhead #nav a { display: block; float: left; clear: left; padding-left: 23px;
			background: url('images/arrow-grey-6x7.png') 100% 40% no-repeat; padding-right: 13px }

	.design .entry { width: 45%; max-width: 250px; float: left; margin: 0 2.5%; height: 34em /*272px*/; text-align: left }

	.design #page-nav { clear: both; margin-top: 0 }
	
	
	/* Single Page ***********************************************************/
	
	.single h1 { background: none; padding-bottom: 0; font-size: 6.0em /*60px*/ }
	
	.single .article { width: 63%; padding-right: 4%; border-right: 1px solid #d7d4ce }
	.single .sidebar { display: block; float: right; width: 30%; max-width: 300px; padding: 0 8px }
	
		.single .sidebar h3 { 
			font-family: 'proxima-nova-extra-condensed-1','proxima-nova-extra-condensed-2', Arial, Helvetica, sans-serif;
			font-size: 2.1em /*21px*/; line-height: 1.14em /*24px*/; text-transform: uppercase; color: #333 }
		.single .sidebar p { font-family: 'proxima-nova-1','proxima-nova-2', Arial, Helvetica, sans-serif; font-size: 1.3em /*13px*/; line-height: 1.23em /*16px*/; color: #666; margin-bottom: 1.23em }
			.single .sidebar p a { color: #666; text-decoration: none }
		
		.single .sidebar a.comments { display: block; font-family: 'proxima-nova-1','proxima-nova-2', Arial, Helvetica, sans-serif; font-size: 1.3em /*13px*/; line-height: 1.23em /*16px*/; color: #b05c0a; text-decoration: none;
			padding: 1.64em /*16px*/ 0; border-top: 1px solid #d5d1ca; border-bottom: 1px solid #d5d1ca; margin-bottom: 1.64em /*16px*/ }
		
		.single .sidebar #sidebar-tagline a { font-family: 'proxima-nova-1','proxima-nova-2', Arial, Helvetica, sans-serif; font-size: 1.6em /*16px*/; color: #666 }
			.single .sidebar #sidebar-tagline a img { margin-bottom: 0.5em /*8px*/ }
	
	
	/* Footer **********************************************************************/
	
	#footer .section { width: 42%; float: left; clear: none; margin-right: 0; margin-right: 5% }