/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END CSS RESET */

/* Site-Wide Formatting (i.e. site-wide paragraph font, etc.) */

html {
	font-family: 'Open Sans', Helvetica, sans-serif;
}

/* WIDTH: >= 1024px */


	/* Main Navigation Bar */
	
		/* Hide the Touch-Screen Nav Toggle Button */
			
			.toggle {
				display: none;
			}
			
			.sidebar {
				display: none;
			}
		
			#sidebartoggler {
				display: none; 
			}
			
		/* End Hiding the Nav Toggle Button */
	
	.top-bar {
		background: #38BBB6;
		padding: 20px 0;
	}
	
		.top-bar-content {
			position: relative;
			width: 80%;
			margin: auto;
		}
		
		/* HOME LINK (Author K.S. Lewis <h1>) */
	
			a.home-link:link {
				font-size: 2em;
				color: #fff;
				text-decoration: none;
			}
			
			a.home-link:hover {
				opacity: 0.7;
				color: green;
			}

			a.home-link:visited {
				color: #fff;
			}
		
			.top-bar-content h1  {
				display: inline-block;
				vertical-align: middle;
				margin: auto;
				
				font-family: 'Josefin Slab', serif;
			}
			
			.top-bar-content h2 {
				color: #C3FF68;
			}
			
				.white {
					color: #fff;
					margin: 0 10px;
				}
	
	/* Main Navigation Bar Code */
	
	.main-nav {
		position: absolute;
		top: 0;
		right: 0;
		margin-top: 16px;
		font-size: 1em;
	}
	
		.main-nav a:link {
			text-decoration: none;
			color: #fff;
		}
		
		.main-nav a:hover {
			opacity: 0.7;
		}
		
		.main-nav a:visited {
			color: #fff;
		}
		
		.main-nav a:not(:first-child) {
			margin-left: 25px;
		}
		
	/* END MAIN NAVIGATION CODE */
	
	/* Decorative Top Bar */
	
		.decorative-bar {
			margin-top: 15px;
			border-bottom: 2px dotted #99D15E;
		}
	
	/* Main Page Main Content Start */
	
	.main-page-content {
		width: 80%;
		margin: auto;
		margin-top: 50px;
	}
	
		.main-page-left {
			float: left;
			width: 40%;
		}
		
			.main-page-left img {
				width: 100%;
				height: auto;
				border: 2px solid #38BBB6;
			}
		
		.main-page-right {
			float: left;
			margin-left: 5%;
			width: 55%;
		}
		
			.main-page-right h1 {
				font-family: 'Josefin Slab', Helvetica, sans-serif;
				font-size: 3em;
				color: #38BBB6;
				text-align: center;
				margin-bottom: 2%;
			}
			
			.main-page-right h2 {
				font-family: 'Josefin Slab', Helvetica, sans-serif;
				font-size: 2em;
				color: #99D15E;
				text-align: center;
				margin-bottom: 2%;
			}
			
				.book-summary p {
					line-height: 150%;
				}
				
				.book-summary p:nth-child(even) {
					margin-top: 15px;
				}
				
				.book-links {
					margin-top: 15px;
					text-align: center;
					font-size: 1.5em;
				}
				
					.book-links p:not(:first-child) {
						margin-top: 15px;
					}
				
					.book-links p:nth-child(1) {
						background: #38BBB6;
						color: #fff;
						font-family: 'Josefin Slab', Helvetica, serif;
						padding: 10px 0;
					}
					
					.book-links p:nth-child(2) {
						background: #4C728D;
						color: #fff;
						font-family: 'Josefin Slab', Helvetica, serif;
						padding: 10px 0;
					}
					
					.book-links p:nth-child(3) {
						background: #99D15E;
						color: #fff;
						font-family: 'Josefin Slab', Helvetica, serif;
						padding: 10px 0;
					}
					
						a.book-nav:link {
							color: #fff;
							text-decoration: none;
							border-bottom: 1px solid #fff;
						}
						
						a.book-nav:hover {
							opacity: 0.7;
						}
						
						a.book-nav:visited {
							color: #fff;
						}
	.clear {
		clear: both;
	}
	
	/* HOME PAGE CONTENT MORE CODE */

	.homepage-content-more {
		background: #4C728D;
		margin: 25px 0;
		padding: 25px 0;
		color: #fff;
	}

	.more-section {
		width: 80%;
		height: auto;
		margin: auto;
	}
	
	.more-section h3 {
		font-family: 'Josefin Slab', Helvetica, serif;
		font-size: 1.8em;
		text-align: center;
		color: #38BBB6;
	}

	.more-novels {
		width: 30%;
		height: auto;
		float: left;
	}

		.more-novels p {
			text-align: left;
			line-height: 140%;
			margin-top: 15px;
		}
	
	.more-twitter {
		width: 30%;
		height: auto;
		float: left;
		margin: 0 5%;
	}

	.more-contact {
		width: 30%;
		height: auto;
		float: left;
	}

		.more-contact p {
			text-align: left;
			line-height: 140%;
			margin-top: 15px;
		}

	#mc-embedded-subscribe {
		margin-top: 15px;
	}

		a.novels-link-normal:link {
			color: #99D15E;
			text-decoration: none;
		}

		a.novels-link-normal:visited {
			color: #99D15E;
		}

		a.novels-link-normal:hover {
			text-decoration: underline;
			color: #99D15E;
		}

		a.bio-link-normal:link {
			color: #38BBB6;
			text-decoration: none;
		}

		a.bio-link-normal:visited {
			color: #38BBB6;
		}

		a.bio-link-normal:hover {
			text-decoration: underline;
			color: #38BBB6;
		}	

	.bold-green {
		font-weight: bold;
		color: #99D15E;
	}
	
	.italics {
		font-style: italic;
	}
	
	/* BLOG FEED CODE */
	
	.blog-feed {
		width: 80%;
		height: auto;
		margin: auto;
	}
	
		.blog-feed h1 {
			font-family: 'Josefin Slab', Helvetica, sans-serif;
			font-size: 2em;
			color: #38BBB6;
			text-align: left;
			margin-top: 20px;
		}
	
	/* END BLOG FEED CODE */
	
	/* FOOTER CODE */
	
	footer {
		width: 100%;
		height: auto;
		background: #38BBB6;
		margin: auto;
		margin-top: 25px;
		padding: 15px 0;
		text-align: center;
	}
	
		footer p {
			text-align: right;
			font-family: 'Josefin Slab', 'Lato', Helvetica, sans-serif;
			color: #fff;
			margin-right: 15px;
		}
	
	/* END FOOTER CODE */
	
	
	/* SIMPLE INTERNAL PAGES (BIO, CONTACT) */
	
		.internal-page-simple h1 {
			font-family: 'Josefin Slab', Helvetica, sans-serif;
			font-size: 3em;
			color: #38BBB6;
			margin-bottom: 2%;
		}
			
		.internal-page-simple p {
			line-height: 150%;
		}
		
		.internal-page-simple p:nth-child(even) {
			margin: 15px 0;
		}
	
		.bio-pic {
			float: right;
			width: 35%;
			height: auto;
			margin-left: 15px;
			display: initial;
		}
	
	/* END SIMPLE INTERNAL PAGES */
	
	
	/* Short Stories Page Code */
	
		.internal-page-simple div.story-group:not(:first-child) {
			margin-top: 50px;
		}
	
		.story-group h2 {
			font-family: 'Josefin Slab', Helvetica, sans-serif;
			font-size: 2em;
			color: #99D15E;
			margin-bottom: 2%;
		}
		
			p.story-link-sentence {
				color: #99D15E;
			}
			
				a.smashwords-link:link {
					color: #38BBB6;
					text-decoration: none;
				}
				
				a.smashwords-link:hover {
					opacity: 0.7;
				}
				
				a.smashwords-link:visited {
					color: #38BBB6;
				}
	
		.story-pic {
			float: left;
			width: 30%;
			margin-right: 25px;
		}
		
		.need-border {
			border: 1px solid #38BBB6;
		}
	
	/* End Short Stories' Page Code*/
	
	/* Novels Page Code */
	
	.title-and-cover {
		float: left;
		width: 30%;
		height: auto;
	}
	
		.title-and-cover img {
			width: 100%;
			height: auto;
		}
	
	.novels-summary {
		float: left;
		width: 60%;
		height: auto;
		margin-left: 5%;
	}
	
		.novels-group h2 {
			font-family: 'Josefin Slab', Helvetica, sans-serif;
			font-size: 2em;
			background: #4C728D; 
			color: #fff;
			margin: 2% 0;
			padding: 2% 0;
			text-indent: 1em;
		}
		
		.novels-summary h3 {
			font-family: 'Josefin Slab', Helvetica, sans-serif;
			font-size: 1.8em;
			background: #38BBB6;
			color: #fff;
			margin: 2% 0;
			padding: 2% 0;
			text-indent: 1em;
		}
		
			p.novels-link-sentence {
				font-family: 'Josefin Slab', Helvetica, sans-serif;
				font-size: 1.5em;
				background: #99D15E;
				color: #fff;
				margin: 2% 0;
				padding: 1% 0;
				text-indent: 1em;
			}
			
				a.novels-link:link {
					color: #4C728D;
					text-decoration: none;
				}
				
				a.novels-link:hover {
					opacity: 0.7;
				}
				
				a.novels-link:visited {
					color: #4C728D;
				}
	
	/* End Novels Page Code*/
	

