/*  
Theme Name: The Novel Hermit
Theme URI: 
Version: 1.0
Author: Mitchii G. (Just-Peach) + Charlotte (The Simple Tales)
Description: Wordpress Theme for Book Blog
Tags: white, gray, blue, light, two-columns, right-sidebar
License URI: readme.txt

*/

/* Body */

body 	{margin: 0;
	padding: 0;
	background: #ffffff;
	font-family: 'Helvetica', sans-serif;
	font-size: 12px;
	line-height: 22px; 
	color: #a3a3a3;
	text-align: justify;}

#wrapper {margin: 0 auto;
	padding: 0;
	width: 100%;}

/* Header */

#header-wrapper {width: 100%;
	height: 350px;
}

#header {background-image: url('/wp-content/themes/TNH/images/waterwaves2-top.png'); 
	background-repeat: repeat-x; 
	background-color: #fff; 
	margin: 0 auto;
	width: 100%;
		user-drag: none;
		-moz-user-select: none;
		-webkit-user-drag: none;
}

#header-main-navigation {width:100%;
			max-width: 900px; 
			height:100px;
			margin:0 auto;						
}

img.header {
    -moz-user-select: none;
	-webkit-user-drag: none;
}

#main-header-image {
	margin: 0px auto;
	padding: 0px;
	width: 1050px;
}

#main-header-image img {
	width: 100%;
	height: auto;
max-width: 360px;
float: right;
margin-top: 30px;
}

/* Tags, Blockquote, Links*/

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h1 	{
	font-size: 2em;
}

h2 	{font-family: 'PT Sans Narrow', sans-serif;
	color: #00417e;
	margin: 5px auto;
	font-size: 20px;
	text-transform: lowercase;
	text-align: left;
	letter-spacing: 4px;
	padding: 5px;
}

h3 	{font-family: 'Source Sans Pro', sans-serif;
	margin: 0px;
	padding: 0px;
	color: #6c6c6c;
	text-align: left;
	font-size: 19px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 3px;
	padding: 2px 2px 2px 2px;
}

h4 {
    font-size: 15pt;
    background-color: #c7c7c7;
    padding: 3px;
    text-align: center;
    width: 100%;
}


h5 	{font-family: 'Source Sans Pro', sans-serif;
	color: #323232;
	margin: 1px auto;
	font-size: 16px;
	text-transform: uppercase;
	text-align: left;
	letter-spacing: 5px;
	padding: 1px;
	text-indent:20px;}

h6 	{font-family: 'PT Sans Narrow', sans-serif;
	color: #00417e;
	margin: 5px auto;
	font-size: 17px;
	text-transform: lowercase;
	text-align: center;
	letter-spacing: 4px;
	padding: 5px;}

ul, ol {
}

blockquote {
	font-family: 'Garamond', sans-serif;
	font-style: italic;
	font-size: 15px;
	line-height: 18px;
	background-color: #ffe4af;
	text-align: justify;
	letter-spacing: Opx;
	padding: 15px 17px 3px 17px;
	margin: 0px 15px 0px 15px;
	color: #5f5f5f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 10px;
	background-image: url('/wp-content/themes/TNH/images/sandbq.png');
	background-repeat: repeat-x;
}

/* Image */

img 	{border:none;
	max-width:100%;
	height: auto;
	}

img.alignright {
	float:right; 
	margin:0 0 1em 1em;
}

img.alignleft {
	float:left; 
	margin:0 1em 1em 0;
}

img.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

a img.alignright {
	float:right; 
	margin:0 0 1em 1em;
}

a img.alignleft {
	float:left; 
	margin:0 1em 1em 0;
}
a img.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto}

img.bordered,img.aligncenter { none;
}


img.bordered,img.alignright,img.alignleft {
	padding: 8px;
}

img.alignleft, img.left { margin: 0 1.5em 1em 0;
}

img.alignright, img.right {margin: 0 0 1em 1.5em;
}



/* Page */

#page {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

#page-bgtop {
	padding: 0px 0px;
}


/*Menu*/

