/*
Theme Name: Elderberry
Theme URI: http://jgracepennington.com
Description: The Elderberry theme for the J. Grace Pennington website.
Version: 1.0
Author: Mosaic Web Studios
Author URI: http://mosaic.ws
Tags:
*/

@import "css/typography.css";
@import "css/layout.css";

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td { margin: 0; padding: 0; border: 0;} img {border: 0;} ol, ul {list-style: none;}
blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";}
.both {clear:both;} br.both {clear:both; height:0px;}
.left {float:left;} .right {float:right}
div, header, nav, ul, article, a.button, div.next-prev a, footer, aside, input, hr, div.subscribe a {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing: border-box;}
.cf:after { content:""; display:table; clear:both; } /* Clearfix */

div#access { display:none; } /* hide the screen reader access bar unless you don't support css */

/*******************************BASIC STYLING********************************************/

body { 
background:#fcfcfc url(img/bg.jpg) repeat;
font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif, 'Comic Sans'; 
line-height:1.7em; 
position:relative;
}

a 		{ color: #705499; text-decoration:none;}
a:hover	{ color: #5f4485; text-decoration:underline;}

img { box-shadow: 0px 0px 5px rgba(0,0,0,0.05); }

hr { 
background: transparent url(img/divider.png) center no-repeat; 
width:100%; 
height:10px;
border:0px solid;
margin:0 auto;
position:absolute; 
top:-5px;
left:0px;
z-index: 3;
margin:0px;
}

a.button, input#submit {
display:block;
width:280px;
height:40px;
background:#fafafa;
background: -moz-linear-gradient(top,  #fcfcfc 0%, #f9f9f9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfcfc 0%,#f9f9f9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfcfc 0%,#f9f9f9 100%); /* IE10+ */
background: linear-gradient(top,  #fcfcfc 0%,#f9f9f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
border: 1px solid #e9e9e9;
border-radius:40px;
box-shadow:inset 0px 1px 0px #fff;
color:#431b74;
font-size:12px;
font-family:Arial;
text-align:center;
line-height:40px; 
text-transform:uppercase;
font-weight:bold;
float:right;
}	a.button:hover, input#submit:hover { background: #fefefe; text-decoration:none; }

.full-width {
width:100%;
-moz-box-sizing: content-box; -webkit-box-sizing: content-box; -ms-box-sizing:content-box; -o-box-sizing:content-box; box-sizing: content-box !important;
margin-left:-20px;
padding:20px;
position:relative; 
}

/*******************************HEADER STYLING********************************************/
header { margin-top: 20px; }
	header h1 a { 
	margin:0 auto; 
	display:block; 
	width:320px;
	height:150px;
	background: transparent url(img/title-mobile.png);
	text-indent:-9999px; 
	overflow:hidden;
	}
	header p { text-align:center; margin-top:20px; margin-bottom:20px; }
	
/*******************************NAVBAR STYLING********************************************/

#mobile-toggle {
display:block;
width: 40px;
height:40px;
border:1px solid #e9e9e9;
box-shadow: inset 0px 1px 0px #fff;
text-indent:-9999px;
overflow:hidden;
float:right;
margin-right:20px;
background:#fbfbfb;
position:relative;
z-index:2;
margin-top:-1px;
}	#mobile-toggle span {
	display:block; 
	width:40px; 
	height:40px;
	background: transparent url(img/nav-toggle.png) no-repeat; 
	}

	#mobile-toggle.down span { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); background-position:0px -2px; }
	#mobile-toggle:hover { cursor:pointer !important; background-color:#fff; }

.top-border { margin-top:60px; display:block; width:100%; height:1px; background: #e9e9e9;}

#main-nav {
background: #fafafa;
clear:both;
position:relative;
z-index:3;
}	#main-nav ul li a {
	display:block;
	clear:both;
	height:50px; 
	padding-left:20px;
	border-bottom:1px solid #e9e9e9;
	box-shadow: inset 0px 1px 0px #fff;
	color:#888888;
	font-size:18px;
	font-style:italic;
	line-height:50px;
	text-decoration:none;
	}	#main-nav ul li a:hover, #main-nav ul .current_page_item a {
		background: #f0ebf8;
		background: -moz-linear-gradient(top,  #f6f3fc 1%, #ece5f5 99%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f6f3fc), color-stop(99%,#ece5f5));
		background: -webkit-linear-gradient(top,  #f6f3fc 1%,#ece5f5 99%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f6f3fc 1%,#ece5f5 99%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f6f3fc 1%,#ece5f5 99%); /* IE10+ */
		background: linear-gradient(top,  #f6f3fc 1%,#ece5f5 99%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f3fc', endColorstr='#ece5f5',GradientType=0 ); /* IE6-9 */
		border-bottom:1px solid #d0d0d0;
		box-shadow: inset 0px 1px 0px #fbf9fe;
		color:#705499;
		}

/*******************************CONTENT STYLING********************************************/
#main-wrap { clear:both; }

#intro-container { padding:20px; }
	#intro-container p {
	font-size: 24px;
	line-height:1.7em;
	color:#888;
	margin-bottom:20px;
	}
	
#content-wrap {
position:relative;
padding:20px;
}	.home #content-wrap { border-top: 1px solid #e9e9e9; padding-top:20px;}
	
	#content-wrap h1 { /*h1*/
	font-size:48px;
	color:#361f56;
	font-weight:normal;
	font-style:italic;
	line-height:54px;
	margin-bottom:20px;
	}
	
	.post h2 a { /*h2*/
	font-weight:normal;
	color:#553781;
	font-size:36px;
	font-style:italic;
	display:block;
	margin-bottom:12px;
	line-height:42px;
	}
	
	body.blog div.post, div.single-post {
	margin-bottom:20px;
	border-bottom:1px solid #e9e9e9;
	padding-bottom:20px; 
	}
	
	.next-prev {
	margin-bottom:20px;
	border-top:1px solid #e9e9e9;
	font-size:18px;
	font-style:italic;
	}	.next-prev a { 
		display:block; 
		width:100%;
		float:left;
		background:#fafafa;
		line-height:40px;
		text-align:center;
		border:1px solid #e9e9e9;
		border-top:0px;
		}	.next-prev a:hover { background: #fff;}
			.next-prev .right { width:100%; display:block; }
			.next-prev .right a { width: 100%; float:right; border-top:0px solid #fff; }
			
			body.single .next-prev { margin-bottom:20px; }
	
	.front-post .post-title a, #reply-title, h3.links { /*h3*/
	color:#553781;
	font-size:24px;
	font-style:italic;
	font-weight:normal;
	line-height:1.7em;
	}
	
	#content-wrap p {
	font-size:14px;
	line-height:1.8em;
	font-family:Arial;
	margin-bottom:16px;
	}	div.front-post article.post-content p a:last-child { font-weight: bold; }
		#content-wrap span.light { color:#888;	}
		#content-wrap span.purple { color: #705499; }
	
	.post-meta { 
	color:#888888;
	font-family:Arial;
	font-size:14px;
	}	.post-meta.post-bottom { display:block; margin-bottom:20px; }
	
	.front-post.first { 
	position:relative;
	}	div.front-post.first span.featured-thumbnail img { width:280px; }
		div.front-post.first h3.post-title a { font-size:36px; line-height:1.1em; }
		
		.single-thumbnail img {
		width:100%;
		max-width:700px;
		float:left;
		margin-right:1em;
		}
		div.post img { margin-right:1em; }
			div.post img .alignright { margin-left:1em; }
			div.post img .alignleft  { margin-right:1em; }
			

