@import url(http://fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic);
	
/* --- STRUCTURE --- */

	a:hover { text-decoration: none; }

	body { background: #FFF; margin: 0 auto; width: 100%; }
	
	#content { float: left; width: 640px; overflow: hidden; }
	
	#sidebar { float: right; width: 300px; overflow: hidden; }
	
	#page-bottom { clear: both; margin-top: 3em; font-weight: 300; }


/* --- TYPE --- */

	#content blockquote, #content li, #content p { font-family: 'Georgia', 'Times New Roman', serif; font-size: 13.5pt; line-height: 160%; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; }
	
	#content blockquote { color: #333; }
	
	#content * sub, #content * sup { font-size: 9pt !important; line-height: 100%; }

	.footnotes li, #footnotes li { font-family: 'Lato', sans-serif !important; font-size: 11pt !important; width: 80%; }


/* --- ICONS --- */

	#content a .fa { color: #333; }

	.ae-icon { border-radius: 4px; display: inline-block; margin: 0 2px; opacity: 0.8; position: relative; top: 3px; width: 16px; height: 16px; }

	.menu-icon { border-radius: 3px; border: #888 1px solid; display: inline-block; height: 16px; margin-right: 4px; position: relative; top: 3px; width: 16px; }

	.fa-facebook-square { color: #3B5998 !important; }
	.fa-google-plus-square { color: #C63D2D !important; }
	.fa-linkedin-square { color: #007bb5 !important; }
	.fa-rss-square { color: #FA9B39 !important; }
	.fa-tumblr-square { color: #34526F !important; }
	.fa-twitter-square { color: #00A0D1 !important; }
	.fa-vimeo-square { color: #44BBFF !important; }
	.fa-youtube-square { color: #B00 !important; }

		
/* --- HEADER --- */

	#page-top { background: #333; font-family: 'Lato', sans-serif; color: white; padding: 0; }
		
	#page-top * a { color: white; text-decoration: none; }
	
	#page-top * a:hover { text-decoration: underline; }
	
	#page-top h1 { background: -webkit-linear-gradient(top, #000 0%, #333 100%); font-size: 26pt; font-weight: 400; letter-spacing: -1px; margin: 0; padding: 12px 0 0 8px; }
	
	#page-top p { font-size: 11pt; font-weight: 300; line-height: 140%; margin-right: 48px; }

	#page-top p a { font-weight: 400; text-decoration: underline; white-space: nowrap; }

	#page-top p a:hover { text-decoration: none; }

	#page-top-social { float: right; margin: 8px 8px 0 24px; }

	#page-top-social a { display: inline-block; opacity: 0.9; }

	#page-top-social a:hover { opacity: 1; }

	#page-top-social i { font-size: 32px; }			

	#page-top-social i.fa-stack-1x { font-size: 22px; position: relative; top: 1px; }

	#profile-pic { border: #FFF 4px solid; box-shadow: #000 2px 2px 4px; float: left; height: 148px; margin: 8px 16px 8px 8px; padding: 0; width: 148px; }
	
	#menu { background: -webkit-linear-gradient(top, #333 0%, #000 100%); padding: 5px 0 8px 4px; margin: 0; }

	#menu li { border: #222 1px solid; border-radius: 6px; display: inline-block; font-size: 11pt; font-weight: 300; list-style: none; margin: 0 4px 0 0; padding: 8px; width: 132px; }
	
	#menu li ul { display: none; }
	
	#menu li .fa { margin-right: 4px; }
	
	#menu li:hover ul { background: #000; border: #222 1px solid; border-top: 0; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; display: block; margin: 0 -4px 0 -5px; padding: 4px; position: absolute;  }
		
	#menu li:hover ul li { display: block; border: 0; border-radius: 0; font-size: 11pt; margin: 0; padding: 8px 0 8px 4px; width: 132px; }
	
	#menu li:hover ul li + li { border-top: #CCC 1px dotted; }
				
	#page-top-photos { margin: 0; overflow: hidden; padding: 0 4px; white-space: nowrap; }
	
	#page-top-photos img { border: #333 4px solid; height: 120px; margin: 0; }

	#flickr-badge { border-right: #333 4px solid; overflow: hidden; overflow-x:-webkit-marquee; -webkit-marquee-direction: forwards; -webkit-marquee-style: alternate; -webkit-marquee-speed: normal; -webkit-marquee-increment: small; -webkit-marquee-repetition: 3; overflow-x: marquee-line; marquee-direction: forward; marquee-style: alternate; marquee-speed: normal; marquee-play-count: 3; }

	#flickr-badge * { display: inline; width: auto; }
	
	#header-social { float: right; height: 28px; margin: 0; padding: 0; position: relative; top: 17px; right: 8px; }
	
	#header-social li { display: inline; list-style: none; margin: 0; padding: 0; }
	
	#header-social li img { height: 28px; opacity: 0.88; width: 28px; }
	
	#header-social li:hover img { opacity: 1; box-shadow: #000 1px 1px 1px; }
			

/* --- SIDEBAR --- */


	#sidebar { font-family: 'Lato', sans-serif; font-weight: 400; overflow: visible; }

	#sidebar a {  }

	#sidebar h3 { border-bottom: #222 2px solid; color: #333; font-size: 16pt; font-weight: 400; margin-top: 2em; }

	#sidebar li { list-style: none; margin: 12px 0; padding: 0; }

	#sidebar li, #sidebar p { font-size: 12pt; line-height: 160%; }
	
	#sidebar p { font-weight: 300; }
	
	#sidebar p a { font-weight: 400; }
	
	#sidebar ul { margin: 0 0 16px 0; padding: 0; }
	
	#sidebar .fa { color: #333; }
	
	#sidebar .fa-1x { margin: 0 3px; }
	
	#search input[type='text'] { border: #888 1px solid; border-radius: 4px; font-size: larger; padding: 4px; width: 290px; }
		
	#browse { line-height: 180%; margin-bottom: 3em; }
	
	#browse select { font-size: larger; margin: 0.25em 0; width: 100%; }
	
	#ad-google { height: 600px; margin: 2em 0 0 0; width: 300px; }
	
	.ad-other { display: block; height: 250px; margin: 2em 0 0 0; width: 300px; }
	
	#ecdysis-sidebar { box-shadow: #BBB -4px 4px 4px; }
	
	.elsewhere li { font-weight: 300; }
	
	.elsewhere li a { font-weight: 400; }
		
	.highlights { border: 0; display: block; height: 200px; margin: 2em 0 0 0; width: 300px; }

	#netgalley-badges { margin: 16px auto; }
	
	#recent-book-reviews a { font-style: italic; }

	#sidebar-about img { float: right; width: 88px; height: 88px; margin: 6px 0 0 12px; }
	
	#sidebar-twitter { margin: 2em 0; width: 300px; height: 600px; }


/* --- CONTENT STRUCTURE --- */

	#content { margin-bottom: 3em; }

	#content h1, #content h2, #content h3 { color: #333; font-family: 'Lato', sans-serif; font-weight: 400; }
	
	#content h1 { font-size: 28pt; font-weight: 400; letter-spacing: -1px; margin-top: 48px; text-rendering: optimizeLegibility; }
	
	#content h2 + h1 { margin-top: 0; }

	#content h1 a , #content h2 a { color: #333; text-decoration: none; }
	
	#content h1 a:hover, #content h2 a:hover { text-decoration: underline; }
	
	#content h2 { font-size: 20pt; line-height: 160%; margin: 1.5em 0 1em 0; }
	
	#content h2.section-title { font-size: 13.5pt; font-style: normal; font-weight: 400 !important; margin: 32px 0; padding-top: 10px; padding-left: 42px; text-indent: -42px; }
	
	#content h2.section-title .subcategory { margin-left: 84px; }
	
	#content h3 { font-size: 18pt; margin: 1.5em 0 1em 0; }
	
	#content dd { line-height: 160%; margin: 0; padding: 0; }
	
	#content dt { line-height: 160%; margin: 0; padding: 0; }
	
	#content dd + dt { margin-top: 1em; }
	
	#content dl { margin: 1em 0; }
	
	#content figure { display: block; margin: 2em 0; }
	
	#older { margin: 0 0 3em 0; padding: 0; }

	#older cite { font-weight: 400; }

	#older li { font-family: 'Lato', sans-serif; font-size: 12pt; font-style: italic; font-weight: 300; line-height: 24px; list-style: none; margin: 0 0 12px 0; padding: 0; }

	#older li a { font-style: normal; font-weight: 400; margin-right: 6px; }
	

/* --- ARCHIVES --- */
	
	.blog-archives { margin-bottom: 3em; }

	.blog-archives li { font-family: 'Lato', sans-serif !important; font-size: 13pt !important; font-weight: 300; line-height: 180%; list-style: none; margin: 0; padding: 0; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none; }

	.blog-archives li a { font-weight: 400; }
	
	#archives-monthly p { clear: both; }

	#archives-monthly ul { margin: 0; padding: 0; }
	
	#archives-monthly ul li { font-weight: 400; float: left; width: 116px; margin: 0 12px 32px 0; }
		
	#archives-monthly ul li ul li { font-weight: 300; text-align: right; margin-bottom: 3px; }
	
	#archives-monthly ul li ul li a { float: left; }

	#archives-monthly-older { display: none; visibility: hidden; }

	#archives-category { clear: left; }
	
	#archives-category *, #archives-monthly * {  }
	
	#archives-category li { line-height: 180%; }
	
	#archives-category ul { margin: 0; padding: 0; -moz-columns: 2; -webkit-columns: 2; columns: 2; }
	
	#archives-category ul li ul { margin: 0 0 0 24px; -moz-columns: 1; -webkit-columns: 1; columns: 1; }
	
	#archives-category ul li ul li:before { content: "↳ "; }


/* --- ARTICLES --- */
	
	#articles-list, #articles-toc { font-family: 'Lato', sans-serif; }
	
	#articles-list { margin-bottom: 32px !important; }
	
	#articles-list dd, #articles-toc dd { font-size: 12pt; font-weight: 300; }
	
	#articles-list dd { margin-top: 4px; }
		
	#articles-list dd + dt { margin-top: 32px; }
	
	#articles-list dt a, #articles-toc dt a { font-size: 16pt !important; font-weight: 400; }
	
	#articles-toc { border: #BBB 1px solid; border-radius: 8px; margin-bottom: 3em !important; padding: 16px; columns: 2; -webkit-columns: 2; -moz-columns: 2; }


/* --- BLOG POSTS --- */
	
	.affiliate-links { margin-top: 2em; }

	.affiliate-links a { background: #F5F5F5; border: rgba(0,0,0,0.6) 1px solid; border-radius: 16px; color: rgba(0,0,0,0.6); display: inline-block; font-family: 'Lato', sans-serif; font-size: 10pt; letter-spacing: 1px; margin-right: 4px; padding: 4px 12px; text-decoration: none; text-transform: uppercase; }

	.affiliate-links a:hover { background: #FFF; border-color: #000; color: #000; }

	.blog-entry { margin-bottom: 56px; }
	
	.blog-entry h1 { margin-top: 0 !important; margin: 0; padding: 0; }
	
	.blog-entry-footer { font-family: 'Lato', sans-serif !important; font-size: 12pt !important; font-style: italic; font-weight: 300; margin: 9px 0 18px 0; }
	
	.blog-entry-footer a { white-space: nowrap; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none; }
	
	.blog-entry-footer cite { font-weight: 400; }
	
	.blog-entry-more { font-style: italic; }
	
	.blog-entry-more a:after { content: " →"; }

	.blog-entry-share { font-family: 'Lato', sans-serif; font-size: 12.5pt; font-style: italic; font-weight: 300; line-height: 160%; margin: 48px 0 32px 0; text-align: center; }

	.blog-entry-share .fa  { font-size: 32pt; margin: 0 2px; }

	.blog-entry-share .fa:hover { color: #333 !important; }		
		
	.blog-entry-facebook iframe { height: 62px !important; position: relative; top: 1px; }

	.blog-entry-googleplus { margin-left: 4px; margin-right: 7px; }
	
	.blog-entry-table { font-family: 'Lato', sans-serif; margin: 2em 0; }
	
	.blog-entry-table caption { caption-side: bottom; font-style: italic; font-weight: 400; margin-top: 1em; text-align: left;  }
	
	.blog-entry-table td { font-size: 11pt; font-weight: 300; line-height: 160% !important; padding: 8px 1.5em 0 0; text-align: left; }
	
	.blog-entry-table td b { font-weight: 400 !important; }
	
	.blog-entry-table th { border-bottom: #333 2px solid; font-size: 11pt; font-weight: 400; padding: 0 1.5em 8px 0; text-align: left; }
	
	.blog-entry-table-numbers td + td, .blog-entry-table-numbers th + th { text-align: right !important; }

	#blog-nav { clear: both; font-family: 'Lato', sans-serif !important; font-size: 13pt; font-style: italic; font-weight: 300; text-align: center; }
	
	#blog-nav a { font-weight: 400; }

	#comments { margin-top: 6em; }
	
	#comments-footer { font-size: 11pt !important; font-weight: 300 !important; }

		
/* --- CONTENT IN BLOG POSTS AND ARTICLES --- */
	
	figure { }
	
	figcaption, .book-data *, #comments-footer, #page-bottom p { font-family: 'Lato', sans-serif !important; font-weight: 400 !important; }

	figcaption { font-style: italic; margin: 0; padding: 0; }

	.bibliography { margin: 1.5em 0; }
	
	.bibliography p { font-size: smaller; margin: 0.5em 0 0.5em 42px; text-indent: -42px; }
	
	.book-data { border-left: #888 1px solid; margin: 1.5em 0; padding: 0 0 0 0.75em; }
	
	.book-catalog { border: 0; margin: 0; padding: 0; }
	
	.book-catalog li { clear: both; font-size: 12pt; list-style: none; margin: 1.5em 0 1.5em; padding: 1.5em 0; }

	.book-catalog li cite { font-size: 14pt; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none; }
	
	.book-catalog li img { box-shadow: #BBB 4px 4px 4px; float: right; height: auto; margin: 0 0 24px 24px; max-height: 240px; max-width: 240px; }
	
	.book-data { border-left: #BBB 3px solid; margin-top: 2em; }
	
	.book-data cite { font-size: 14pt !important; font-style: normal; font-weight: 400 !important; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none; }
	
	.book-data p { font-size: 12××pt !important; }

	.buy-amazon { background: #F90; border-radius: 8px; box-shadow: #AAA 2px 2px 4px; color: #FFF; display: inline-block; margin: 8px 0 0 0; font-family: 'Lato', sans-serif; font-size: 12pt !important; font-weight: 300; line-height: 100%; padding: 8px 8px;  }
	
	.buy-amazon a, .buy-amazon .fa-amazon { color: #FFF !important; font-weight: 400; }
	
	.footnotes li, #footnotes li { margin-bottom: 1em !important; }
	
	.image-cover { box-shadow: #BBB -4px 4px 4px; }
	
	.image-cover, .image-float, .image-float-alpha { float: right; margin: 0.5em 0 1em 2em; }

	.image-inline, .image-inline-alpha { display: block; margin: 2em 0; }	

	.image-inline-pair { margin: 1.5em 0; }
	
	.image-inline-pair img { margin-right: 1em; }
	
	#map { height: 480px; margin: 2em 0; width: 640px; }
	
	.note { font-weight: 300 !important; }
	
	.older-title { border-bottom: #222 2px solid; font-size: 18pt !important; margin: 0 0 24px 0 !important; padding-bottom: 3px; }
	
	.publications-list li { font-size: 9pt; font-weight: 300 !important; }
	
	.publications-list cite { font-style: normal; font-weight: 400; }
	
	#section-nav { margin: 0 0 2em 0; padding: 0; }
	
	#section-nav li { font-family: 'Lato', sans-serif; font-size: 12pt; font-weight: 400; display: inline; list-style: none; padding: 0; margin: 0; white-space: nowrap; }
	
	#section-nav li + li:before { content: " | "; }

	.youtube-hd, .vimeo-hd, .flickr-hd { margin: 1em 0; }


/* --- PAGES --- */

	#about-nav, .about-social li { font-family: 'Lato', sans-serif !important; }	
	#about-nav { font-size: 13pt; font-style: italic; font-weight: 300; margin: 0 0 1.5em 0; }	
	#about-nav a { white-space: nowrap; }
	
	.about-social { margin: 1.5em 0; padding: 0; }	
	.about-social li { display: inline-block; font-size: 12pt !important; list-style: none; margin: 0 6px 6px 0; padding: 0; white-space: nowrap; width: 23%; }	
	.about-social img { height: 24px; margin-right: 8px; vertical-align: middle; width: 24px; }

	#ae-reviews li { margin-bottom: 0.25em; }
	#ae-reviews li a { }
	
	
	#cv-body * { font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif !important; }
	
	#cv-body b, #cv-body dt { font-weight: 400 !important; }
	
	#cv-body h2 { border-top: #888 1px solid; padding-top: 0.5em; }
	
	#cv-body h2, #cv-body h3 { font-weight: 400 !important; margin: 1em 0; }
	
	#cv-body ul { list-style: none; margin: 0; padding: 0; }
	
	#cv-body dt { font-size: 13.5pt; margin: 0 0 -0.25em 0; padding: 0; }
	
	#cv-body dd, #cv-body li, #cv-body p { font-size: 13.5pt !important; font-weight: 300; text-align: justify; }
	
	#cv-body dd, #cv-body li { margin: 0.25em 0; padding: 0; }
			
/* --- FOOTER --- */

	#page-bottom { margin-bottom: 2em; }
	#page-bottom p { font-size: 12pt; }

/* --- WIDESCREEN --- */

	@media (min-width: 1024px) {
	
		body { padding: 0 1em; width: 980px; }
		
	}

	@media (min-width: 1440px) {

		body { width: 1200px; }

		#menu li, #menu li:hover ul li { width: 176px; }

		#content { width: 842px; }
		#content h1 { font-size: 30pt; }
		#content li, #content p { font-size: 14pt; line-height: 167%; }
			
		
		.blog-entry { margin: 0 0 64px 42px; }
		.blog-entry h1, .blog-entry .blog-entry-footer { margin-left: -42px; }
		.blog-entry-footer { font-size: 13pt !important; }

		#archives-monthly-older { display: inline; visibility: visible; }

		#articles-list, #older { margin-left: 42px !important; }
		
		.page-content { margin-left: 42px; }
		.page-content h2, .page-content h3 { margin-left: -42px !important; }

	}


/* --- MOBILE --- */

	@media (max-width: 640px) {
	
		body { width: 100%; }
		
		#page-top { height: 76px; }
		
		#page-top p, #page-top-social { display: none; visibility: hidden; }
		
		#profile-pic { position: absolute; top: 5px; right: 5px; margin: 0; width: 84px; height: 84px; }
		
		#menu li { width: auto; }
		
		#menu li .fa { font-size: 133%; margin-right: 0; }

		#menu li a span { display: none; }
		
		#menu li ul li .fa { font-size: 100%; margin-right: 4px; }
		
		#menu li ul a span { display: inline-block; }
		
		#content, #sidebar, #page-bottom { clear: all; float: none; margin: 0; padding: 0 1em; width: auto; }
		
		#content h1 { font-size: 18pt; }
		
		#content h2 { font-size: 16pt; }
		
		#content h3 { font-size: 14pt; }
		
		#content blockquote, #content li, #content p { font-size: 12pt; }
		
		.about-social li { display: block; width: auto; }
		
		#archives-category ul { columns: 1; -webkit-columns: 1; }
		
		.affiliate-links a { font-size: 8pt; }
		
		.blog-entry { padding-bottom: 32px; }
		
		.blog-entry-footer { font-size: 10pt !important; }
		
		.image-cover { display: block; float: none; margin-left: 0 !important; }
		
		.image-float { }
	
	}