.nav
	{height:30px;
    	line-height:30px;
    	color:#ffffff;
    	position:relative;
	margin-left:41px;
	text-transform: uppercase;
	letter-spacing: 5px;
   	font-family: 'Lucida Sans Unicode', sans-serif;
    	font-size:10px;
	padding: 37px 0px 0px 0px;
}
.nav ul
{
    padding:-6px;
    margin:-4px;
    list-style:none;
}
.nav ul li
{
    padding:0;
    margin:0;
    float:left;
    background:none;
}
.nav ul li a
   	{color:#fff;
    display:block;
    letter-spacing: 5px;
    text-decoration:none;
    padding:0 24px;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
	
}
.nav ul li a:hover
{
    background:none;
    color:#00417E;
}
.nav ul li ul
{
     display: none;
     width: auto;
     position:absolute;
     top:60px;
     padding:0px;
     margin:0px;
}
.nav ul li:hover ul
{
     display: block;
     position: absolute;
     margin: 0;
     padding: 0;
}
.nav ul li:hover li
{
    float: none;
    list-style:none;
    margin:0px;
}
.nav ul li:hover li {
	text-transform: uppercase;
	width: auto;
	height: 30%;
    	background:#0D5394;
   	border-bottom:1px solid #fff;
}
.nav ul li:hover li a
{	
   	color: #ffffff;
	letter-spacing: 2px;	
   	padding:0 5px;
    	display:block;
	height: 30%;
   	width:200px;
}
.nav ul li li a:hover
	{ background:#FFE4AF; /* #f0c476; */
    	color:#fff;}

.show-menu { color: #FFF;
display: none;
letter-spacing: 5px;
text-decoration: none;
font-family: 'Lucida Sans Unicode', sans-serif;
font-size:10px;
text-transform: uppercase;
}

a 	{color: #cdcee7;
	text-decoration: none;	
}

a:hover {color: #eeeeee;
	background-color: #none;
}

.nav li > a:after {
    color: #fff;
    content: '▼';
}

.nav li > a:only-child:after {
    content: '';
}

/* Main Content */


#content {font-family: 'Helvetica', sans-serif;
	font-size: 13px;
	line-height: 21px; 
	color: #555555;
	margin-top: -190px;
	float: left;
	width: 59%;
	padding: 0px 10px 0px 10px;
}


#content a {text-decoration: none;
	color: #a3a3a3;
}

#content a:hover {color: #cd2412;
	background-color: none;
}


.post {
	margin-bottom: 3px;
	border-bottom: none;
}

.post .title {font-family: 'Source Sans Pro', sans-serif;
	margin: 0px;
	padding: 0px;
	color: #7897a5;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 3px;
	padding: 2px 2px 2px 2px;
}

.post .title a {color: #cdcee7;
	border: none;
}

.post .meta {margin-bottom: 30px;
	padding: 0px 30px 0px 30px;
	text-align: left;
	font-family: 'Cambria', Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
}

.post .meta .posted {
	float: right;
}

.post .entry {
	padding: 10px 10px 10px 10px;
	padding-bottom: 1px;
	text-align: justify;
}

.links {
	padding-top: 20px;
	font-size: 12px;
	font-weight: bold;
}

div.content {
	padding: 0px 0px 0px 10px;
	align: justify;
}

#post-header-title {margin: 0px;	
	    padding: 0px;
	    width: 570px;
}


#titlepost {margin: 0px;	
		text-align:center;
	    padding: 0px 0px 0px 55px; 
}

#titlepost a {font-family: 'Source Sans Pro', sans-serif;
	margin: 0px;
	padding: 0px;
	color: #525252;
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 3px;
	padding: 2px 2px 2px 2px;
}

#titlepost a:hover {font-family: 'Source Sans Pro', sans-serif;
	margin: 0px;
	padding: 0px;
	color: #d56113;
	text-align: left;
	font-size: 20px; 
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 3px;
	padding: 2px 2px 2px 2px;
	-webkit-transition: background-color 1s;
   	-moz-transition: background-color 1s;
   	-o-transition: background-color 1s;
   	-ms-transition: background-color 1s;
    	transition: background-color 1s;
}

#titlepost-single {margin: 0px;	
	    padding: 0px; 
}