#sidebar-container {
width:100%; 
padding:20px;
margin:0 0 -20px -20px;
background: #f9f9f9;
border-top:1px solid #e9e9e9;
overflow:hidden;
-moz-box-sizing: content-box; -webkit-box-sizing: content-box; -ms-box-sizing:content-box; -o-box-sizing:content-box; box-sizing: content-box;
}	.widget-title { 
	font-size:24px;
	font-style:italic;
	color:#363636;
	margin-bottom:20px;
	}
		
	#s {
	width:100%; 
	height: 40px;
	padding-left:20px;
	font-size:12px;
	font-family:arial;
	font-size:12px;
	color:#888888;
	box-shadow:inset 0px 1px 0px #fff;
	border:1px solid #e9e9e9;
	border-radius:40px;
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #fafafa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfd 0%,#fafafa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#fafafa 100%); /* IE10+ */
	background: linear-gradient(top,  #fdfdfd 0%,#fafafa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
	}	#sidebar-container input#s:focus { background:#fff; }
		
		.screen-reader-text { display:none; }
		#searchsubmit { display:none; }
		#sidebar-container .widget-container { margin-bottom:40px; }

#news-container { width:100%; }
#news-container .news {
margin-top:20px;
padding-top:20px;
display:block;
position:relative;
color:#553781;
font-size:24px;
line-height:30px;
border-top:1px solid #e9e9e9;
}	#news-container .news .inner { 
	padding-left:57px;
	background: transparent url(img/ornament.png) no-repeat left center;
	}
	#news-container .news a {
	text-transform: uppercase; 
	font-size:12px; 
	font-weight:bold; 
	line-height:30px; 
	color:#888; 
	font-family:Arial, sans-serif;
	}