/* WIDTH <= 1024px */

@media screen and (max-width: 1024px) {

/* Main Site Navigation Area and Top Bar */

	.top-bar-content a.home-link {
		font-size: 1.5em;
	}
	
	.top-bar-content h2 {
		font-size: .8em;
	}
	
	.top-bar-content label {
		position: absolute;
		top: 0;
		right: 0;
		
		font-size: 2em;
		color: #fff;
	}

	.main-nav {
		display: none;
		}
		
	/* End Tablet/Mobile Nav and Top Bar */
	
	/* TABLET/MOBILE SIDEBAR CODE */
	
	/* Un-hiding the Touch-Screen Nav Toggle Button */
			
			.toggle {
				display: initial;
				text-decoration: none;
				z-index: 1;
				cursor: pointer;
			}
			
	/* End un-hiding the Toggle Button */
	
	a.side-bar-nav:link {
		text-decoration: none;
		color: #fff;
	}
	
	a.side-bar-nav:visited {
		text-decoration: none;
		color: #fff;
	}
	
	a.side-bar-nav:hover {
		text-decoration: none;
		opacity: 0.7;
	}
	
	.page-content {
		position: relative;
		z-index: 0;
		min-height: 100vh;
	}

		.sidebar {
		position: fixed;
		top: 0px;
		bottom: 0px;
		left: -190px;
		width: 190px;
		background: #38BBB6;
		z-index: 0;
		display: initial;
	}
		
		.sidebar-practice {
			width: 190px;
		}
		
			.sidebar ul {
				list-style: none;
				margin: 0;
				padding: 0;
				}
			.sidebar li {
				font-family: 'Open Sans', Helvetica, "Ubuntu", sans-serif;
				font-size: 1em;
				margin: 0;
				-webkit-font-smoothing: antialiased;
				cursor: pointer;
				padding: 20px 0;
				text-indent: 1em;
				}
				
			.sidebar li:hover {
				background-color: #4C728D;
				}
			
	  
		#sidebartoggler {
		  display: none; }
		#sidebartoggler:checked + .page-wrap .sidebar {
			left: 0px; }
		#sidebartoggler:checked + .page-wrap {
			left: 200px; }
	
	/* END TABLET/MOBILE SIDEBAR CODE */
	
	.main-page-right h1 {
				font-size: 2em;
			}
			
			.main-page-right h2 {
				font-size: 1.5em;
			}
			
				.book-summary p {
					font-size: .9em;
				}

	.book-links {
		font-size: 1em;
	}
	
}