#titlepost-single a {font-family: 'Source Sans Pro', sans-serif;
	margin: 0px;
	padding: 0px;
	color: #525252;
	text-align: center;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 3px;
	padding: 2px 2px 2px 2px;
}

#titlepost-single a:hover {font-family: 'Source Sans Pro', sans-serif;
	margin: 0px;
	padding: 0px;
	color: #73749b;
	text-align: left;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 3px;
	padding: 2px 2px 2px 2px;
	-webkit-transition: background-color 1s;
   	-moz-transition: background-color 1s;
   	-o-transition: background-color 1s;
   	-ms-transition: background-color 1s;
    	transition: background-color 1s;
}

#fineprint {font-family: 'Cambria', sans-serif;
	text-transform: uppercase;
	padding: 0px; 
	font-size: 10px;
	color: #dddddd;
	background-color:#fff;
	align: center;
	margin:0;
	font-weight: normal;
	letter-spacing: 3px;}

#fineprint a {font-family: 'Cambria', sans-serif;
	text-transform: uppercase;
	padding:5px;
	color: #dddddd;
}

#fineprint a:hover {font-family: 'Cambria', sans-serif;
	text-transform: uppercase;
	padding:5px;
	color: #e03725;
}

#fineprint2 {font-family: "Cambria",sans-serif;
text-transform: uppercase;
font-size: 10px;
color: #DDD;
background-color: #FFF;
letter-spacing: 3px;
font-weight: normal;
border: 1px solid #DDD;
width: 93%;
display: inline-block;
padding: 5px 12px;
}

#fineprint2 a {font-family: 'Cambria', sans-serif;
	text-transform: uppercase;
	padding:5px;
	color: #dddddd;
}

#fineprint2 a:hover {font-family: 'Cambria', sans-serif;
	text-transform: uppercase;
	padding:5px;
	color: #e03725;
}

div.spacing {margin-bottom: 3px;
	border-bottom: 200px;}


/* Sidebar */

#sidebar {float: right;
	width: 320px;
	margin:0px;
	padding: 10px 45px 10px 10px;
	margin-top: 5px;
	color: #a3a3a3;
	font-family: 'Arial', sans-serif;
	font-size: 13px;
	text-align: justify;
}

#sidebar ul {margin: 0px;
	padding: 0px;}

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

#sidebar li ul {
	margin: 0px 0px;
	padding-bottom: 25px;
	list-style: none;
}

#sidebar li li { text-align: center;
	line-height: 20px;
	margin: 5px 10px;
	border-left: none;
	border-bottom: 1px solid #eeeeee;
}

#sidebar li li span {
	margin-top: 10px;
	padding: 0;
	font-size: 13px;
}

#sidebar li li a {
	background: url(none) no-repeat left 10px;
}

#sidebar h6 {
	height: 20px;
	padding: 10px 5px 5px 10px; 
	text-align: center;
}

#sidebar p {
	margin: 0 0px;
	padding: 3px 30px 10px 30px;
}

#sidebar a {color: #a4a4a4;
	border: none;
}

#sidebar a:hover {color: #00C9D4;
    	background-color: none;
}

#subscribe-email input {
	width: 70% !important;
	padding: 6px 5px !important;
	background-color: #f1f1f1;
	border: none;
	color: #a3a3a3;
	font-size: 11px;
	margin: -30px 0 0px 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

input[type="submit"] {
	background-color: #0D5394 !important;
	border: none !important;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #ffffff;
	text-transform: lowercase;
	font-size: 11.5px;
	letter-spacing: 2px;
	cursor: pointer;
	padding: 4px 6px 4px 8px !important;
	display: block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: -38px 0px 0px 195px !important;
}

input[type="submit"]:hover {
	background-color: #00C9D4 !important;
}

/* Footer */
 
#footer {margin: 0 auto;
	height: 120px;
	padding: 0px 0 15px 0;
	text-align: center;
	color: #b2c4cc;
	background: url('/wp-content/themes/TNH/images/waterwavess-bottom.png');
	font-family: 'Lucida Sans Unicode', sans-serif;
	font-size: 10px; 
	text-transform: uppercase;
	color: #ffffff; 
	letter-spacing: 3px;
	align: justify;
	line-height: 120%;
	width: 100%;
}