/*******************************MISCELLANEOUS STYLING********************************************/			
.contact-widget { 
width:100%;
height:60px;
padding-left:80px;
margin-bottom:20px;
font-size:16px;
font-family:Arial;
line-height:60px;
color:#363636;
}	.contact-widget.email {
	background: transparent url(img/contact-page-email.png) no-repeat left;
	}
	.contact-widget.twitter {
	background: transparent url(img/contact-page-twitter.png) no-repeat left;
	}

div.book {
background: #fff; 
border-top:1px solid #e9e9e9; 
}	div.book:last-child { margin-bottom:-20px; }

div.book img { width:30%; max-width:300px; float:left; margin-right: 5%; margin-bottom:20px; }
div.book .book-content { width: 65%; float:left;  }
div.book h3 { color: #553781; font-size:36px; line-height:48px; font-style:italic; font-weight: normal; }

span.published, 
div.book span.author, 
span.genre { 
display:block; 
font-size:14px; 
font-family:Arial; 
color:#888;
}
div.book .button { float:left; margin-bottom:20px;  }
div.book .listen.button { 
background: #fdfdfd; 
box-shadow:0px 0px 0px #fff;
color: #888; 
font-weight:normal; 
position:relative;
text-align:left; 
padding-left: 45px; 
}	div.book .listen.button:hover { background: #fff; }
	div.book .listen.button:before { 
	width: 28px; 
	height: 28px; 
	content:"";  
	position:absolute; 
	top:4px; 
	left:4px; 
	border-radius:30px;
	border:1px solid #61498b;
	box-shadow:inset 0px 1px 0px #a47cc0;
	background: #795ba1;
	background: -moz-linear-gradient(top,  #7f5fa6 0%, #61498b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f5fa6), color-stop(100%,#61498b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #7f5fa6 0%,#61498b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #7f5fa6 0%,#61498b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #7f5fa6 0%,#61498b 100%); /* IE10+ */
	background: linear-gradient(top,  #7f5fa6 0%,#61498b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f5fa6', endColorstr='#61498b',GradientType=0 ); /* IE6-9 */
	}
	
	div.book .listen.button:after {
	width: 0px; 
	height: 0px; 
	content:"";  
	position:absolute; 
	top:13px; 
	left:16px; 
	border-style:solid;
		border-color:transparent #fff;
		border-width:6px 0px 6px 8px;
	}

.short-story {  
margin-bottom:5%;
margin-right:4.545454545454545454545454545455%
}	div.short-story p.description { display:block; margin-bottom:20px; }
	div.short-story h3 { color: #553781; font-size:36px; line-height:48px; font-style:italic; font-weight: normal; }
	div.short-story .button { float:left; margin-bottom:20px;  }
	div.short-story.right { margin-right:0%; }
	
.video {  
margin-bottom:5%;
padding-top:0px !important;
}	div.video p.description { display:block; margin-bottom:20px; }
	div.video h3 { color: #553781; font-size:36px; line-height:48px; font-style:italic; font-weight: normal; }
	div.video .button { float:left; margin-bottom:0px;  }

#border-bottom { width:100%; height:1px; border-top:1px solid #e9e9e9; display:block; margin-bottom:20px; padding-bottom:0px !important; padding-top: 0px !important;  }

.current-writing h4 {
color:#553781;
font-size:32px;
font-weight:normal;
font-style: italic;
margin-bottom:20px;
}

.current-writing #progress-bar {
width:100%;
height:40px;
background: #fdfdfd;
border:1px solid #e9e9e9;
border-radius:30px;
position:relative;
margin-bottom:20px;
}	#progress-bar .meter {
	height:28px;
	display:block;
	position:absolute;
	top:4px;
	left:4px; 
	background:#7d5da4 url(img/progress-bar.png) repeat-x;
	border:1px solid #61498b;
	border-radius:30px;
	color:#f3f1f6;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	text-shadow:0px 1px 0px #150e1a;
	}

.leprechauns {
display:block;
width:280px;
height:218.75px;
background:#fff url(img/404.jpg) no-repeat;
}	body.error404 h1 { margin-top:0px; }
	body.error404 input#s { 
	width: -moz-calc(100% - 320px;);
	width: -webkit-calc(100% - 320px;);
	width: -o-calc(100% - 320px;);
	width: calc(100% - 320px;);
	}

.page-template-page-about-php #content-wrap p { /* about page styling */
font-size: 18px;
font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif, 'Comic Sans'; 
/*font-style:italic;*/
}
		
#commentform label { width:30%; }

/*******************************FOOTER STYLING********************************************/
footer {
border-top:1px solid #5d477c;
box-shadow:0px -1px 0px #fff, inset 0px 0px 5px rgba(0,0,0,0.2);
background:#624986 url(img/footer-bg.jpg) repeat;
padding:20px;
text-shadow:0px 1px 0px #1a1424;
text-align:center;
}
	footer h3.widget-title {
	font-size: 24px;
	font-style:italic;
	color:#fff;
	font-weight:normal;
	line-height:1em;
	margin-bottom:20px;
	}
	
	footer a { color:#fff; }
	
	.textwidget .contact {
	margin-bottom:20px; 
	padding-top: 70px; 
	width:100%;
	display:block;
	}	.xoxo .textwidget .email { background: transparent url(img/contact-mail.png) no-repeat center top; }
		.xoxo .textwidget .twitter { background: transparent url(img/contact-twitter.png) no-repeat center top; }
		.xoxo .textwidget .facebook { background: transparent url(img/contact-facebook.png) no-repeat center top; }
			
			.contact .address { font-size: 18px; color: #f3f1f5; font-style:italic; }
	
	footer p { font-size: 14px; font-family:Arial; color: #d9d4e0; }
	
	.footer-lower {
	border-top:1px solid #554171;
	background: #7a629d;
	box-shadow: 0px -1px 0px #634e81, inset 0px 0px 5px rgba(0,0,0,0.2);
	width:100%;
	padding:10px;
	-moz-box-sizing: padding-box; -webkit-box-sizing: padding-box; -ms-box-sizing:padding-box; -o-box-sizing:padding-box; box-sizing: padding-box;
	font-size:12px;
	font-family:Arial;
	color:#ddd8e5;
	text-shadow:0px 1px 0px #493b5e;
	} .footer-lower a { color:#fff; }
	
	
/*******************************COMMENT STYLING********************************************/

#comments-title, #reply-title {
font-size:24px;
font-weight:normal;
font-style:italic;
line-height:24px;
padding:0;
margin-bottom:20px;
color:#705499;
}	#reply-title { float:left; }

.comment {
width:100%;
font-family:Arial;
font-size:14px;
color:#5b5b5b;
padding: 20px 0;
border-bottom:1px solid #e9e9e9;
line-height:16px;
}	.comment em { font-size: 12px; }
	.comment .comment-author {
	float:left; 
	height: 16px; 
	font-size:12px;
	line-height:16px; 
	text-transform:uppercase; 
	font-weight:bold;
	margin-bottom:10px;
	}	.comment-author img.avatar {
		float:left;
		margin-right:10px;
		width:16px;
		height:16px;
		}
		
	div.comment-meta { float:right; height:16px; font-size:12px; }
	
	li.comment div.comment-body { clear:both; margin-left:26px; }
		.comment-body p { margin-bottom:10px !important;}

	div.reply {font-weight:bold; margin-right:0px; margin-left:26px;}

	div#respond { 
	padding-top:20px; 
	}
		p.logged-in-as { float:left;}
	
	div.comment-text {
	margin:10px 0 10px 0;
	line-height:1.6em;
	}

li.comment.depth-2, li.comment.depth-3, li.comment.depth-4, li.comment.depth-5 {
padding-left:5%;
width:95%;
border-left:1px solid #705499;
}

/*comment reply*/
form#commentform {
	position:relative;
}

form#commentform label {
	display:block;
	width:30%;
	font-size:10px;
	float:left;
}
form#commentform p { position:relative; display:block; margin-bottom:10px; clear:both; }
p.comment-form-email span.required, p.comment-form-author span.required {position:absolute; left:70px;}
p.comment-form-email, p.comment-form-author, p.comment-form-url { line-height:30px; display:block; height:30px;}

p.comment-form-comment {
width:100%;
}

textarea#comment, input#author, 
input#email, input#url {
width:70% !important;
height:200px;
padding:10px;
float:right;
background:#fdfdfd	;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
border:1px solid #e9e9e9;
box-shadow:inset 0px 1px 0px #fff, inset 0px 2px 4px rgba(0,0,0,0.03);;
font-family:Arial;
font-size:12px;
border-radius:3px;
}

textarea#comment { width:100%; margin-bottom:20px; }

input#author, 
input#email, input#url { height:30px !important;}

textarea#comment:active, textarea#comment:focus, 
input#author:focus, input#email:focus, 
input#url:focus, input#author:active, 
input#email:active, input#url:active  {
	background:#fff;
	border:1px solid #e0e0e0;
}

