/*
Theme Name: Austin Ratner
Theme URI: http://www.austinratner.com
Author: Austin Ratner
Author URI: http://www.austinratner.com
Description: Austin Ratner's Custom Template
Version: 1.1

*/

/* =Resets
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}
a {color: #265a73; text-decoration: none;}
a:hover {color: #775858;}
a img {border: 0;}
h1 a {color: #0c2e3e;}
h3 a {color: #00cc99;}
h3 a:hover {color: #330000;}
.clear {clear: both; margin: 0; padding: 0;}


/* =Typography Presets
-------------------------------------------------------------- */

@font-face {
    font-family: 'RobotoRegular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoItalic';
    src: url('fonts/Roboto-Italic-webfont.eot');
    src: url('fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Italic-webfont.woff') format('woff'),
         url('fonts/Roboto-Italic-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoMedium';
    src: url('fonts/Roboto-Medium-webfont.eot');
    src: url('fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CrimsonRoman';
    src: url('fonts/Crimson-Roman-webfont.eot');
    src: url('fonts/Crimson-Roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Crimson-Roman-webfont.woff') format('woff'),
         url('fonts/Crimson-Roman-webfont.ttf') format('truetype'),
         url('fonts/Crimson-Roman-webfont.svg#CrimsonRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CrimsonItalic';
    src: url('fonts/Crimson-Italic-webfont.eot');
    src: url('fonts/Crimson-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Crimson-Italic-webfont.woff') format('woff'),
         url('fonts/Crimson-Italic-webfont.ttf') format('truetype'),
         url('fonts/Crimson-Italic-webfont.svg#CrimsonItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CrimsonSemiboldItalic';
    src: url('fonts/Crimson-SemiboldItalic-webfont.eot');
    src: url('fonts/Crimson-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Crimson-SemiboldItalic-webfont.woff') format('woff'),
         url('fonts/Crimson-SemiboldItalic-webfont.ttf') format('truetype'),
         url('fonts/Crimson-SemiboldItalic-webfont.svg#CrimsonSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DroidSerifBold';
    src: url('fonts/DroidSerif-Bold-webfont.eot');
    src: url('fonts/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSerif-Bold-webfont.woff') format('woff'),
         url('fonts/DroidSerif-Bold-webfont.ttf') format('truetype'),
         url('fonts/DroidSerif-Bold-webfont.svg#DroidSerifBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


h1 {
font-family: 'DroidSerifBold', serif;
font-size: 48px;
font-weight: normal;
margin: 0;
padding: 0px 0 15px 0;
text-transform:uppercase;
}
body.home h2 {
font-family: 'CrimsonRoman', serif;
font-size: 18px;
font-weight: normal;
margin: 0 0 0px 0;
padding: 15px;
line-height: 1.7;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
h2 {
font-family: 'RobotoRegular', sans-serif;
font-size: 34px;
font-weight: normal;
margin: 0px 0 0 0;
padding: 0px 0 0px 0;
line-height: 1.3;
}
body.page-template-archives-php h2 {
font-family: 'RobotoRegular', sans-serif;
font-size: 24px;
font-weight: normal;
margin: 0px 0 0 0;
padding: 0px 0 0px 0;
line-height: 1.3;
}
h3 {
font-family: 'CrimsonRoman', serif;
font-size: 22px;
line-height: 1.5;
color: #330000;
font-weight: normal;
margin: 0 0 15px 0
}
h4 {
margin: 0 0 15px 0;
hyphenate: auto;
hyphenate-lines: 3;  
font-size: 13px;
line-height: 22px;  
color: #333;
font-weight: normal;
}
h5 {
font-family: Georgia, serif;
font-size: 22px;
line-height: 1.5;
color: #00cc99;
font-weight: normal;
margin: 0 0 5px 0;
}
p {
margin: 0 0 15px 0;
hyphenate: auto;
hyphenate-lines: 3;  
font-size: 18px;
line-height: 1.7;  
color: #333;
}
p.quote-author, 
span.quote-author p, 
span.quote-author {
font-family: 'RobotoRegular', sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
margin: 0px 0 0 0;
padding: 0px 0;
text-transform: uppercase;
color: #777;
}
div.blog-header span.quote-author p {
margin-top: 5px;
}
p.book-title {
font-family: 'RobotoRegular', sans-serif;
font-size: 24px;
font-weight: normal;
margin: 0 0 10px 0;
padding: 0px 0;
}
.blurb-item p {
margin: 0 0 8px 0;
}
p.page-title {
border-top: 1px solid #fff !important;
border-bottom: 1px solid #fff !important;
padding: 20px 0 15px 0px;
margin: 0px auto;
text-align: center !important;
font-family: 'CrimsonRoman', serif;
font-size: 30px;
line-height: 1.5;
color: #333;
font-weight: normal;
}
.footer p, 
.footer li {
font-family: 'RobotoRegular', sans-serif;
font-size: 11px;
font-weight: normal;
font-style: normal;
margin: 0px 0 0 0;
padding: 0px 0;
text-transform: uppercase;
color: #aaa;
}
.footer p a {
color: #aaa;
}
p.show {
cursor: pointer;
color: #265a73;
margin-bottom: 30px;
}
body {
font-family: 'CrimsonRoman', serif;
}
.small, small {
	font-size: 12px;
color: #999;
}
.none {display: none;}
::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}


/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	color: #333;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}
#main {
padding: 0 0 0px 0;
/*margin: 200px auto 0 auto;*/
margin: 0px auto 0 auto;
width: 100%;
position: relative;
}

/* =Header
-------------------------------------------------------------- */

#masthead {
background: #fff url('images/l_green.png') repeat-x bottom left;
/*position: fixed;
height: 200px;
top: 0;*/
width: 100%;
z-index: 100;
}
.header {
padding: 40px 48px 40px 48px;
margin: 0 auto;
width: 896px;
position: relative;
text-align: center;
/*background: #fff url('images/austin_ratner_sig.png') no-repeat top center;
height: 135px;*/
}
nav {
margin: 0 auto;
padding: 0;
}
nav ul {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
width: 600px;
margin: 0 auto;
padding: 10px 0;
}
nav li {
display: inline;
list-style: none;
margin: 0 6px;
font-size: 12px;
font-family: 'RobotoMedium', sans-serif;
font-weight: normal;
text-transform: uppercase;
}
nav li.social {
margin: 0 3px;
}
nav li.socialfirst {
margin: 0 3px 0 20px;
}
nav li.social a:hover, nav li.socialfirst a:hover {
background: none;
}
nav li a {
padding: 4px 4px 2px 4px;
}
nav li a:hover {
color: #fff; 
text-decoration: none;
background: #0c2e3e;
padding: 4px 4px 2px 4px;
}
body.page-id-4 nav li.n-about a, 
body.post-type-archive-books nav li.n-books a, 
body.post-type-archive-shortsubject nav li.n-ssubject a, 
body.post-type-archive-interviews nav li.n-interviews a, 
body.page-template-blog-php nav li.n-blog a, 
body.single-post nav li.n-blog a,
body.page-id-858 nav li.n-contact a,
body.tag nav li.n-blog a, 
body.search-results nav li.n-blog a, 
body.parent-pageid-121 nav li.n-blog a {
color: #fff; 
text-decoration: none;
background: #0c2e3e;
padding: 4px 4px 2px 4px;
}
.icon {
display: inline-block;
width: 16px;
height: 16px;
margin: 3px 0px 0 0;
padding: 0;
vertical-align: top;
}

/* =Home
-------------------------------------------------------------- */

.home-bio-wrapper {
background: #edefeb;
}
.home-bio {
padding: 50px 48px;
margin: 0 auto;
width: 896px;
position: relative;
}
.home-bio-left {
float: left;
display: block;
width: 400px;
margin: 0 68px 0 40px;
padding: 0;
}
.home-bio-left div {
min-height: 250px;
display: block;
}
body.home blockquote {
font-family: 'CrimsonItalic', serif;
margin: 0px 0 0px 15px;
font-size: 32px;
line-height: 1.2;  
font-weight: normal;
font-style: normal;
color: #775858;
position: relative;
width: 380px;
-webkit-text-size-adjust: none;

}
body.home blockquote:before {
display: block;
content: "\201C";
font-size: 32px;
position: absolute;
left: -13px;
top: 0px;
}
body.home blockquote cite {
display: block;
font-family: 'RobotoRegular', sans-serif;
font-size: 12px;
line-height: 1.2;
font-weight: normal;
font-style: normal;
margin: 15px 0 0 0;
padding: 0px 0;
text-transform: uppercase;
color: #aaa;
}
body.home blockquote cite:before {
content: "\2014 \2009";
}
.home-bio-right {
float: left;
display: block;
width: 368px;
margin: 0 0px 0 0;
padding: 0;
text-align: center;
}
.home-book-wrapper {
background: #0c2e3e url('images/l_white.png') repeat-x top left;
}
.home-book {
padding: 80px 48px;
margin: 0 auto;
width: 896px;
position: relative;
}
.home-book-left {
float: left;
display: block;
width: 250px;
margin: 0 68px 0 40px;
padding: 0;
}
.home-book-left img {
	width: 100%;
	height: auto;
}
.home-book-right {
float: left;
display: block;
width: 500px;
margin: 0 0px 0 0;
padding: 0;
}
.book-sep {
border-top: 1px solid #265a73;
border-bottom: 1px solid #265a73;
padding: 25px 0;
margin: 0px 0 0 0;
}
ul.buy-links, 
.home-book-right ul {
margin: 10px auto 30px auto;
padding: 0px 0;
}
ul.buy-links li, 
.home-book-right ul li {
display: inline;
list-style: none;
margin: 0 6px 0 0;
font-size: 12px;
font-family: 'RobotoMedium', sans-serif;
font-weight: normal;
text-transform: uppercase;
}
ul.buy-links li a, 
.home-book-right ul li a {
color: #fff;
background: #265a73;
padding: 4px 4px 2px 4px;
}
ul.buy-links li a:hover, 
.home-book-right ul li a:hover {
color: #fff;
background: #000;
padding: 4px 4px 2px 4px;
}

.home-book-right p {
color: #fff;
}

/* =Pages
-------------------------------------------------------------- */

.pagecontent-wrapper {
background: #edefeb;
}
.pagecontent {
padding: 50px 48px;
margin: 0 auto;
width: 896px;
position: relative;
}
.pagecontent-left {
float: left;
display: block;
width: 310px;
margin: 0 20px 0 0;
padding: 0;
text-align: center;
}
.pagecontent-right {
float: left;
display: block;
width: 500px;
margin: 0 0px 0 38px;
padding: 0;
}
body.post-type-archive-shortsubject .pagecontent-left img, 
body.post-type-archive-interviews .pagecontent-left img {
height: auto;
max-width: 230px;
}
.blurb-group {
margin: 25px 0;
padding: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.blurb-item {
margin: 25px 0;
padding: 0;
}
.blurb-item span.quote-author p:before {
content: "\2014 \2009";
}
.book-group {
background: transparent url('images/l_green.png') repeat-x bottom left;
display: block;
margin: 0 0 50px 0;
padding: 0 0 50px 0;
width: 100%;
}
.last {
background: transparent;
margin: 0 0 0px 0;
padding: 0 0 0px 0;
}

/* =Blog
-------------------------------------------------------------- */

.blog-group {
margin: 80px 0 70px 0;
padding: 0 0px 50px 0px;
background: transparent url('images/l_green.png') repeat-x bottom left;
}
body.page-template-archives-php .blog-group {
margin: 50px 0 70px 0;
padding: 0 0px 0px 0px;
background: transparent;
}

.blog-header {
margin: 5px 0 15px 0;
padding: 12px 0 10px 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
display: block;
float: left;
}
.pagecontent-full {
display: block;
width: 70%;
margin: 0 auto 40px auto;
padding: 0 0 40px 0;
background: transparent url('images/l_green.png') repeat-x bottom left;
}
.pagecontent-full-last {
display: block;
width: 70%;
margin: 0 auto 0px auto;
padding: 0 0 0px 0;
}
.pagecontent-full-last .nav-previous {
	float: left;
	width: 50%;
}
.pagecontent-full-last .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
body.single-post .blog-group {
background: transparent;
}
.pagecontent-full .blog-header {
margin: 5px auto 15px auto;
padding: 12px 0 10px 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
display: block;
float: none;
}
.blog-center {
text-align: center;
}
.blog-center img {
margin: 20px auto 40px auto;
}
.blog-links-left {
float: left;
display: block;
width: 50%;
margin: 0;
padding: 0;
}
.blog-links-right {
float: right;
display: block;
width: 50%;
margin: 0;
padding: 0;
text-align: right;
}
blockquote {
margin: 30px;
}
.blog-nav {
border-bottom: 1px solid #fff !important;
padding: 0px 0 25px 0px;
margin: 0px auto 0 auto;
text-align: center !important;
}
.blog-nav ul {
margin: 0px auto 0px auto;
padding: 0px 0;
}
.blog-nav ul li {
display: inline;
list-style: none;
margin: 0 8px;
font-size: 12px;
font-family: 'RobotoMedium', sans-serif;
font-weight: normal;
text-transform: uppercase;
}
.blog-nav ul li a {
color: #775858;
}
.blog-nav ul li a:hover {
color: #000;
}
.tag-list {
border-top: 1px solid #fff !important;
border-bottom: 1px solid #fff !important;
padding: 20px 0 15px 0px;
margin: 50px auto 0 auto;
text-align: center !important;
}
.addthis_toolbox {
width:43%;
margin-left: 29%;
margin-right: 27%;
}
.addthis_default_style {
padding: 20px 0 15px 0;
}
.addthis_button_facebook_like {
padding: 0 30px 0 0 !important;
height: 20px !important;
}
.addthis_button_pinterest_pinit {
padding: 0 30px 0 0 !important;
}
#searchform {
display: inline-block;
width: 200px;
margin: 0;
padding: 0;
text-align: right;

}
#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
border: 1px solid #eee;
display: inline-block;
font-family: 'RobotoRegular', sans-serif;
font-size: 11px;
font-weight: normal;
font-style: normal;
margin: 0px 0 0 0;
padding: 6px;
vertical-align: middle;
color: #666;
width: 200px;
}
.btn {
background-color: #775858 !important;
font-weight: normal !important;
text-transform: uppercase !important;
border: none;
color: #fff;
padding: 5px;
display: inline-block;
margin: 0px 0 0 0;
cursor: pointer;
vertical-align: middle;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width: 80%;
}

/* =Footer
-------------------------------------------------------------- */

#colophon {
background: #fff url('images/l_green.png') repeat-x top left;
}
.footer {
padding: 40px 48px;
margin: 0 auto;
width: 896px;
position: relative;
text-align: center;
}
.footer ul {
margin: 0 auto;
padding: 0px 0 20px 0;
}
.footer li {
display: inline;
list-style: none;
margin: 0 6px;
}
.footer li img {
margin-top: 3px;
}

/* =Contact Form
-------------------------------------------------------------- */

.wpcf7 {
margin: 0 auto;
padding: 0;
}
.wpcf7-form {
margin: 0 auto;
padding: 0;
width: 70%;
}
.wpcf7 input {
width: 100%;
border: 2px solid #fff;
font-family: 'RobotoRegular', sans-serif;
font-size: 13px;
font-weight: normal;
font-style: normal;
margin: 0px 0 0 0;
padding: 8px;
color: #666;
}
.wpcf7 textarea {
width: 100%;
border: 2px solid #fff;
font-family: 'RobotoRegular', sans-serif;
font-size: 13px;
font-weight: normal;
font-style: normal;
margin: 0px 0 0 0;
padding: 8px;
color: #666;
}
.wpcf7 input.wpcf7-submit {
background-color: #0c2e3e !important;
font-weight: normal !important;
text-transform: uppercase !important;
border: none;
color: #fff;
padding: 6px;
display: block;
width: 20%;
margin: 0px 0 0 0;
cursor: pointer;
}
.wpcf7-response-output {
color: red;
margin: 0 !important;
padding: 0 !important;
}
div.wpcf7-validation-errors, div.wpcf7-response-output {
border: none !important;
}
span.wpcf7-not-valid-tip {
	top: 0 !important;
	left: 2px !important;
	border: none !important;
	color: red !important;
	margin: 0 !important;
padding: 0 !important;
background: none;
font-size: 16px !important;
width: 50%;
}

/* =ColorBox
-------------------------------------------------------------- */

/* The following CSS is consistent between example themes and should not be altered. */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* User Style */
#cboxOverlay{background:#edefeb;}
#colorbox{
outline:0;
border: 1px solid #0c2e3e;
}

 /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxClose{position:absolute; bottom:10px; right:10px; display:block; color:#444;}
        
/* =wysija
-------------------------------------------------------------- */
        
.widget_wysija_cont .updated, .widget_wysija_cont .login .message {
background-color: #fff !important;
border-color: #fff !important;
}
.widget_wysija_cont .updated, .widget_wysija_cont .error, .widget_wysija_cont .xdetailed-errors {
padding: 0 !important;
}
input.wysija-email {
border: 2px solid #eee !important;
font-family: 'RobotoRegular', sans-serif !important;
font-size: 13px !important;
font-weight: normal !important;
font-style: normal !important;
margin: 0px 0 0 0 !important;
padding: 8px !important;
color: #666 !important;
display: inline-block !important;
vertical-align: middle !important;
}
input.wysija-submit {
background-color: #0c2e3e !important;
font-size: 14px !important;
text-transform: uppercase !important;
border: none !important;
color: #fff !important;
padding: 8px !important;
margin: 0px 0 0 0 !important;
cursor: pointer !important;
display: inline-block !important;
vertical-align: middle !important;
}
.widget_wysija_cont .wysija-submit {
display: inline-block !important;
}
.formError {
margin-top:-5px !important;
}
body.single-wysijap .blog-center, 
body.single-wysijap .tag-list, 
body.single-wysijap .addthis_toolbox {
display: none !important;
}
body.single-wysijap .pagecontent-full, 
body.single-wysijap .blog-group {
background: none !important;
text-align: center !important;
}

/* =Wordpress Inherit
-------------------------------------------------------------- */

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}
a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1.5em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
body {
padding: 0px;
width: 100%;
}
.header {
padding: 30px 28px 30px 28px;
width: 712px;
}
.home-bio {
padding: 50px 28px;
width: 712px;
}
.home-bio-left {
width: 348px;
margin: 0 20px 0 0px;
padding: 0;
}
.home-bio-left div {
min-height: 200px;
display: block;
}
body.home blockquote {
margin: 0px 0 0px 15px;
font-size: 26px;
line-height: 1.2;  
font-weight: normal;
font-style: normal;
color: #775858;
position: relative;
width: 350px;
}
.home-bio-right {
float: left;
display: block;
width: 344px;
margin: 0 0px 0 0;
padding: 0;
text-align: center;
}
.home-book {
padding: 80px 28px;
width: 712px;
}
.home-book-left {
width: 250px;
margin: 0 20px 0 0px;
}
.home-book-right {
width: 442px;
}
.pagecontent {
padding: 50px 28px;
width: 712px;
}
.pagecontent-full, 
.pagecontent-full-last {
width: 80%;
}
.pagecontent-left {
width: 310px;
margin: 0 20px 0 0;
}
.pagecontent-right {
width: 382px;
margin: 0 0px 0 0px;
}
.footer {
padding: 40px 28px;
width: 712px;
}
.addthis_toolbox {
width:47%;
margin-left: 27%;
margin-right: 26%;
}
.addthis_button_facebook_like {
padding: 0 10px 0 0 !important;
height: 20px !important;
}
}

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
body {
padding: 0px;
width: 100%;
}
h1 {
font-size: 24px;
}
h3 {
font-size: 18px;
line-height: 1.4;
color: #330000;
font-weight: normal;
margin: 0 0 15px 0
}
p {
margin: 0 0 15px 0;
font-size: 16px;
line-height: 1.4;  
color: #333;
}
p.book-title, h2 {
font-size: 28px;
}
p.quote-author, 
span.quote-author p, 
span.quote-author {
font-size: 11px;
}

#masthead {
height: auto;
padding-bottom: 40px
}
.header {
padding: 30px 34px 0px 34px;
width: 252px;
margin: 0 auto;
text-align: center;
}
nav ul {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
width: 100%;
margin: 0 auto 0px auto;
padding: 0px 0;
}
nav li {
display: block;
list-style: none;
margin: 0 auto;
padding: 10px 0 8px 0;
border-bottom: 1px solid #eee;
}
nav li.social {
display: inline-block;
border-bottom: none;
}
nav li.socialfirst {
display: inline-block;
border-bottom: none;
}
.home-bio {
padding: 50px 34px;
width: 252px;
}
.home-bio-left {
float: none;
width: 100%;
margin: 0 auto;
padding: 0;
}
body.home h2 {
font-size: 16px;
line-height: 1.4;
}
body.home blockquote {
margin: 10px 0 0px 15px;
font-size: 26px;
line-height: 1;  
position: relative;
width: 200px;
}
body.home blockquote:before {
font-size: 26px;
line-height: 1;
position: absolute;
left: -13px;
top: 0px;
}
body.home blockquote cite {
font-size: 11px;
margin: 15px 0 0 0;
}
.home-bio-right {
float: none;
display: block;
width: 100%;
margin: 50px 0px 0 0;
}
.home-bio-right img {
max-width: 252px;
}
.home-book {
padding: 50px 34px;
width: 252px;
}
.home-book-left {
float: none;
width: 100%;
margin: 0 auto 50px auto;
text-align: center;
}
.home-book-right {
float: none;
width: 100%;
margin: 0 0px 0 0;
padding: 0;
}