#footer p {
	margin: 0;
	padding: 0px 0 5px 0;
	line-height: normal;
	font-size: 10px;
	text-align: center;
	}

#footer a {color: #ffffff;
}

#footer a:hover {color: #e8fbfa;
}

div.footer-text {padding:90px 0px 0px;
	}

/* Search Form */

#s 	{width: 290px;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	width: 300px;
	height: 35px;
	padding: 0px;
	margin: 1px;
	/* color: #9C5200; */
	color: #fff;
	font-weight: 700;
	background: url('/wp-content/themes/TNH/images/searchbar2.png');
	border: 1px transparent;
	float: center;
	letter-spacing: 5px;
	text-indent: 20px;	
}


/* Comment */

#comment-link {float: right;
	width:auto;
	margin-top: 2px;
	font-size:22px;
	font-style: bold;
	color:#eeee;
	line-height:22px;
	text-align:center;
	letter-spacing: 1px;
	background:#ffffff;
        font-family: Georgia;
}

#comment-link-responsive {
	display: none;
	}

#comment-link a {color: #dbdbdb;
	text-decoration: none;
	font-family: Georgia;
}

#comment-link a:hover {color: #69DCE3;
	background-color: none;
	font-family: Georgia;
}

#commentform {
	padding-bottom: 0px;
	margin: 0px 0px 0px 20px;
}

#commentform input, #commentform textarea {
	font-family: 'Arial', sans-serif;
	color: #757575;
	letter-spacing: 0px;
	width: 31%;
	border: 1px solid #e9e9e9;
	background: #e9e9e9;
	font-size: 13px;
	float: left;
	line-height: 25px;
	padding: 2px 0px 0px 6px;
	margin: 0px 3px 7px 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 3px;
}

#commentform textarea {
	width: 96.5%;
}

#commentform #submit {
	font-family: 'Open Sans', sans-serif;
	border: none;
	background: #0D5394 !important;
	text-transform: lowercase;
	letter-spacing: 3px !important;
	color: #ffffff;
	cursor: pointer;
	padding: 10px 10px 10px 10px !important;
	font-size: 12px !important;
	line-height: 15px !important;
	margin: 0px !important; 
}

#commentform #submit:hover {background-color:#00C9D4 !important;}

ol.commentlist {list-style:none; 
	margin:0; 
	padding:0; 
}

ol.commentlist li {
	margin:0 0 10px; 
	padding: 5px 18px 5px 90px;
	position:relative; 
}


ol.commentlist li.pingback comment-author {padding:0 110px 0 0; 
}

ol.commentlist li div.vcard { font-size: 13px; 
	font-family: 'Arial', sans-serif; }

ol.commentlist li div.vcard cite.fn {font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	font-size: 12.5px; 
	color: #404040;
	letter-spacing: 2px;
	text-transform: uppercase;
}

ol.commentlist li div.vcard cite.fn a.url {color:#d4d4d4; 
text-decoration:none;}

ol.commentlist li div.vcard cite.fn a.url:hover {color:none;
}

ol.commentlist li div.vcard img.avatar {
	-webkit-border-radius: 50%;
 	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
 	-o-border-radius: 50%;
 	border-radius: 50%;
	padding: 5px; left:15px; 
	position:absolute; 
	top:5px; }

ol.commentlist li div.comment-meta {font-weight:normal; 
	font-size: 11px; 
	line-height: 10px; 
	font-family: 'Source Sans Pro', sans-serif; !important;  
	position:absolute; 
	top:25px; }

ol.commentlist li div.comment-meta a {color:#205B87; 
	text-decoration:none;
}

ol.commentlist li p
	font-weight:normal; 
	font-size: 13px; 
	line-height:150%;
	font-family: 'Arial', sans-serif; 
	margin: 10px 1px 5px;
}

ol.commentlist li ul {
	font-weight:normal; 
	font-size: 13px; 
	line-height: 16px; 
	list-style:square; margin:0 0 9px; 
	padding:0;
}

ol.commentlist li div.reply {background: none;
	display: block;
	color:#fff; 
	padding: 2px;
	letter-spacing: 3px;
	font-size: 10px; 
	font-family: 'Source Sans Pro', sans-serif;
	text-align:center; width:50px; 
	}