input#author, input#email, input#url { height:30px; margin-bottom:10px; }


p.form-allowed-tags {
	clear:both; 
	font-size:12px;
	margin-top:20px;
}

/*______________________________________________________________________________________________________

---------------------------------- Media Query 768+ {TABLET RESOLUTION} ---------------------------------------------
______________________________________________________________________________________________________*/

@media all and (min-width: 768px) and (max-width: 854px) {
nav#main-nav ul li a { font-size: 16px; }
}

@media all and (min-width: 768px) /*and (max-width: 1020px)*/ {

.full-width {
margin-left:-5% !important;
padding:5% !important;
}

header h1 a { 
width:350px;
height:180px;
background: transparent url(img/title-full.png) no-repeat;
}	header h1 a:hover { background-position: 0px -180px; }

#mobile-toggle { display:none; }

#main-nav {
width: 100%; 
height:50px; 
border-bottom:1px solid #e9e9e9;
}
	#main-nav ul { width: 100%; margin:0 auto; height:50px; overflow:hidden; }
	#main-nav ul li { float:left; width: 16.666666666666666666666666666667%; }
	#main-nav ul li a {
	width: 100%;
	float:left;
	text-align:center; 
	border-bottom:0px #fff;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing: border-box;
	padding-left:0px;
	}	nav#main-nav ul li a:hover, nav#main-nav ul li.current_page_item a {
		border-left:1px solid #d0d0d0;
		border-right:1px solid #d0d0d0;
		}