@media screen and (max-width: 850px) {

	.main-page-left {
		float: none;
		width: 100%;
		margin: auto;
	}
	
	.main-page-right {
		float: none;
		width: 100%;
		margin: auto;
		margin-top: 25px;
	}
	
		.main-page-right h1 {
			font-family: 'Josefin Slab', Helvetica, sans-serif;
			font-size: 3em;
			color: #38BBB6;
			padding: 2% 0;
		}
		
	/* Stop Floating Pics on Short Story Page */
		
	.story-pic {
			float: none;
			width: 90%;
		}
		
	/* Novels Page Code */
	
	.title-and-cover {
		float: none;
		width: 90%;
		height: auto;
		margin: auto;
	}
	
		.title-and-cover img {
			width: 100%;
			height: auto;
		}
	
	.novels-summary {
		float: none;
		width: 90%;
		height: auto;
		margin:auto;
	}
	
		.novels-group h2 {
			font-size: 2em;

		}
		
		.novels-summary h3 {
			font-size: 1.5em;
		}
		
			p.novels-link-sentence {
				font-size: 1.5em
			}

}

@media screen and (max-width: 600px) {

/* HOME PAGE CONTENT MORE CODE */

	.homepage-content-more {
		width: 100%;
		height: auto;
		background: #4C728D;
		margin: 25px 0;
		padding: 25px 0;
		color: #fff;
	}

	.more-section {
		width: 90%;
		height: auto;
		margin: auto
	}
	
	.more-section h3 {
		font-family: 'Josefin Slab', Helvetica, serif;
		font-size: 1.8em;
		text-align: center;
		color: #38BBB6;
	}

	.more-novels {
		width: 90%;
		height: auto;
		margin: auto
	}

		.more-novels p {
			text-align: left;
			line-height: 140%;
			margin-top: 15px;
		}
	
	.more-twitter {
		width: 90%;
		height: auto;
		margin: 50px auto
	}

	.more-contact {
		width: 90%;
		height: auto;
		margin: auto
	}

		.more-contact p {
			text-align: left;
			line-height: 140%;
			margin-top: 15px;
		}
		
	/* Hide the Bio Pic */
		
	.bio-pic {
		display: none;
	}
	
}

@media screen and (max-width: 480px) {

	/* Smart Phone Adjustment for Novels' Headers' Font-Size */

	.novels-group h2 {
		font-size: 2em;

	}
		
	.novels-summary h3 {
		font-size: 1.5em;
	}
		
		p.novels-link-sentence {
			font-size: 1.5em
		}
		
}