ol.commentlist li div.reply:hover {background: none;
}

ol.commentlist li div.reply a {color:#ffffff; 
	text-decoration:none; 
	text-transform:uppercase;
	background-color: #eee;
	padding: 5px;}

ol.commentlist li div.reply a:hover {color:#ffffff !important; 
	background-color: #eee !important;}

ol.commentlist li ul.children {list-style:none; 
	margin:12px 0 0; 
	text-indent:0;
}

ol.commentlist li ul.children li.depth-2 {margin: 0 0 3px -100px;
	background: #f5f5f5;
}

ol.commentlist li ul.children li.depth-3 {margin: 0 0 3px -100px;
	background: #f5f5f5;
}

ol.commentlist li ul.children li.depth-4 {margin: 0 0 3px -100px;
	background: #f5f5f5;
}

ol.commentlist li ul.children li.depth-5 {margin: 0 0 3px -100px;
	background: #f5f5f5;
}

ol.commentlist ul.children li.odd {background:#fff;

}

ol.commentlist ul.children li.even {background:#f6f6f6;
}



/* Navigation Page */

#navigation a {color: #6d6d6d;
	text-transform: uppercase;
	font-family: Cambria;
	font-size:9px; 
	letter-spacing: 4px;
	text-align: center;
	padding: 10px; 
	margin: 10px;
    	background-color: none;
	border-bottom: none;}

#navigation a:hover  {color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 4px;
	text-align: center;
	background-color: #81e0e6;
	border-bottom: none;}

/* Blurb */

.blurb	{float: center;
	margin: 10px;
	background-color:#f1f1f1;
	line-height: 17px;
	padding: 15px;
	width: 270px;
	border: 1px solid #f1f1f1;
	border-radius: 15px;
    	-webkit-border-radius: 15px;}

/* Captions, Sticky, Gallery */

.wp-caption {
}
.wp-caption-text {
}
.sticky {
}
.gallery-caption {
}
.bypostauthor {
}


/* Columns */

#wrap {
   	width:92%;
   	margin:0 auto;
}

#left_col {
   	float:left;
   	width:300px;
}

#right_col {
   	float:right;
   	width:300px;
}

#left_col2 {
   	float:left;
   	width:100px;
}

#right_col2 {
   	float:right;
   	width:500px;
}

div.post-links    { 
	max-width: 600px; 
	padding: 25px 0px 0px 2px;
	font-size: 15px;
	width: 100%;
}

div.post-links div { 
	float: left; 
}

div.seperate      { 
	width: 30px;
}

div.link-posts    { 
	width: 280px;
}

div.clear         { 
	clear: both; 
}



/* End Columns / End Content */


.charbubble 
{
position: relative;
width: auto;
height: auto;
padding: 7px;
padding-left: 12px;
padding-right: 12px;
background: #aceadc;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-align:left;
float:left;
}
 
.charbubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 6px 32px 6px 0;
border-color: transparent #aceadc;
display: block;
width: 0;
z-index: 1;
left: -32px;
top: 50%;
transform: translateY(-50%);
}
 
.ceebubble {
position: relative;
width: auto;
height: auto;
padding: 7px;
padding-left: 12px;
padding-right: 12px;
background: #92dde4;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-align:left;
float:left;
}
 
.ceebubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 6px 32px 6px 0;
border-color: transparent #92dde4;
display: block;
width: 0;
z-index: 1;
left: -32px;
top: 50%;
transform: translateY(-50%);
}
 
.charlotte {
display: block;
margin: 5px;
padding: 5px;
margin-right: 30px;
float:left;
}
 
.charlotte:before {
content: url('http://www.thenovelhermit.com/wp-content/uploads/2014/10/smallchar.png');
display:block;
width: 40px;
height: 40px;
}
 
.cee {
display: block;
margin: 5px;
padding: 5px;
margin-right: 30px;
float:left;
}
 
.cee:before {
content: url('http://www.thenovelhermit.com/wp-content/uploads/2014/10/smalltnh.png');
display:block;
width: 40px;
height: 40px;
}
 