#main-wrap { width: 100%; padding:0px; overflow:hidden; }

#intro-container {
width:90%;
margin:5% auto;
padding:0px; 
}	div#intro-container p { float:right; text-align:right; width:70%; margin-bottom:0px; }
	div#intro-container img.me { float:right; margin-left:5%; width:25%; max-width: 240px; }

#content-wrap { 
width: 100%; 
clear:both; 
overflow:hidden;
padding:4.545454545454545454545454545455%;
margin-bottom:0px;
background:#fdfdfd;
border-top:0px solid #000;
}	body.home div#content-wrap { overflow:visible; }
	
	.post, .front-post { padding-bottom: 5%; padding-top:0px; margin-bottom:0px; }
		.front-post.first {
		width:100%;
		background: #fff;
		border-bottom:1px solid #e9e9e9; 
		padding: 5%;
		position:relative; 
		z-index:2; 
		margin-top:-20px;
		margin-left: -5%;
		margin-bottom: 5%;
		-moz-box-sizing: content-box; -webkit-box-sizing: content-box; -ms-box-sizing:content-box; -o-box-sizing:content-box; box-sizing: content-box !important;
		}	body.home div.front-post.first span.featured-thumbnail img { width: 30% !important; margin-right: 5%; float:left; }
			div.front-post.first article.post-content { width: 65%; float:left;  }
		.single-thumbnail img { width:55%; }
			
		div.post p, div.front-post p { margin-bottom:0px; }
		
		body.blog div.post, div.single-post, body.archive div.post { 
		float:left; 
		clear:none; 
		padding-top:0%; 
		padding-bottom: 5%; 
		margin-bottom: 5%;
		}
		
		.next-prev { margin-bottom:0px; }
			.next-prev a { width:50%; float:left; }
			
			.next-prev .right { width:50%; float:right; }
				.next-prev .right a { width: 100%; border-left:0px solid #fff; }
		body.single .next-prev { margin-bottom:5%; }

#border-bottom { margin-bottom:5%;  }

div.single-post, body.blog div#blog-posts-container, body.archive div#blog-posts-container {
width:65%;
float:left;
margin-right:5%;
}	#blog-posts-container .post { width:100%; }
		