.pagecontent {
padding: 50px 34px;
width: 252px;
}
.pagecontent-full, 
.pagecontent-full-last {
width: 100%;
}
.pagecontent-left {
width: 100%;
margin: 0 auto 30px auto;
display: block;
padding: 0;
}
.pagecontent-right {
width: 100%;
margin: 0 auto;
display: block;
padding: 0;
}
ul.buy-links {
margin: 10px auto 30px auto;
padding: 0px 0;
}
ul.buy-links li {
display: block;
list-style: none;
margin: 0 0 10px 0;
}
.blog-nav ul li {
margin: 0 8px 10px 8px;
}
#searchform {
margin-top: 20px;
}
.blog-center img {
max-width: 252px;
height: auto;
}
.footer {
padding: 40px 34px;
width: 252px;
}
.addthis_default_style {
padding: 20px 0;
margin: 0 auto !important;
}
.wpcf7-form {
width: 100%;
}
.addthis_toolbox {
width:100%;
margin-left: auto;
margin-right: auto;
}
.addthis_button_facebook_like {
padding: 0 10px 0 0 !important;
height: 20px !important;
}

}

/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
body {
padding: 0px;
width: 100%;
}
h1 {
font-size: 38px;
}
h2 {
font-size: 34px;
}
body.home h2 {
font-size: 18px;
}
h3 {
font-size: 22px;
line-height: 1.5;
}
p {
font-size: 18px;
line-height: 1.7;  
}
p.book-title {
font-size: 34px;
}
.header {
padding: 30px 22px 0px 22px;
width: 436px;
margin: 0 auto;
}
nav ul {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
width: 100%;
margin: 0 auto;
padding:8px 0 5px 0;
}
nav li {
display: inline;
list-style: none;
margin: 0 1px;
font-size: 11px;
font-family: 'RobotoMedium', sans-serif;
font-weight: normal;
text-transform: uppercase;
border: none;
padding: 5px 0 5px 0;
}
nav li.social {
margin: 0 1px;
}
nav li.socialfirst {
margin: 0 3px 0 10px;
}
.icon {
width: 14px;
height: 14px;
margin: -2px 0px 0 0;
}
.home-bio {
padding: 50px 22px;
width: 436px;
}
.home-bio-left {
float: none;
width: 100%;
margin: 0 auto;
padding: 0;
}
body.home blockquote {
margin: 20px 0 0px 15px;
font-size: 32px;
line-height: 1.2;  
width: 380px;
}
body.home blockquote:before {
font-size: 32px;
}