#convo {
border: none;
padding: 5px;
width:630px;
background-color: #fff;
font-family: 'Arial';
font-size: 13px;
}
 
#convo td {
background-color: #fff;
}

.divider {
	border:solid #dddddd; border-width:1px 0 0; width:45%;
}

a.more-link {	
background-color: #0d5394;
text-align: right;
width: 98.3%;
float: right;
text-transform: uppercase;
letter-spacing: 3px;
color: #FFF !important;
margin-bottom: 10px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 1px;
transition: background-color 1s ease 0s;
padding-right: 10px;
padding: 3px 10px 3px 1px;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
	}

a.more-link:hover {	
background-color: #00C9D4;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}

/* Mobile-responsive */

@media (min-width: 320px) and (max-width:640px) {

	#sidebar {
	float:none;
	width:100%;
	margin: 0px;
	padding: 0px;
	}

	#content {
	width: 100%;
	padding: 0px;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	}

	#header-wrapper {
	height: inherit;
	}

	#header-main-navigation {
	width: 100%;
	max-width: 640px;
	}

	#main-header-image {
	padding: 10px;
	margin-right: 0px;
	display: inline-block;
	width: inherit;
	}

	#main-header-image img {
	margin-right: 0px;
	margin-top: 0px;
	}	

	.show-menu {
	display: block;
	padding-top: 30px;
	padding-bottom: 10px;
	}

	#fineprint2 {
	width: 90%;
	}

	.nav {
	display: none;
	position: static;
	padding: 0px;
	margin: 0px;
	}

	.nav:hover { 
	display:block;
	z-index: 999px;
	}
	
	.nav ul {
	list-style-type: none;
	padding:0;
    	margin:0;
	background:#00417E;
	text-transform: uppercase;
	position: absolute;
	width: 100%;
	}

	.nav ul li {
	float: none;
	}

	.nav ul li a {
	border-bottom:1px solid #fff;
	}

	.nav ul li a:hover {
	background:#FFE4AF;
    	color:#fff;
	}

	.nav ul li ul {
	display: none;
	}

	.nav ul li:hover ul {
	width: 100%;
	border-bottom; none;
	position: static;
	}

	.nav ul li:hover li {	
	float: none;
	border-bottom: none;
	}

	.nav ul li a:hover + ul li ul, ul li ul:hover {	
	display: block;
	}

	.nav ul li:hover ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
	background-color: #46d1dc;
	}

	.nav ul li ul li a:hover {	
	background-color: #f8cf7d;
	}

	#titlepost {
	width: 80%;
	padding: 0px;
	}

	.divider {
	width: 95%;
	}


	.entry {
    	padding: 10px 10px 1px;
    	text-align: justify;
	}

	#left_col {
	width: initial;
	}

	#right_col {
	width: initial;
	}

	div.post-links {
	padding: 0px;
	padding-top: 20px;
	}

	div.post-links div {
    	float: none;
	}

	#commentform {
    	margin: 0px 0px 0px 8px;
	}

	#commentform #submit {
	width: 98.5%;
	}

	#commentform input {
	width: 29.8%;
	}

	#respond {
	margin-bottom: 200px !important;
	}

	.blurb {
	width: inherit;
	}
	
}

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

	#content {
	font-size: 15px;
	}
	
	#sidebar {
	float:none;
	width:100%;
	padding: 0px;
	}

	#content {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin-top: 20px;
	}

	#header-wrapper {
	height: inherit;
	}
	
	#header-main-navigation {
	width: 100%;
	max-width: 1024px;
	}

	.nav {
	margin-left: 0px;
	}

	.nav ul li a {
	padding: 0px 15px;
	}

	#main-header-image {
	padding: 10px;
	margin-right: 0px;
	display: inline-block;
	width: inherit;
	}

	#main-header-image img {
	margin-top: 0px;
	}

	.nav ul {
    	margin: -8px 0px 0px 15px;
	}

	a.more-link {
	width: 96.8%;
	margin-right: 5px;
	padding: 5px 10px 5px 5px;
	}

	.blurb {
	width: inherit;
	}

}


/*Hide checkbox*/
input#show-menu {
  display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ .nav{
    display: block;
}

