/*
Theme Name: Elissa Sussman
Theme URI: 
Author: Michael Hanttula and Spark3
Author URI: 
Description: A custom theme for ElissaSussman.com, based on Quark v1.2.6
Version: 1.2.6
License: 
License URI: 
Tags:
*/
/* ==========================================================================
   Default stylings from HTML5 Boilerplate
   ========================================================================== */
/* Apply a natural box layout model to all elements - http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/* Using rem font sizing (Root em’s) with fallback to px for ie8 and below - http://snook.ca/archives/html_and_css/font-size-with-rem */
body { margin: 0; font-size: 16px; font-size: 1rem; line-height: 1.5; }
::-webkit-selection { background: #5784FE; color: #fff; text-shadow: none; }
::-moz-selection { background: #5784FE; color: #fff; text-shadow: none; }
::selection { background: #5784FE; color: #fff; text-shadow: none; }
a { color: #333; text-decoration: underline; }
a:visited { color: #666 }
a:hover { color: #152862 }
menu { padding: 0 }
td { vertical-align: top }
/* ==========================================================================
   Basic page styles
   ========================================================================== */
body { margin: 0 auto; padding: 0; font: 16px/1.5 Georgia, "Times New Roman", Times, serif;; font-size: 1rem; font-style: normal; font-weight: 400; color: #333; text-align: left; }
/* Set the default behavior for touch-based browsing in IE10 on devices running Windows 8 */
canvas { -ms-touch-action: double-tap-zoom }
/* Make sure videos and embeds fit their containers */
embed, iframe, object, video { max-width: 100% }
.entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ }
/* Responsive images */
img { border: 0; max-width: 100%; height: auto; }
.entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ }
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; }
/* Header */
h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight: 700; color: #333; margin-top: 0; }
h1 { margin-bottom: 10px; margin-bottom: 0.625rem; font-size: 48px; font-size: 3rem; line-height: 1.25; }
h2 { margin-bottom: 8px; margin-bottom: .5rem; font-size: 36px; font-size: 2.25rem; line-height: 1.1666; }
h3 { margin-bottom: 6px; margin-bottom: 0.375rem; font-size: 28px; font-size: 1.75rem; line-height: 1.2857; }
h4 { margin-bottom: 5px; margin-bottom: 0.3125rem; font-size: 24px; font-size: 1.5rem; line-height: 1.25; }
h5 { margin-bottom: 5px; margin-bottom: 0.3125rem; font-size: 16px; font-size: 1rem; line-height: 1.25; }
h6 { margin-bottom: 5px; margin-bottom: 0.3125rem; font-size: 14px; font-size: .875rem; line-height: 1.2142; }
hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; margin: 1.5rem; }
ol, ul { list-style: none outside none }
p, ol, ul, dl, address { margin: 0 0 24px 0; margin: 0 0 1.5rem 0; font-size: 16px; font-size: 1rem; line-height: 1.5; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0 }
dt { font-family: Georgia, "Times New Roman", Times, serif;; font-style: normal; font-weight: 700; }
b, strong { font-family: Georgia, "Times New Roman", Times, serif;; font-style: normal; font-weight: 700; }
em { font-family: Georgia, "Times New Roman", Times, serif;; font-style: italic; font-weight: 400; }
strong em, b em { font-family: Georgia, "Times New Roman", Times, serif;; font-style: italic; font-weight: 700; }
ins { background: none repeat scroll 0 0 #FFF9C0; text-decoration: none; }
a { color: #333; outline: none; }
a:visited { color: #666 }
a:focus { outline: thin dotted; color: #77ae31; }
a:hover, a:active { outline: 0; color: #77ae31; }
.alignleft { display: inline; float: left; margin: 0 20px 16px 0; margin: 0 1.25rem 1rem 0; }
.alignright { display: inline; float: right; margin: 0 0 16px 20px; margin: 0 0 1rem 1.25rem; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 16px; margin-bottom: 1rem; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
blockquote { border-left: 5px solid #333; margin: 0 0 18px 20px; margin: 0 0 1.125rem 1.25rem; padding: 0 0 0 16px; padding: 0 0 0 1rem; }
blockquote.pull-right { border-left: 0 none; border-right: 5px solid #333; margin: 0 20px 18px 0; margin: 0 1.25rem 1.125rem 0; padding: 0 16px 0 0; padding: 0 1rem 0 0; float: none; }
blockquote p { font-family: Georgia, "Times New Roman", Times, serif;; font-style: italic; font-weight: 400; font-size: 24px; font-size: 1.5rem; margin-bottom: 0; }
blockquote.pull-right p, blockquote.pull-right small { text-align: right }
blockquote cite:before { content: "\2014 " }
blockquote cite { font-family: Georgia, "Times New Roman", Times, serif;; font-style: normal; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 1.125; color: #999; display: block; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
code, pre { border-radius: 3px; color: #555; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; font-size: 0.75rem; padding: 0 3px 2px; padding: 0 0.1875rem 0.125rem; }
code { background-color: #f7f7f9; border: 1px solid #e1e1e8; padding: 2px 4px; padding: 0.125rem 0.25rem; }
abbr, dfn, acronym { border-bottom: 1px dotted #666; cursor: help; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em }
sub { bottom: -0.25em }
.wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 4px; padding: 0.25rem; }
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-family: Georgia, "Times New Roman", Times, serif;; font-style: italic; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 1.5; color: #777; text-align: center; }
img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.entry-content dl.gallery-item { margin: 0 }
.gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; }
.gallery .gallery-icon img { height: auto }
#primary .entry-content [id^="gallery-"] img { border: none }
/* Text meant only for screen readers */
.assistive-text { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; }
.menu-toggle, button, input { font-family: Georgia, "Times New Roman", Times, serif;; font-style: normal; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 1.25; margin: 0; font-size: 100%; vertical-align: middle; }
.menu-toggle, button, input { *overflow: visible; line-height: normal; }
.menu-toggle::-moz-focus-inner, button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="button"] { width: auto }
.menu-toggle, .btn, input[type="submit"] { display: inline-block; *display: inline; padding: 8px 14px; padding: 0.5rem 0.875rem; margin-bottom: 0; *margin-left: .3em; font-size: 16px; font-size: 1rem; line-height: 1.25; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(top, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6'); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.menu-toggle, a.btn { color: #333333; text-decoration: none; }
.menu-toggle:hover, .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: #e6e6e6; *background-color: #d9d9d9; }
.btn:first-child { *margin-left: 0 }
.menu-toggle:hover, .btn:hover, input[type="submit"]:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
.menu-toggle:focus, .btn:focus, input[type="submit"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.menu-toggle:active, .btn.active, .btn:active, input[type="submit"]:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); position: relative; top: 1px; }
.btn.disabled, .btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn.disabled:active, .btn[disabled]:active { top: 0 }
button.btn, input[type="submit"].btn { *padding-top: 2px; *padding-bottom: 2px; }
button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; }
.btn-large, input[type="submit"].btn-large { padding: 10px 15px; padding: 0.625rem 0.9375rem; font-size: 20px; font-size: 1.25rem; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.btn-small, input[type="submit"].btn-small { padding: 5px 9px; padding: 0.3125rem 0.5625rem; font-size: 13px; font-size: 0.8125rem; }
/* Form fields */
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea { font-family: inherit; padding: 8px; padding: 0.5rem; font-family: inherit; border: 1px solid #ccc; border-radius: 3px; }
select { max-width: 100% }
/* Small headers */
.archive-title, .page-title, .entry-content th, .comment-content th { font-family: Georgia, "Times New Roman", Times, serif;; font-style: normal; font-weight: 700; font-size: 14px; font-size: 0.875rem; line-height: 2; text-transform: uppercase; }

/* Overrides for Toggle Button */
.menu-toggle { font-style: normal; font-weight: 400; font-size: 16px; font-size: 1rem; line-height: 1.25; color: #464646; text-align: left; text-shadow: none; margin: 0; font-size: 100%; vertical-align: middle; display: block; padding: 4px 14px 4px 32px; padding: 0.3rem 0.875rem 0.3rem 2rem; background: #e7e7e8 url(images/menu-toggle.png) 98% 5px no-repeat; border: 1px solid #464646; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e7e7e8', endColorstr='#e7e7e8'); *zoom: 1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-decoration: none; *overflow: visible; }
.menu-toggle::-moz-focus-inner { padding: 0; border: 0; }
.menu-toggle:active { background-color: #464646; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); position: relative; top: 1px; }
.menu-toggle:hover, .menu-toggle.toggled-on { nowhitespace: afterproperty; color: #fff; background: #464646 url(images/menu-toggle.png) 98% -46px no-repeat; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.menu-toggle:focus { outline: none }
/* ==========================================================================
   Site specific styles
   ========================================================================== */
   
body.custom-background { background: #fafafa url('http://elissasussman.com/media/bg_linedpaper.jpg') repeat scroll top left;  }
#bannercontainer { background: #151306 url('http://elissasussman.com/media/bg_banner_burn.jpg') repeat scroll top center; background-size: auto 100%; }
#footercontainer { background-color: #222222; } /* In place of custom settings in Theme Options */
.smallprint { text-align: center; }/* In place of custom settings in Theme Options */

.home #bannercontainer { min-height: 300px; }   
   
#wrapper { width: 100%; position: relative; text-align: left; overflow: hidden; /* hiding overflow helps with full-width presentation of nav background */ }
#headercontainer { }
.site-header { clear: both; width: 90%; font-size: 16px; font-size: 1rem; max-width: 1080px; margin: 0 auto; padding: 0; position: relative; color: #000; }
.site-title h1 { margin-top: 20px; margin-top: 1.25rem; }
.site-title img { vertical-align: text-bottom }
.site-title a { color: #333; font-size: 64px; font-size: 4rem; text-decoration: none; }
#bannercontainer { width: 100%; }
.banner { color: #eaeaea; width: 90%; max-width: 1080px; margin: 0 auto; padding: 15px 0; padding: 0.9375rem 0; min-height: 75px; }
.home .banner .widget { margin: 48px 0; margin: 3rem 0; }
.banner h1, .banner h2, .banner h3, .banner h4, .banner h5, .banner h6 { color: #eaeaea }
.banner h1 { font-size: 56px; font-size: 3.50rem; }
.banner h2 { font-size: 32px; font-size: 2rem; }
#maincontentcontainer .home-sidebar .widget { background-color: #fcfcfc; border: 1px solid #bbb; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 10px; padding: 0.625rem; min-height: 480px;}
#maincontentcontainer { width: 100% }
.site-content { clear: both; width: 90%; font-size: 16px; font-size: 1rem; max-width: 1080px; margin: 0 auto; padding: 32px 0; padding: 2rem 0; color: #333; line-height: 1.5; position: relative; }
.home-sidebar { width: 90%; max-width: 1080px; margin: 0 auto; padding-bottom: 32px; padding-bottom: 2rem; }
.home.page .site-content { padding-bottom: 0 }
.home.page .site-content article { margin-bottom: 0 }
#masthead .grid_4_of_12 { max-height: 205px; overflow: hidden; }
#masthead .grid_4_of_12 img { margin-top: -12px;}
/* Social Media icons */
.social-media-icons { float: right; height: auto; }
.social-media-icons ul { list-style: none; margin: .5em 0 0 0; padding: 0; }
.social-media-icons li { display: inline-block; margin: 0.1em 0 0 0.6em; font-size: 0.6rem; text-align: left; }
.social-media-icons a { color: #333; text-decoration: none; }
.social-media-icons a:visited { color: #333 }
.social-media-icons a:hover, .social-media-icons a:active { color: #77ae31 }
/* Tag Designs for Social Icons */
.fa { display: none; /* Hide FontAwesome icons until responsive variants */ }
.social-media-icons .fa-lg { width: 33px; height: 82px; position: relative;    
	-webkit-animation: oscillation 2.5s ease-in-out infinite alternate;
	-moz-animation: oscillation 2.5s ease-in-out infinite alternate; -webkit-transform-origin:50% -40px; -moz-transform-origin:50% -40px; }
.social-media-icons li:nth-of-type(1) .fa-lg { background: url(images/tag_rss.png) 0 -20px no-repeat; top: -30px; }
.social-media-icons li:nth-of-type(2) .fa-lg { background: url(images/tag_facebook.png) 0 0 no-repeat; top: -20px; }
.social-media-icons li:nth-of-type(3) .fa-lg { background: url(images/tag_twitter.png) 0 0 no-repeat; top: -20px; }
.social-media-icons li:nth-of-type(4) .fa-lg { background: url(images/tag_pinterest.png) 0 0 no-repeat; top: -20px; }
.social-media-icons li:nth-of-type(5) .fa-lg { background: url(images/tag_tumblr.png) 0 0 no-repeat; top: -20px; }
.social-media-icons li:nth-of-type(6) .fa-lg { background: url(images/tag_email.png) 0 0 no-repeat; top: -30px; }

@-webkit-keyframes oscillation {
	from {	-webkit-transform:rotate(-1deg); }
	to {-webkit-transform:rotate(2deg);	}
}
@-moz-keyframes oscillation {
	from{ -moz-transform:rotate(-1deg);	}
	to{	-moz-transform:rotate(2deg); }
}


/* ==========================================================================
   Main Content
   ========================================================================== */
.entry-meta { clear: both }
.comments-link { font-family: Georgia, "Times New Roman", Times, serif; font-family: font-style: italic; font-weight: 400; font-size: 14px; font-size: 0.875rem; float: right; }
.entry-header .entry-title a { text-decoration: none }
.entry-header h1 a:visited { color: #333 }
.entry-header h1 a:hover { color: #77ae31 }
article.sticky .featured-post { font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight: 400; border-top: 4px double #aaa; border-bottom: 4px double #aaa; color: #777; font-size: 16px; font-size: 1rem; line-height: 3; margin-bottom: 24px; margin-bottom: 1.5rem; text-align: center; }
article.sticky { border-bottom: 4px double #aaa }
.site-content article { margin-bottom: 40px; margin-bottom: 2.5rem; -ms-word-wrap: break-word; -webkit-hyphens: auto; word-wrap: break-word; }
.header-meta { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 10px; margin-bottom: 0.625rem; padding: 5px 0; padding: 0.3125rem 0; *zoom: 1; }
.header-meta:before, .header-meta:after { content: ""; display: table; }
.header-meta:after { clear: both }
.header-meta a { text-decoration: none }
.header-meta a:visited { color: #333 }
.header-meta a:hover { color: #77ae31 }
.entry-content { margin-bottom: 20px; margin-bottom: 1.25rem; *zoom: 1; }
.entry-content:before, .entry-content:after { content: ""; display: table; }
.entry-content:after { clear: both }
.post-categories a, .post-tags a { font-size: 14px; font-size: 0.875rem; background-color: #333; color: #fff; padding: 0 5px; padding: 0 0.3125rem; margin: 0 3px 0 0; margin: 0 0.1875rem 0 0; display: inline; text-decoration: none; }
.post-categories a:visited, .post-tags a:visited { color: #fff }
.post-categories a:hover, .post-tags a:hover { background-color: #77ae31; color: #fff; }
.entry-header address, .comment-content address { font-family: Georgia, "Times New Roman", Times, serif;; font-style: italic; font-weight: 400; display: block; }
.entry-header address { display: inline }
.entry-header time, .entry-header address { font-family: Georgia, "Times New Roman", Times, serif;; font-style: italic; font-weight: 400; font-size: 14px; font-size: 0.875rem; margin: 0 20px 0 0; margin: 0 1.25rem 0 0; }
.page-links { clear: both; line-height: 1.75; color: #333; }
.page-links .page-numbers { background-color: #333; border: 1px solid #333; padding: 2px 4px; padding: 0.125rem 0.25rem; color: #fff; }
.page-links a { text-decoration: none }
.page-links a .page-numbers { background-color: transparent; color: #333; }
.page-links a:hover .page-numbers { background-color: #77ae31; color: #fff; }
.more-link { text-decoration: none }
.post-edit-link { text-decoration: none }
.entry-content dl, .comment-content dl { margin: 0 24px; margin: 0 1.5rem; }
.entry-content dt, .comment-content dt { font-family: Georgia, "Times New Roman", Times, serif;; font-style: normal; font-weight: 700; line-height: 1.5; }
.entry-content dd, .comment-content dd { line-height: 1.5; margin-bottom: 24px; margin-bottom: 1.5rem; }
.entry-content table, .comment-content table { border-bottom: 1px solid #ccc; font-size: 14px; font-size: 0.875rem; line-height: 2; margin: 0 0 24px; margin: 0 0 1.5rem; width: 100%; }
.entry-content table caption, .comment-content table caption { font-size: 16px; font-size: 1rem; margin: 24px 0; margin: 1.5rem 0; }
.entry-content td, .comment-content td { border-top: 1px solid #ccc; padding: 6px 10px 6px 0; padding: 0.375rem 0.625rem 0.375rem 0; }
.entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul { margin: 0 0 24px; margin: 0 0 1.5rem; line-height: 1.5; padding: 0; }
.entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul { margin-bottom: 0 }
.entry-content ul, .comment-content ul { list-style: disc outside }
.entry-content ol, .comment-content ol { list-style: decimal outside }
.entry-content li, .comment-content li { margin: 0 0 0 28px; margin: 0 0 0 1.75rem; }
/* Author profiles */
.author .archive-header { margin-bottom: 24px; margin-bottom: 1.5rem; }
.author-info { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 24px 0; margin: 1.5rem 0; padding: 24px 0; padding: 1.5rem 0; overflow: hidden; *zoom: 1; }
.author-info:before, .author-info:after { content: ""; display: table; }
.author-info:after { clear: both }
.author-description h2 { font-size: 24px; font-size: 1.5rem; }
.author-description p { color: #777; font-size: 14px; font-size: 0.875rem; line-height: 1.5; margin-bottom: 8px; margin-bottom: 0.5rem; }
.author-link { font-size: 14px; font-size: 0.875rem; }
.author-link a { color: #777; text-decoration: none; }
.author-link a:visited { color: #666 }
.author-link a:focus, .author-link a:hover, .author-link a:active { outline: 0; color: #77ae31; }
.author.archive .author-info { border-top: 0; margin: 0 0 48px; margin: 0 0 3rem; }
.author.archive .author-avatar { margin-top: 0 }
.author.archive .author-link { display: none }
.author-avatar { float: left; margin-top: 8px; margin-top: 0.5rem; }
.author-description { float: right; width: 80%; }
.social-meta a { text-decoration: none; margin-right: 5px; margin-right: 0.3125rem; }

/* =Smooth Scroll  */
a#scroll-to-top {
	background: url(images/top-arrow.png) no-repeat center center;
	/* Match to background image size */ width: 35px; height: 35px;
	/* Postion on the page */ position: fixed;	right: 30px; bottom: 30px;
	/* Hide link text */ text-indent: -9999px; font-size: 0;
	cursor: pointer;	
	outline: 0;
}

body.rtl a#scroll-to-top { left: 30px; }

/* ==========================================================================
   =Images in Page/Post Content - Images with Captions Get "Polaroid" Treatment
   ========================================================================== */



/* By default, we tilt all our images -2 degrees */
.entry-content .wp-caption { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); background: #fff; padding: 16px 16px 4px 16px; padding: 1rem 1rem 0.25rem 1rem; -webkit-box-shadow: 1px 2px 6px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 1px 2px 6px 0px rgba(50, 50, 50, 0.2); box-shadow: 1px 2px 6px 0px rgba(50, 50, 50, 0.2);}
.entry-content p.wp-caption-text { padding: 0; margin: 0; }
/* Rotate all even images 2 degrees */
.entry-content .wp-caption:nth-child(even) { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); }
/* Don't rotate every third image, but offset its position */
.entry-content .wp-caption:nth-child(3n) { -webkit-transform: none; -moz-transform: none; position: relative; top: -5px; }
/* Rotate every fifth image by 5 degrees and offset it */
.entry-content .wp-caption:nth-child(5n) { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); position: relative; right: 5px; }
/* Keep default rotate for every eighth, but offset it */
.entry-content .wp-caption:nth-child(8n) { position: relative; top: 8px; right: 5px; }
/* Keep default rotate for every eleventh, but offset it */
.entry-content .wp-caption:nth-child(11n) { position: relative; top: 3px; left: -5px; }

/* ==========================================================================
   Columns
   ========================================================================== */


/* =General CSS
-------------------------------------------------------------- */
.full_width, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth { float: left; padding: 1em; }
.clear_column { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; overflow: hidden; }
/* =Shortcodes Templates
-------------------------------------------------------------- */
/* =Default Template (no margin)
-------------------------------------------------------------- */
.full_width { width: 100% }
.one_half { width: 50% }
.one_third { width: 33.3% }
.two_third { width: 66.6% }
.one_fourth { width: 25% }
.three_fourth { width: 75% }
.one_fifth { width: 20% }
.two_fifth { width: 40% }
.three_fifth { width: 60% }
.four_fifth { width: 80% }
.one_sixth { width: 16.6% }
/* =Responsive
-------------------------------------------------------------- */
/* Maximum width of 600 pixels. */
@media screen and (max-width: 600px) { 
    .full_width, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth { clear: both; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 1em; }
}
/* =Small Margins Template
-------------------------------------------------------------- */
/*
.full_width { width: 100% }
.one_half { width: 49% !important; margin-right: 2% !important; }
.one_half.last_column { width: 49% !important; margin-right: 0px !important; }
.one_third { width: 32% !important; margin-right: 2% !important; }
.one_third.last_column { width: 32% !important; margin-right: 0px !important; }
.two_third { width: 66% !important; margin-right: 2% !important; }
.two_third.last_column { width: 66% !important; margin-right: 0px !important; }
.one_fourth { width: 23.5% !important; margin-right: 2% !important; }
.one_fourth.last_column { width: 23.5% !important; margin-right: 0px !important; }
.three_fourth { width: 74.5% !important; margin-right: 2% !important; }
.three_fourth.last_column { width: 74.5% !important; margin-right: 0px !important; }
.one_fifth { width: 18.4% !important; margin-right: 2% !important; }
.one_fifth.last_column { width: 18.4% !important; margin-right: 0px !important; }
.two_fifth { width: 39% !important; margin-right: 2% !important; }
.two_fifth.last_column { width: 39% !important; margin-right: 0px !important; }
.three_fifth { width: 59% !important; margin-right: 2% !important; }
.three_fifth.last_column { width: 59% !important; margin-right: 0px !important; }
.four_fifth { width: 79.6% !important; margin-right: 2% !important; }
.four_fifth.last_column { width: 79.6% !important; margin-right: 0px !important; }
.one_sixth { width: 15% !important; margin-right: 2% !important; }
.one_sixth.last_column { width: 15% !important; margin-right: 0px !important; }
*/



/* =Specific Page Styles */
.home #text-3 { margin-top: 62px !important; margin-top: 3.9rem !important; }
.home #text-3 p {font-family: 'Playfair Display', Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight: 700; font-size: 32px; font-size: 2rem; line-height: 1.5; text-align: center; text-shadow: 0px 0px 25px rgba(0, 0, 0, 1);}
.home #text-3 p span { font-size: 48px; font-size: 3rem; }
.page-id-7 .one_third.last_column { margin-top: -64px; margin-top: -4rem; }

/* ==========================================================================
   Post Formats
   ========================================================================== */
.entry-media { margin: 0 auto 16px; margin: 0 auto 1rem; max-width: 792px; width: 100%; }
.entry-media .wp-caption, .entry-media .wp-caption-text, .entry-media [class*="align"] { margin: 0 auto }
/* Aside */
.format-aside .entry-content { margin: 20px 0 18px 0; margin: 1.25rem 0 1.125rem 0; }
.format-aside .entry-content p:last-child { margin-bottom: 0 }
/* Status */
.format-status .entry-content { border-left: 5px solid #ddd; margin: 20px 0 18px 0; margin: 1.25rem 0 1.125rem 0; padding: 0 0 0 15px; padding: 0 0 0 0.9375rem; }
.format-status .entry-content p { font-size: 20px; font-size: 1.25rem; font-style: italic; }

.format-status .entry-content p:last-child { margin-bottom: 0 }
/* Quote */
.format-quote .entry-content blockquote:before { font-family: 'FontAwesome'; font-weight: normal; font-style: normal; speak: none; vertical-align: top; font-size: 40px; font-size: 2.5rem; content: "\f10d"; color: #ddd; top: -15px; left: 0; position: absolute; z-index: -1; }
.format-quote .entry-content { margin-top: 24px; margin-top: 1.5rem; position: relative; }
.format-quote .entry-content blockquote { border: none; margin-left: 40px; margin-left: 2.5rem; }
/* Audio */
.format-audio .wp-audio-shortcode { margin-bottom: 16px; margin-bottom: 1rem; }

.blog article:nth-of-type(4n+0) header h1, .archive article:nth-of-type(4n+0) header h1 { -webkit-transform: rotate(1.5deg); -moz-transform: rotate(1.5deg); -o-transform: rotate(1.5deg); writing-mode: lr-tb;}
.blog article:nth-of-type(4n+1) header h1, .archive article:nth-of-type(4n+1) header h1 { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -o-transform: rotate(-1deg); writing-mode: lr-tb;}
.blog article:nth-of-type(4n+2) header h1, .archive article:nth-of-type(4n+2) header h1 { -webkit-transform: rotate(1deg); -moz-transform: rotate(1deg); -o-transform: rotate(1deg); writing-mode: lr-tb;}
.blog article:nth-of-type(4n+3) header h1, .archive article:nth-of-type(4n+3) header h1 { -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); writing-mode: lr-tb; }

/* ==========================================================================
   Archives
   ========================================================================== */
.archive-header, .page-header { margin-bottom: 32px; margin-bottom: 2rem; border-bottom: 1px solid #CCCCCC; }
.archive-meta { font-family: Georgia, "Times New Roman", Times, serif;; font-style: italic; font-weight: 400; color: #777; font-size: 14px; font-size: 0.875rem; line-height: 2; margin-top: 16px; margin-top: 1rem; }
/* ==========================================================================
   Comments
   ========================================================================== */
.comments-title { margin-bottom: 48px; margin-bottom: 3rem; font-size: 32px; font-size: 2rem; line-height: 1.5; font-weight: normal; }
.comments-area article { padding-bottom: 16px; padding-bottom: 1rem; margin: 24px 0; margin: 1.5rem 0; border-bottom: 1px solid #ccc; }
.comments-area article header { margin: 0 0 24px; margin: 0 0 1.5rem; overflow: hidden; position: relative; }
.comments-area article header img { float: left; padding: 0; line-height: 0; }
.comments-area article header cite, .comments-area article header time { display: block; margin-left: 84px; margin-left: 5.25rem; }
.comments-area article header cite { font-style: normal; font-size: 16px; font-size: 1rem; line-height: 1.5; }
.comments-area article header time { font-family: Georgia, "Times New Roman", Times, serif;; font-style: italic; font-weight: 400; line-height: 1.8; text-decoration: none; font-size: 14px; font-size: 0.875rem; color: #5e5e5e; }
.comments-area article header a { text-decoration: none; color: #5e5e5e; }
.comments-area article header a:hover { color: #21759b }
.comments-area article header cite a { color: #444 }
.comments-area article header cite a:hover { text-decoration: underline }
.comments-area article header h4 { position: absolute; top: 0; right: 0; padding: 8px 14px; padding: 0.5rem 0.875rem; font-size: 14px; font-size: 0.875rem; font-weight: normal; color: #fff; background-color: #0088d0; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #009cee, #0088d0); background-image: -ms-linear-gradient(top, #009cee, #0088d0); background-image: -webkit-linear-gradient(top, #009cee, #0088d0); background-image: -o-linear-gradient(top, #009cee, #0088d0); background-image: linear-gradient(top, #009cee, #0088d0); border-radius: 3px; border: 1px solid #007cbd; }
.comments-area li.bypostauthor cite span { position: absolute; margin-left: 6px; margin-left: 0.375rem; padding: 2px 6px; padding: 0.125rem 0.375rem; font-size: 12px; font-size: 0.75rem; }
a.comment-reply-link { font-size: 14px; font-size: 0.875rem; line-height: 1.8; color: #686868; text-decoration: none; }
a.comment-reply-link:hover { color: #21759b }
.commentlist .pingback { line-height: 1.8; margin-bottom: 24px; margin-bottom: 1.5rem; padding-bottom: 0; }
.commentlist .children { margin-left: 48px; margin-left: 3rem; }
.commentlist { padding-left: 0 }
/* Comment form */
#respond { margin-top: 48px; margin-top: 3rem; }
#respond h3#reply-title #cancel-comment-reply-link { margin-left: 12px; margin-left: 0.75rem; font-weight: normal; font-size: 12px; font-size: 0.75rem; }
#respond form { margin: 24px 0 32px 0; margin: 1.5rem 0 2rem 0; }
#respond form p { margin: 12px 0; margin: 0.75rem 0; }
#respond form p.logged-in-as { margin-bottom: 24px; margin-bottom: 1.5rem; }
#respond form label { display: block; line-height: 1.8; }
#respond form input[type="text"], #respond form textarea { font-family: inherit; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; font-size: 1rem; line-height: 1.8; padding: 8px; padding: 0.5rem; width: 100%; }
#respond form input[type="text"] { width: 48% }
#respond form p.form-allowed-tags { margin: 0; font-size: 12px; font-size: 0.75rem; line-height: 1.5; color: #5e5e5e; }
#respond form p.form-allowed-tags code { background: none; border: none; color: #5e5e5e; }
label .required, span.required { color: #bb0504 }
form label.error { font-family: Georgia, "Times New Roman", Times, serif;; font-style: normal; font-weight: 700; display: block; padding: 0 10px 0 10px; padding: 0 0.625rem 0 0.625rem; margin: 5px 0 5px 0; margin: 0.3125rem 0 0.3125rem 0; font-size: 14px; font-size: 0.875rem; border-left: 4px solid #bb0504; display: none; }
#respond form label.error { line-height: 1.3 }
/* ==========================================================================
   Footer
   ========================================================================== */
#footercontainer { width: 100% }
.site-footer { clear: both; width: 90%; font-size: 16px; font-size: 1rem; max-width: 1080px; margin: 0 auto; padding: 30px 0 0 0; padding: 1.875rem 0 0 0; color: #999; }
.site-footer h3 { color: #ccc }
.site-footer a { color: #999 }
.site-footer a:visited { color: #999 }
.site-footer a:hover { color: #77ae31 }
.site-footer a:focus { outline: thin dotted; color: rgb(0,0,0); }
.site-footer .widget-area .widget { margin-bottom: 16px; margin-bottom: 1rem; }
.smallprint { color: #999; width: 90%; max-width: 1080px; }
.smallprint p { font-size: 14px; font-size: 0.875rem; }
.smallprint a { color: #555 }
.smallprint a:visited { color: #555 }
.smallprint a:hover { color: #77ae31 }
/* ==========================================================================
   Widgets
   ========================================================================== */
.widget-area ul { list-style: none outside none; padding-left: 0; }
.widget-area .widget { overflow: hidden; -moz-hyphens: auto; -ms-word-break: break-all; -webkit-hyphens: auto; hyphens: auto; word-wrap: break-word; word-break: break-word; margin-bottom: 48px; margin-bottom: 3rem; }
.widget select { margin-left: 1px; margin-left: 0.0625rem; }
.widget-area .widget ul ul { margin-left: 12px; margin-left: 0.75rem; }
.widget_rss li { margin: 12px 0; margin: 0.75rem; }
.widget_recent_entries .post-date, .widget_rss .rss-date { font-size: 12px; font-size: 0.75rem; margin-left: 12px; margin-left: 0.75rem; }
#wp-calendar { margin: 0; width: 100%; font-size: 14px; font-size: 0.875rem; line-height: 2; }
#wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: center }
#wp-calendar thead { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
#wp-calendar caption { font-family: Georgia, "Times New Roman", Times, serif;; font-style: normal; font-weight: 700; text-transform: uppercase; text-align: left; }
#wp-calendar #today { background-color: #ddd }
#wp-calendar tfoot { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
#wp-calendar #next { padding-right: 24px; padding-right: 1.5rem; text-align: right; }
.widget_search label { display: block; font-size: 14px; font-size: 0.875rem; line-height: 1.5; }
.widget_twitter li { list-style-type: none }
.widget_twitter .timesince { display: block; text-align: right; }

/* Home Text */
#text-3 a { color: #fff; text-decoration: none; }
#text-3 a:hover { color: #F4F4F4; }

/*Recent Posts */
.widget_recent_entries li {padding: 3px 0; padding: 0.2rem 0; margin: 8px 0; margin-bottom: 0.5rem 0;} 

/* Twitter Feed*/
.really_simple_twitter_widget li { background-color: #fff; padding: 3px 0; padding: 0.2rem 0; margin: 8px 0; margin-bottom: 0.5rem 0; }
.really_simple_twitter_widget .rstw_comma, .really_simple_twitter_widget .twitter-timestamp { color: #aaa; }
/* ==========================================================================
   Content Navigation
   ========================================================================== */
.site-content nav { clear: both; line-height: 2; overflow: hidden; }
#nav-above { padding: 24px; padding: 1.5rem; }
#nav-above { display: none }
.paged #nav-above { display: block }
.nav-previous, .previous-image { float: left; width: 50%; line-height: 1.3; }
.nav-previous a, .nav-next a { text-decoration: none }
.nav-next, .next-image { float: right; text-align: right; width: 50%; line-height: 1.3; }
.nav-single + .comments-area, #comment-nav-above { margin: 48px 48px 48px 0; margin: 3rem 3rem 3rem 0; }
ul.page-numbers { padding: 0; margin: 0; text-align: center; line-height: 2; }
li a.page-numbers, li span.page-numbers { padding: 5px; padding: 0.3125rem; border: 1px solid #333; text-decoration: none; }
li a:visited.page-numbers { color: #333 }
li a:hover.page-numbers { background-color: #77ae31; color: #fff; }
li a:hover.prev, li a:hover.next { background-color: transparent; color: #77ae31; }
.page-numbers li { display: inline }
li span.current { background-color: #333; color: #fff; }
li a.prev, li a.next, li span.dots { border: none }
/* ==========================================================================
   Main Navigation
   ========================================================================== */
.main-navigation { text-align: left; clear: right; margin: 0; }
.main-navigation h1 { font-size: 32px; font-size: 2rem; line-height: 1.25; }
.nav-menu { font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight: 700; font-size: 18px; font-size: 1.4rem; line-height: 1.5; }
.main-navigation ul { list-style: none; margin: 0px -200em; padding: 0px 200em; background: #858585 url(images/bg_bookcover2.jpg) repeat; height: 115px; }
.main-navigation li { float: left; position: relative; width: 16%; margin: 0; left: -32px; /* margin: 0 0 0 20px; margin: 0 0 0 1.25rem; /* Margin on the left side of each top level menu item (since it's floated right) */ /*display: table-cell;* padding: 0; width: 20%; /*width divided by total number of menu items */ }
.main-navigation ul ul li { margin: 0 }
.main-navigation li.menu-parent-item > a:after { /* If you don't want the arrows on the top level drop down, simply remove this style */ font-family: 'FontAwesome'; font-weight: normal; font-style: normal; speak: none; vertical-align: middle; font-size: 9px; font-size: 0.5625rem; content: " \f078"; }
.main-navigation ul li li.menu-parent-item > a:after { /* If you don't want the arrows on the sub-menu options, simply remove this style */ font-family: 'FontAwesome'; font-weight: normal; font-style: normal; speak: none; vertical-align: middle; font-size: 9px; font-size: 0.5625rem; content: " \f054"; }
.main-navigation a { outline: none; }
.main-navigation ul a { padding: 0; /* Padding around each top level menu option (if needed) */ }
.main-navigation ul ul.sub-menu { margin: 0; padding: 10px 20px; text-indent: 0; background: #FCFCFC; border: 1px solid #BBB; position: absolute; height: auto; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;
-webkit-box-shadow: 0px 3px 8px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 8px 5px rgba(0, 0, 0, 0.1);
 }
.main-navigation ul ul a { padding: 0 5px; /* Padding around each dropdown menu option */ padding: 0 0.3125rem; }
.main-small-navigation a, .main-navigation a { display: block; text-decoration: none; color: #333; /* Nav bar link color */ }
.main-navigation ul ul { display: none; position: absolute; left: 0; z-index: 99999; line-height: 1.7; background-color: #333; /* Nav bar dropdown background color */ -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6); }
.main-navigation ul ul ul { left: 100%; top: 0; }
.main-navigation ul ul a { color: #fff; /* Nav bar dropdown link color */ width: 10.5em; /* Nav bar dropdown width */ }
.main-navigation ul ul li { clear: left; min-height: 30px;}
.main-navigation li:hover > a { color: #77ae31; /* Nav bar link color on hover */ }
.main-navigation ul ul :hover > a { color: #333; /* Nav bar dropdown level 2 link color on level 3 hover */ background-color: #fff; /* Nav bar dropdown link background color on hover */ }
.main-navigation ul ul a:hover { color: #77ae31; /* Nav bar dropdown link color on hover */ }
.main-navigation ul li:hover > ul { display: block;}
.main-navigation li.current_page_item a, .main-navigation li.current-menu-item a { }
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a { color: #77ae31; /* Nav bar link color for current menu item or ancestor */ }
.main-navigation ul .divider { border-bottom: 1px solid #aaa; height: 0; line-height: 0.0625; overflow: hidden; }
.main-navigation ul li.dropdown-header a, .main-navigation ul li.current-menu-item ul .dropdown-header a { color: #aaa; /* Nav bar dropdown header color */ background-color: #333; /* Nav bar dropdown header background color */ }
/* Small menu toggle for mobile devices */
.menu-toggle { cursor: pointer }
.main-small-navigation .nav-menu { display: none }

/* Image Nav*/
/* #menu-item-20 a, #menu-item-21 a, #menu-item-22 a, #menu-item-23 a, #menu-item-24 a, #menu-item-26 a, #menu-item-27 a */
 .nav-menu li a {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
	height: 120px;
	margin-top: -5px;

	transform: scale(0.7,0.7);
    -webkit-transform: scale(0.7,0.7);
    -moz-transform: scale(0.7,0.7);
    -o-transform: scale(0.7,0.7);
    -ms-transform: scale(0.7,0.7);
	
	/* Hides Link Text */
	text-indent: 100em;
	white-space: nowrap;
	overflow: hidden;
}
/* #menu-item-20 a:hover, #menu-item-21 a:hover, #menu-item-22 a:hover, #menu-item-23 a:hover, #menu-item-24 a:hover, #menu-item-26 a:hover, #menu-item-27 a:hover */
.nav-menu li a:hover {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
	
	 -webkit-transform: rotate(-6deg);
     -moz-transform: rotate(-6deg);
       -o-transform: rotate(-6deg);
      -ms-transform: rotate(-6deg);
          transform: rotate(-6deg);
}
 .nav-menu li:nth-of-type(4n+0) a:hover {
	 -webkit-transform: rotate(6deg);
     -moz-transform: rotate(6deg);
       -o-transform: rotate(6deg);
      -ms-transform: rotate(6deg);
          transform: rotate(6deg);
		  }
 .nav-menu li:nth-of-type(4n+1) a:hover {
	 -webkit-transform: rotate(-6deg);
     -moz-transform: rotate(-6deg);
       -o-transform: rotate(-6deg);
      -ms-transform: rotate(-6deg);
          transform: rotate(-6deg);
		  }
 .nav-menu li:nth-of-type(4n+2) a:hover {
	 -webkit-transform: rotate(3deg);
     -moz-transform: rotate(3deg);
       -o-transform: rotate(3deg);
      -ms-transform: rotate(3deg);
          transform: rotate(3deg);
		  }
 .nav-menu li:nth-of-type(4n+3) a:hover {
	 -webkit-transform: rotate(-5deg);
     -moz-transform: rotate(-5deg);
       -o-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
          transform: rotate(-5deg);
		  }
.nav-menu li li a:hover { -webkit-transform: rotate(0) !important;
     -moz-transform: rotate(0) !important;
       -o-transform: rotate(0) !important;
      -ms-transform: rotate(0) !important;
          transform: rotate(0) !important; 
   
	   transform: scale(0.8, 0.8) !important;
    -webkit-transform: scale(0.8, 0.8) !important;
    -moz-transform: scale(0.8, 0.8) !important;
    -o-transform: scale(0.8, 0.8) !important;
    -ms-transform: scale(0.8, 0.8) !important;
	}
#menu-item-20 a { background: url(images/nav_bio.png) 0 0 no-repeat; 	width: 130px; }
#menu-item-21 a { background: url(images/nav_books.png) 0 0 no-repeat; 	width: 130px; }
#menu-item-22 a { background: url(images/nav_contact.png) 0 0 no-repeat; 	width: 165px; }
#menu-item-23 a { background: url(images/nav_events.png) 0 0 no-repeat; 	width: 104px; }
#menu-item-24 a { background: url(images/nav_extras.png) 0 0 no-repeat; 	width: 128px; }
#menu-item-26 a { background: url(images/nav_news.png) 0 0 no-repeat; 	width: 191px; margin-left: -2.4em; }
#menu-item-27 a { background: url(images/nav_press.png) 0 0 no-repeat; 	width: 111px; }
#menu-item-21 ul.sub-menu a, #menu-item-27 ul.sub-menu a { background: none; width: 200px; color: #333; font-size: 20px; text-indent: 0; height: auto; margin: 0; padding: 0; white-space: normal; left: 20px; }
.main-navigation ul #menu-item-21 ul li { width: 100px; }
.main-small-navigation .sub-menu { display: none; }
/* ==========================================================================
   Media Queries
   ========================================================================== */
/*  Breakpoints are set based on the design, not based on device sizes */
@media only screen and (max-width: 1100px) { 
    .site-title a { font-size: 52px; font-size: 3.25rem; }
    .banner h1 { font-size: 44px; font-size: 2.75rem; }
    .banner h2 { font-size: 24px; font-size: 1.5rem; }
}
@media only screen and (max-width: 980px) { 
    .main-navigation {  }
}
@media only screen and (max-width: 900px) { 
    .banner .grid_6_of_12 { width: 100% }
    .banner h1, .banner h2, .banner p { text-align: center }
    .main-navigation { }
}
@media only screen and (max-width: 800px) { 
    header .grid_5_of_12 { width: 100% }
    header .grid_7_of_12 { width: 100%; margin-left: 0; }
    header .main-navigation { margin-top: 0; float: none; }
    .main-navigation .nav-menu > li:first-child { margin-left: 0 }
    .social-media-icons { float: none; text-align: left; }
    .social-media-icons li { margin: 0.1em 0.5em 0 0 }
}
/*  Go full Width at less than 800px */
@media only screen and (max-width: 800px) { 
    .grid_1_of_12, .grid_2_of_12, .grid_3_of_12, .grid_4_of_12, .grid_5_of_12, .grid_6_of_12, .grid_7_of_12, .grid_8_of_12, .grid_9_of_12, .grid_10_of_12, .grid_11_of_12, .grid_12_of_12 { width: 100% }
    .col { margin: 0 }
    .main-small-navigation { margin-bottom: 16px; margin-bottom: 1rem; }
	.main-small-navigation .nav-menu, .nav-menu ul { padding: 0 }
    .main-small-navigation .nav-menu ul { padding-left: 16px; padding-left: 1rem; }
	
	/* Override Floating Sidebar */
	#secondary { position: relative !important; left: 0 !important; top: 0 !important; }
	
	/* Responsive Toggled Menu */
	.main-small-navigation .nav-menu, .nav-menu ul { padding: 0 }
	.main-small-navigation .nav-menu {  }
    .main-small-navigation .nav-menu ul { }
	.main-small-navigation .nav-menu { font-size: 20px; font-size: 1.250rem; padding: 16px 32px; padding: 1rem 2rem; background-color: #e7e7e8; min-height: 256px; min-height: 16rem;  }
	.main-small-navigation .nav-menu .sub-menu { font-size: 16px; font-size: 1rem; }
	.main-small-navigation .nav-menu a { background-color: transparent; padding: 16px; padding: 1rem; float: left; }
	.main-small-navigation .nav-menu .sub-menu a { background-color: #fff; padding: 4px 0 4px 32px; padding: 0.250rem 0 0.250rem 2rem;}
	.main-small-navigation .nav-menu .sub-menu a:hover {background-color: #f5f5f5;}
	
	#masthead .grid_4_of_12 { text-align: center;}
	#masthead .grid_4_of_12 img { margin-top: 0; }
	#masthead .grid_4_of_12:nth-of-type(3) { /*social media icons*/ margin: 10px 0 10px 15%; border-top: 2px ridge #707070; width: 70%;  }
	.social-media-icons { text-align: center; }
	
}
/*  Adjust the menu at less than 520px */
@media only screen and (max-width: 520px) { 
    .site-title h1 { text-align: center }
    .main-small-navigation .nav-menu, .main-small-navigation .nav-menu ul, .nav-menu, .nav-menu ul { /*padding: 0*/ }
    .main-small-navigation, .main-navigation li { width: 100% }
    .main-small-navigation { text-align: center }
    .main-small-navigation ul li, .main-navigation ul li { background-color: #fff; margin: 5px 0; text-align: center; }
    .main-navigation ul ul, .main-navigation ul ul li ul { position: relative }
    .main-navigation ul ul li ul { left: 0 }
    .main-navigation ul ul a { color: #fff; /* Nav bar dropdown link color */ background-color: #333; /* Nav bar dropdown background color */ width: 100%; /* Nav bar dropdown width */ }
    .social-media-icons { text-align: center }
}
@media only screen and (max-width: 320px) { 
    .author-description { float: left; width: 100%; }
		/* Undo Visual Social Tags */
	.fa { display: table-cell;/* Unhide FontAwesome icons until responsive variants */ }
	.social-media-icons .fa-lg { width: 2em; height: 2em; -webkit-animation: none; -moz-animation: none; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; }
	.social-media-icons li:nth-of-type(1) .fa-lg, .social-media-icons li:nth-of-type(2) .fa-lg, .social-media-icons li:nth-of-type(3) .fa-lg, .social-media-icons li:nth-of-type(4) .fa-lg,
.social-media-icons li:nth-of-type(5) .fa-lg, .social-media-icons li:nth-of-type(6) .fa-lg { background: none; top: 0; }
}
/* ==========================================================================
   Non-semantic helper classes from HTML5 Boilerplate
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both }
.clearfix { *zoom: 1 }
/* ==========================================================================
   Print styles from HTML5 Boilerplate
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print { 
    * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
    /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline }
    a[href]:after { content: " (" attr(href) ")" }
    abbr[title]:after { content: " (" attr(title) ")" }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "" }
    /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group }
    /* h5bp.com/t */
    tr, img { page-break-inside: avoid }
    img { max-width: 100% !important }
}