.home-bio-right {
float: none;
display: block;
width: 100%;
margin: 50px 0px 0 0;
}
.home-book {
padding: 50px 22px;
width: 436px;
}
.home-book-left {
float: none;
width: 100%;
margin: 0 auto 50px auto;
text-align: center;
}
ul.buy-links {
margin: 10px auto 30px auto;
padding: 0px 0;
}
ul.buy-links li {
display: inline;
list-style: none;
margin: 0 6px 0 0;
font-size: 12px;
}
.home-book-right {
float: none;
width: 100%;
margin: 0 0px 0 0;
padding: 0;
}
.pagecontent {
padding: 50px 22px;
width: 436px;
}
.pagecontent-full, 
.pagecontent-full-last {
width: 100%;
}
.pagecontent-left {
width: 100%;
margin: 0 auto 50px auto;
display: block;
padding: 0;
}
.pagecontent-right {
width: 100%;
margin: 0 auto;
display: block;
padding: 0;
}
.blog-nav ul li {
font-size: 11px;
}
.blog-group {
margin: 50px 0 40px 0;
padding: 0 0 30px 0;
}
body.page-id-829 .pagecontent-left {
display: block;
float: left;
width: 35%;
margin: 0 auto 0px auto;
}
body.page-id-829 .pagecontent-right {
display: block;
float: left;
width: 65%;
}
body.page-id-829 .blog-group {
margin: 50px 0;
padding: 0 0 0px 0;
}
.footer {
padding: 40px 22px;
width: 436px;
}
.addthis_toolbox {
width:62%;
margin-left: 38%;
margin-right: 38%;
}
.addthis_button_facebook_like {
padding: 0 30px 0 0 !important;
height: 20px !important;
}
}