/* Social Media */

a.twitter {
background-color: #22f4ff;
display: block;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 3px;
padding: 5px 3px 5px 20px;
color: rgb(255, 255, 255) !important;
margin: 2px 10px;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
font-family: "Montserrat";
}

a.twitter:hover {
	background-color: #901916;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}

a.facebook {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 3px;
color: #FFF !important;
margin: 2px 10px;
display: block;
background-color: #08f2ff;
padding: 5px 3px 5px 24px;
font-family: "Montserrat";
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}

a.facebook:hover {
	background-color: #a61d19;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}

.fb {
	margin-left: 5px;
display: inline-block;
}

a.bloglovin {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 3px;
color: #FFF !important;
margin: 2px 10px;
display: block;
background-color: #00e1ee;
padding: 5px 3px 5px 22px;
font-family: "Montserrat";
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}

a.bloglovin:hover {
	background-color: #bc211d;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}

i.fa-heart {
font-size: 14px;
vertical-align: 0;
}

.bl {
	margin-left: 1px;
	display: inline-block;
	}

a.feedly {
background-color: #00c9d4;
display: block;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 3px;
padding: 5px 3px 5px 20px;
color: rgb(255, 255, 255) !important;
margin: 2px 10px;
font-family: "Montserrat";
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}

a.feedly:hover {
	background-color: #d22520;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}

img.feedly {
width: 17px;
height: 16px;
vertical-align: -3px;
}

.fd {
	margin-left: 3px;
	display: inline-block;
	}

a.goodreads {
background-color: #00b1bb;
display: block;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 3px;
padding: 5px 3px 6px 23px;
color: rgb(255, 255, 255) !important;
margin: 2px 10px;
font-family: "Montserrat";
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}

a.goodreads:hover {
	background-color: #df322d;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}

.gr {
font-family: "Helvetica";
text-transform: lowercase;
display: inline-block;
font-size: 18px;
}

.grtext {
display: inline-block;
margin-left: 4px;
}

a.instagram {
background-color: #0099a1;
display: block;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 3px;
padding: 5px 3px 5px 22px;
color: rgb(255, 255, 255) !important;
margin: 2px 10px;
font-family: "Montserrat";
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}

a.instagram:hover {
	background-color: #e24843;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}

i.fa-instagram {
font-size: 16px;
vertical-align: -1px;
}

.ig {
	display:inline-block;
margin-left: 2px;
}

a.pinterest {
background-color: #008088;
display: block;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 3px;
padding: 5px 3px 5px 21px;
color: rgb(255, 255, 255) !important;
margin: 2px 10px;
font-family: "Montserrat";
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}

a.pinterest:hover {
	background-color: #e65d59;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}

.pin {
	display:inline-block;
}

a.email {
background-color: #00686f;
display: block;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 3px;
padding: 5px 3px 5px 21px;
color: rgb(255, 255, 255) !important;
margin: 2px 10px;
font-family: "Montserrat";
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}

a.email:hover {
	background-color: #e9736f;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}

i.fa-envelope {
font-size: 15px;
vertical-align: 0;
}

.mail {
	display:inline-block;
margin-left: 1px;
}

a.rss {
background-color: #005055;
display: block;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 3px;
padding: 5px 3px 5px 23px;
color: rgb(255, 255, 255) !important;
margin: 2px 10px 35px;
font-family: "Montserrat";
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}

a.rss:hover {
	background-color: #ec8985;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}

i.fa-rss {
font-size: 15px;
vertical-align: -1px;
}

.rss {
	display:inline-block;
margin-left: 2px;
}

/* Archives */

.expanding-archives-collapse-section li {
text-align: left !important;
}

.expanding-archives-collapse-section li li:last-child {
border-bottom: none !important;
}

.expanding-archives-collapse-section li span {
margin-top: 0px !important;
}

.expanding-archives-collapse-section ul {
padding-bottom: 15px !important;
}

.expanding-archives-collapse-section ul:last-child {
padding-bottom: 0px !important;
}

.ng-expanding-archives-wrap {
    padding-bottom: 25px;
}

.expanding-archives-title {
    text-align: center;
}