#sidebar-container {
width:35%; 
float:right;
border-left:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9;
border-top:0px solid;
position:relative;
clear:none;
/*height:750000px;
position:absolute;
top:0px;
right:0px;*/
padding: 4.545454545454545454545454545455%;
margin-right: -5%;
margin-top: -5%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing: border-box;
}	body.blog #content-wrap, body.single #content-wrap { /*padding-right: 40%;*/ } 

#news-container { width: 100%; }
#news-container .news {
width:100%;
margin-top:4.545454545454545454545454545455%;
padding: 4.545454545454545454545454545455%;
margin-bottom:-5%;
background: #fff;
}
	
.contact-widget { /* the contact circles on the audiobooks and videography page */
width:50%;
float:left;
}

.short-story {  /* display block for short stories on the books & writing page */
float:left;
width:47.5%;
margin-top:4.545454545454545454545454545455%;
margin-right:4.545454545454545454545454545455%
margin-bottom:0px;
} div.short-story right { margin-right:0%;}

.book .button { margin-right:0px; }
.book .button.listen { margin-right:4.545454545454545454545454545455%; }
.book:last-child {
margin-bottom:-5%;
}

div.video.full-width { padding-top:0px !important; }

.leprechauns { /* 404 error page */
float:left;
width:320px;
height:250px;
margin-right:20px;
}

footer { width: 100%; padding: 2.5% 4.545454545454545454545454545455%; text-align: left !important; }
	
	footer .xoxo { width: 100%; }
	
	footer .xoxo:first-child li { 
	width: 63.33333333333333333333333333333%; 
	text-align:left; 
	padding:0px; 
	float:left; 
	margin-right: 5%; 
	}
		.textwidget .contact {
		width:100%;
		margin-right:0%;
		float:left;
		padding-top:70px;
		padding-left:0px;
		min-height:70px;
		}	ul.xoxo div.textwidget div.email { background: transparent url(img/contact-mail.png) no-repeat left top; }
			ul.xoxo div.textwidget div.twitter { background: transparent url(img/contact-twitter.png) no-repeat left top; margin-right:0; }
			ul.xoxo div.textwidget div.facebook { background: transparent url(img/contact-facebook.png) no-repeat left top; }
	
	footer .xoxo #text-5 {
	display:block;
	width: 31.666666666666666666666666666667%; 
	text-align: left !important; 
	padding:0px; 
	margin-right:0; 
	float:right; 
	}	footer .xoxo li img { float:left; margin-right:20px;}
		footer .xoxo #text-5 p { font-size:12px; }
	
	.footer-lower { text-align:center; }	
}



/*______________________________________________________________________________________________________

---------------------------------- Media Query 1021+ {DESKTOP RESOLUTION} ---------------------------------------------
______________________________________________________________________________________________________*/

@media all and (min-width: 1021px) {

#main-wrap { 
width: 90%; 
margin:0 auto;
overflow:visible; 
}

#main-nav ul { width: 90%; }
#intro-container { width:100%; }

#content-wrap { 
margin-bottom:5% !important;
margin-top:5%;
border: 1px solid #e9e9e9; 
box-shadow: 0px 0px 5px rgba(0,0,0,0.05);
position:relative;
}	.home #content-wrap { margin-top:0%; }
	
.current-writing h4 { float:left; width:30%; line-height:30px; }
.current-writing #progress-bar { float:left; width:70%; }

		.textwidget .contact {
		width:30%;
		margin-right:5%;
		float:left;
		padding-top:0px;
		padding-left:70px;
		min-height:70px;
		}	ul.xoxo div.textwidget div.email { background: transparent url(img/contact-mail.png) no-repeat left top; }
			ul.xoxo div.textwidget div.twitter { background: transparent url(img/contact-twitter.png) no-repeat left top; margin-right:0; }
			ul.xoxo div.textwidget div.facebook { background: transparent url(img/contact-facebook.png) no-repeat left top; }
			
}