/* 	CURRENT:

	Structure

		#container
			<header>
				<nav>
					.site		
					.blog
			<main>
				#main
			

	Semantic Elements (ones we use) - Per HTML5 - http://www.w3schools.com/html/html5_semantic_elements.asp (Enclosed in <element> and </element>)	
		header
		nav
		section
		article
		footer
		aside
		main
	
	Sections:
		#container
		#header
		#nav
			.site
			.blog
		#main	
		#footer


/*	PROPOSED:		
		Entry Types:
			Standard (e.g. Singles w/o special formatting requirements)
				Standards themselves
			Articles
				Article listings
				Articles themselves
			Quotations
				Quotation listings
				Quotes themselves
			Asides
				Asides listings
				Asides themselves
			Links
				Links listings
				Links themselves

		Structures of each Entry Type
			Standard
				Sections (ID Selectors - #)
				Classes (Classes - .


*/

body {
	margin: 10px auto;
	font-family: serif;
	background: #fff;
	max-width: 725px;
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	box-shadow: 0 2px 10px rgba(0,0,0,0.1); 
}

#header { 
	display: block; 
	/*background: #428bca; */
	background: #fff;
	border-radius: 7px 7px 0 0;
	padding: 5px;
	text-align: center; 
}

#header:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#header a { 
	text-decoration: none;
	color: #999999;
}

#header h1 {
	text-align: center;
	margin: 0;
	font-weight: 300;
	/*font-size: 30px; */
	font-size: 2.0em;
	line-height: 1.25em;
	text-transform: uppercase; 
	color: #999999;
}

#header h2 {
	float: center;
	margin: 0;
	font-weight: 300;
	/*font-size: 15px; */
	font-size: 1.0em;
	line-height: 1.0em;
	/*letter-spacing: 1px; */
	display: inline;
}

#header .nav {
	display: block;
	float: center;
	text-align: center;
	font-weight: 600;
}

#header .nav ul {
	margin: 0;
	list-style-type: none;
	display: inline-table;
}

#header .nav ul li {
	float: left;
	margin-right: 20px;
	display: inline;
}

#header ul li a {
	display: block;
	margin-top: 4px;
	line-height: 22px;
	color: black;
}

#header ul li a:hover { 
	text-decoration: underline;
}

#header .nav-site {
	text-transform: uppercase;
	/* ... no changes vs .nav */
}   

#header .nav-topics ul li a {
	color: darkgray;
}   

#header .nav-post-types ul li a {
	color: darkgray;
}   

#home ul {
	list-style-type: none;
	padding: 0;
}

#home li {
	list-style-type: none;
	text-align: left;
	padding-bottom: 12px;
	font-weight: 600;
}

#home li a {
	/*text-decoration: underline; */
}

#main .nav-blog {
	display: block;
	float: center;
	text-align: center;
}

#main .nav-blog ul {
	margin: 0;
	list-style-type: none;
	display: inline-table;
}

#main .nav-blog ul li {
	float: left;
	margin-right: 20px;
	display: inline;
}

#main .nav-blog ul li a {
	display: block;
	margin-top: 4px;
	line-height: 22px;
	color: lightgreen;
}  

#main {
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	background: #fff;
	/*line-height: 32px; */
	line-height: 1.55em;
	margin: 25px;
	font-size: 18px;
	font-family: 'PT Serif', serif;
	font-weight: 300;
	min-height: 75px;
}

#main h1 {
	margin-top: 0;
	font-size: 40px;
	line-height: 43px;
	font-weight: bold;
}

#main h6 {
	font-size: 10px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#main a {
	color: #00c;
    	color: #0089bc;
	text-decoration: none;
}

#main a:hover {
	text-decoration: underline;
}

#main .endorsement blockquote { 
	font-style: italic;
	border-left: 2px solid #ebedf0;
	padding-left: 15px;
	letter-spacing: -.05em;
	color: #292929;
	/*line-height: 22px; */
}

/*#main .endorsement blockquote p { */
#main .endorsement p {
	font-size: 1.0em;
	margin: 0;
}

/*#main .endorsement blockquote p cite { */ 
#main .endorsement cite { 
	font-style: normal; 
	font-weight: 500; 
	font-size: 0.9em; 
	color: #ec3853;
	display: block; 
	margin-top: 5px;
	margin-left: 0px; 
	letter-spacing: 0;
}

#footer {
	display: block;
	background: #fff;
	border-radius: 0 0 7px 7px;
	padding: 5px;
	font-size: 12px;
	text-align: center;
}

#footer a {
	color: #000;
	text-decoration: none;
}

#footer:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#footer nav {
	display: block;
	float: center;
	text-align: center;
}

#footer nav ul {
	margin: 0;
	list-style-type: none;
	display: inline-table;
}

#footer nav ul li {
	float: left;
	margin-right: 20px;
	display: inline
}

#footer nav ul li a {
	display: block;
	margin-top: 4px;
	line-height: 22px;
}

#footer nav ul li a:hover {
	text-decoration: underline;
}


#main .listing-date {
	font-size: 12px;
	text-transform: uppercase;
	float: center;
	text-align: left;
	color: #999999;
}

#main .article-listing {
}

#main .article-listing h2 {
	font-size: 1.55em;
	line-height: 1.05em;
	display: inline;
}

#main .article-listing a {
}

/*
#main .article-listing a:hover {
	background-color: #72767A;
 	color: white;
	text-align: center;
	text-decoration: none;
}*/

#main .quote-listing {
}

#main .quote-listing h2 {
	font-size: 1.55em;
	line-height: 1.05em;
	display: inline;
}

#main .quote-listing blockquote {
	margin-left: 120px; 
	padding-top: 0px;
	margin: 20px;
	padding-left: 30px;
	font-style: italic;
        background: url(https://static.tumblr.com/sajzoro/2pUkqr1t1/aster.png) top left no-repeat;
	margin-top: 10px;
	font-size: 0.90em;
}

#main .link-listing {
}

#main .link-listing h2 {
	font-size: 1.55em;
	line-height: 1.05em;
	display: inline;
}

#main .link-listing a {
	/*text-decoration: none; */
	/*color: #505050; */
}

#main .link-listing blockquote {
	font-size: 0.90em;
}

article blockquote {
	font-size: 0.90em; 
}

.linkarrow {
	color: #aaa;
}