/*
Theme Name: Smart Pop Books
Theme URI: http://www.smartpopbooks.com/
Description: Smart Pop Books website
Version: 2.0
Author: Laura Yeffeth
Author URI: http://www.clampdesign.com/
Tags: miminal, dark gray, yellow, fixed width, 960px width, two column, left sidebar, valid CSS, valid xhtml, accessible, NIR image replacement

	Smart Pop Books v2.0
 
	This theme was designed and built by Laura Yeffeth
	who can be reached at laura@clampdesign.com

	The CSS, XHTML and design is copyrighted. All Rights Reserved.
*/

/************************* =COLOR SCHEME *************************

#f0f0f0			Almost White		Background 						
#3399cc		Cyan						Headings							
#303030		Dark Gray				Main Text/Headings			
#666666		Medium Gray		Footer Text						
#cccccc			Light Gray				Links								
#edc900		Yellow					Active Links						
#edd864		Light Yellow			Graphics							
#dbdbdb		Pale Gray				Comment Bubble				
#dbe7ea		Pale Cyan				Comment Bubble for Author			

/* RESET TO SYNCH BROWSER PREFERENCES COURTESY OF ERIC MEYER    */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, input, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}
a {	outline: none;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/************************* =TYPOGRAPHY *************************/

body {
font:62.5%/1.4 Georgia, "Times New Roman", serif;
}

/* =HEADINGS  */

h1 {
text-transform:uppercase;
font:5em Helvetica, Verdana, Arial, sans-serif;
font-weight:600;
margin-bottom:0;
}
h2 {
font: 2.4em/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform:uppercase;
margin:40px 0;
height:35px;
vertical-align:center;
border-top:5px solid #303030;
color:#303030;
}
#essay h2 {
font-size:2em;
}
h2.section-header {
margin:30px 0;
}
h2.pagetitle {
margin-top:0;
}
#essay #mainContent .top h2, #overview h2, #category h2, .book_module h2, .essay_module h2 {
margin-top:0;
}
.currentEssays h2 {margin:0;}

.featuredEssay h2 span {
font-size:.8em;
}
.book_module h2 {
line-height:1.2em;
}
#sideContent h2 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:1.6em;
height:20px;
margin:0 0 20px 0;
border-top:none;
color:#303030;
letter-spacing:.5px;
}
h3  {
font-size:3.6em;
line-height:1em;
font-weight:100;
color:#3399cc;
}
h3.archive {
border-top:5px solid #303030;
margin-top:0;
padding-top:30px;
font-size:3em;
}
.featuredEssay .section h3 {
font-size:2.4em;
}
.featuredEssay .section .essay h3 {
font-size:1.4em;
}
.currentEssays h3 {
font-size:1.8em;
font-style:italic;
color:#3399cc;
margin-top:.5em;
text-transform:lowercase;
}
#mainContent .section h3 a, #mainContent .post h3 a {
color:#3399cc;
border-bottom:none;
}
.post h3 {
font-family:Georgia, "Times New Roman", serif;
font-size:2.8em;
line-height:1.2857em;
font-weight:100;
text-transform:none;
color:#3399cc;
}
#mainContent .section h3 a:hover, #mainContent .post h3 a:hover {
text-decoration:underline;
}
.authorPage h3 {
padding-bottom:1em;
}
#promo h3 {
padding-bottom:.5em;
}
#terms-of-use h3, #privacy-policy h3 {
padding:.75em 0;
}
#terms-of-use h3, #privacy-policy h3 {
font-size:2.6em;
}
h4 {
font-size:2.4em;
font-weight:100;
}
h4.heading {
font: 1.8em/1.089 "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform:uppercase;
margin-top:30px;
font-weight:normal;
color:#303030;
}
.bookPage h4.heading {
clear:none;
}
.bookPage h4.essay_links {
clear:both;
}
#promo h4, #terms-of-use h4, #privacy-policy h4, #blog .entry h4 {
font: 1.6em/1.089 "Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform:uppercase;
margin-top:30px;
font-weight:normal;
color:#3399cc;
}
#blog .entry h4 {
margin:1em 0;
}
.book_info h4 {
line-height:1.1em;
font-size:2.0em;
}
h5 {
font-weight:100;
font-size:1.4em;
margin:1.5em 0 0 0;
}
h5.subline {
margin-top:1.2em;
}
.book_info h5.subtitle {
font-size:1.2em;
line-height:1.333;
font-weight:normal;
}
#promo h5 {
margin-bottom:2em;
}
.book_info h5 {
font-size:1.3em;
}
#title h5 {
display:inline;
font-size:2.7em;
font-style:italic;
font-weight:100;
margin:0;
line-height:1.2em;
color:#303030;
}
h5.sub_title {
font-size:1.6em;
line-height:1.25;
font-family: helvetica, arial, sans-serif;
font-weight: normal;
color:#3399cc;
margin-top:.5em;
}
#overview h5.sub_title p {
font-size:1em;
text-align: left;
}
#blog .entry h1, #blog .entry h2, #blog .entry h3, #blog .entry h4, #blog .entry h5,
#page #mainContent h1, #page #mainContent h2, #page #mainContent h3, #page #mainContent h4, #page #mainContent h5 {
font-family: Georgia, "Times New Roman", serif;
color:#3399cc;
font-weight:normal;
text-transform:none;
border:none;
margin:0 0 1em 0;
}
#blog .entry h1, #page #mainContent h1 {font-size:2.9em;}
#blog .entry h2, #page #mainContent h2 {font-size:2.6em;}
#blog .entry h3, #page #mainContent h3 {font-size:2.3em;}
#blog .entry h4, #page #mainContent h4 {font-size:2.0em;}
#blog .entry h5, #page #mainContent h5 {font-size:1.7em;}

/* =PARAGRAPHS AND LISTS */

p, ul, ol {
font-size:1.4em;
margin:1em 0;
}
.essay {
margin:1em 0;
font-size:1.4em;
}
.essay p {
font-size:1em;
}
.essay {
font-size:1.em;
}
.essay ol {
font-size:1em;
}
.essayPage .entry {
margin:1em 0;
font-size:1.4em;
}
.essayPage .entry p {
font-size:1em;
}
ul li.last {
background:none !important;
padding-right:0 !important;
border-right:none !important;
}
.post p {
text-indent:0;
margin-top:0;
}
#title p {
font-family: Helvetica, Verdana, Arial, sans-serif;
text-transform:uppercase;
font-size:1.1em;
letter-spacing:.5px;
font-weight:600;
}
#mainContent p.dialog, .post .entry ul, .essay ul, .post .entry ol, .essay ol, .section ul, .section ol, #page #mainContent ul , #page #mainContent ol {margin-left:40px;}

.section ul, .post .entry ul, .essay ul, .essay bl, #page #mainContent ul {list-style: disc outside;}
.section ol, .post .entry ol, .essay ol, #page #mainContent ol {list-style:decimal outside;}
#mainContent p.dialog {text-indent:-20px;}
.excerpt ul, .excerpt bl {
font-size:1em;
}
.essay ol.footnotes, .essay ul.footnotes, .essay ol.reference, .essay ul.reference {
margin-left:0;
text-indent:0;
}
.section ul.essay_links {
margin-left:0;
list-style:none outside;
}
ul.essay_links li {
line-height:1.857em;
}
#promo #mainContent ul li {
list-style:none outside;
padding-left:20px;
background: url(/media/bullet.png) 10px 9px no-repeat;
}
ol#contestRules {
font-size: 1.4em;
font-style: italic;
}
ol#contestRules li {
margin-left: 30px;
list-style: decimal outside;
text-align:justify;
}
strong {font-weight:600;}
.title {font-style:italic;}

.blog_navigation div a {
text-transform:uppercase;
font-family: arial, sans-serif;
color:#666;
font-size:1.1em;
line-height:3;
}
.blog_navigation .more_arrow {
font-size:2em;
line-height:1;
color:#3399cc;
vertical-align:center;
}
.single p.postmetadata {
font-size:1.1em;
text-transform:none;
letter-spacing:0;
}
.single p.postmetadata a {
text-transform:uppercase;
}

/* subline */
.subline, .comment_info, .cancel-comment-reply {
text-transform:uppercase;
font-family: arial, sans-serif;
color:#666;
font-size:1.1em;
letter-spacing:.25px;
}
li #respond p.subline {font-size:.7857em;}
.cancel-comment-reply {font-size:.75em;}
.book_info h5 .author {font-size:.923em;}
.comment_info {font-size:.7857em;letter-spacing:0;}
.book_info h5.subline {
font-size:.95em;
letter-spacing:.25px;
}

#blog .entry br {margin-bottom:12px;}

p.continue {
clear:both;
}
a.readmore, .readmore {
color:#3399cc;
text-transform:uppercase;
font-family: arial, sans-serif;
font-size:.786em;
font-style:normal;
font-weight:normal;
}
a.readmore .more_arrow, .readmore .more_arrow, li a .more_arrow  {
font-size:1.275em;
}
.books a .caption {
display:block;
clear:both;
text-align:center;
width:100px;
overflow:visible;
line-height:1.2;
text-transform:uppercase;
letter-spacing:.5px;
font-family: arial, sans-serif;
color:#666;
}
a.buy_button {
font: bold 1.1em arial, sans-serif;
text-align:center;
}
.essay sup {
vertical-align: super;
font-size: .75em;
}
.essay p.introquote {
font-size: 1.1em;
font-style:italic;
font-weight:600;
line-height:1.2em;
}
.essay p.quote {
font-size: 1em;
}
.essay p.cite {
font-variant:small-caps;
font-style:normal;
font-size:1.1em;
text-align:right;
}
.essay p.cite em {
font-variant:normal;
}
.essay ol.footnotes {
font-size:.7855em;
}
.essay ul.references, .essay ol.references {
font-size:.7855em;
list-style:none;
}
.essay .letter p, .essay .memo p{text-indent:0;}
.essay .typewritten p {font-family: courier, mono-space;}
.essay p.break {text-align:center !important;}

/************************* =LAYOUT *************************/
html {font-size:100%}
body {
background:#f0f0f0;
color:#303030;
height:101%;
text-align:center; /* This centers the container in IE 5* browsers*/
z-index:1;
}
div#container {
background:#f0f0f0;
position:relative;
text-align:left; /* This overrides the text-align:center on the body element. */
background: #f0f0f0 url(/media/grid-new.png) top left repeat-x;
overflow:auto;
width:100%
}
#headerWrap {
width:100%
}
#content {
position:relative;
width:960px;
margin:0 auto;
padding-bottom:30px;
clear:both;
overflow:visible;
}
#mainContent {
width:660px;
float:left;
text-align:left;
margin-bottom:40px;
padding-right:20px;
}
#sideContent {
width:230px;
float:right;
margin-bottom:20px;
}
/************************* =LINKS *************************/
a:link, a:visited, a:hover, a:active {text-decoration:none; color:#303030;}

#mainContent .essay a:link, #mainContent .essay a:visited,
#mainContent .entry a:link,#mainContent .entry a:visited,
#page #mainContent a:link, #page #mainContent a:visited,
.bookPage #mainContent .summary a:link,  .bookPage #mainContent .summary a:visited,
#about #mainContent a:link, #about #mainContent a:visited,
#promo #mainContent a:link, #promo #mainContent a:visited,
ul.essay_links li a:link, ul.essay_links li a:visited,
a:link.externalLink, a:visited.externalLink,
#cancel-comment-reply-link:link, #cancel-comment-reply-link:visited {
border-bottom:1px solid #3399cc;
color:#3399cc;
}
#mainContent h5.subline a:link, #mainContent h5.subline a:visited {
color:#666;
border-bottom:none;
}
#mainContent h5.tags a:link, #mainContent h5.tags a:visited,
.comment_text p.reply a:link, .comment_text p.reply a:visited {
color:#3399cc;
}
#mainContent .essay a:hover, #mainContent .essay a:active,
#mainContent .entry a:hover, #mainContent .entry a:active,
#page #mainContent a:hover, #page #mainContent a:active,
.bookPage #mainContent .summary a:hover,  .bookPage #mainContent .summary a:active,
#mainContent a:hover.externalLink, #mainContent a:active.externalLink,
#about #mainContent a:hover, #about #mainContent a:active,
#promo #mainContent a:hover, #promo #mainContent a:active,
#cancel-comment-reply-link:hover, #cancel-comment-reply-link:active {
color:#303030;
border-bottom:1px solid #303030;
}
#sideContent a:hover, #sideContent a:active, 
#mainContent h5.subline a:hover, #mainContent h5.subline a:active, 
ul.essay_links li a:hover, ul.essay_links li a:active,
#content a:link.readmore, #content a:visited.readmore,
#content a:link .readmore, #content a:visited .readmore,
#latestPosts h3 a:link, #latestPosts h3 a:visited,
#latestPosts .commentsLink a:link, #latestPosts .commentsLink a:visited,
#latestComments small a:link, #latestComments small a:visited,
.book_info h4 a:link, .book_info h4 a:visited,
.blog_navigation a:hover, .blog_navigation a:active,
ol.commentlist li cite a:link, ol.commentlist li cite a:visited, #notFound #content a:link, #notFound #content a:visited  {
border-bottom:none;
color:#3399cc;
}
#content a:hover.readmore, #content a:active.readmore,
#content a:hover .readmore, #content a:active .readmore,
#mainContent h5.tags a:hover, #mainContent h5.tags a:active,
#latestPosts h3 a:hover, #latestPosts h3 a:active,
#latestPosts .commentsLink a:hover, #latestPosts .commentsLink a:active,
#latestComments small a:hover, #latestComments small a:active,
.book_info h4 a:hover, .book_info h4 a:active,
ol.commentlist li cite a:hover, ol.commentlist li cite a:active,
#sideContent #everyEssay ul li a:hover, #sideContent #everyEssay ul li a:active,
.comment_text p.reply a:hover, .comment_text p.reply a:active, #notFound #content a:link, #notFound #content a:visited, #notFound #content a:hover, #notFound #content a:active {
border-bottom:1px solid #3399cc;
}
#content .books a {border:none;}
#feature a:link, #feature a:visited, h2 a:link, h2 a:visited, #logo a:link, #logo a:visited, #logo a:hover, #logo a:active, #title a:link, #title a:visited 
{border-bottom:none;}

a.externalLink {
background:url(/media/external_link.png) no-repeat 100% 55%; 
padding-right:14px !important;
}
.category a.externalLink {background:none;}

/************************* =IMAGE REPLACEMENT *****

Neal Image Replacement by Neal Venditto:http://neal.venditto.org/
This technique allows for text to show up in place of images when style sheets 
are disable or when images are turned off.

In your html, add class "replace" to any text element you want to replace with an image.
Then surround the text with <span> tags. 
*/
.replace span {
position:relative;
z-index:-1;
}
.replace a {
display:block;
width:100%;
height:100%;
text-decoration:none;
border-bottom:none;
}
/************************* =IMAGES *************************/
a:hover img.bookcover,  a:active img.bookcover {opacity:0.6;}

.section .essay_links img {
float:none;
padding:0;
margin:0;
vertical-align:middle;
padding-bottom:3px;
}
.book_info a img {
padding:0 0 15px 0;
}
.post .entry img {
padding:10px;
border:1px solid #ccc;
}
.post .entry img.alignleft {
margin-right:20px;
}
/************************* =HEADER *************************/
#header {
position:relative;
width:960px;
height:450px;
margin:0 auto;
position:relative;
}
#logoGraphic {
position:absolute;
display:block;
width:230px;
height:213px;
top:31px;
left:-117px;
background: url(/media/logo-new.png) 0 0 no-repeat;
}
#logoGraphic a {
display:block;
width:230px;
height:213px;
}
#logo {
margin-top:126px;
width:960px;
height:52px;
float:right;
}
#logo a {
float:right;
}
#title {
position:relative;
float:right;
margin:12px 0 35px;
padding:0;
}
#title p, #title h5 {
position:relative;
float:right;
right:0;
margin:0;
}
#title p {
clear:both;
float:right;
}
#feature a {
display: block; 
width: 960px; 
height: 140px; 
}
#feature a img {
width:960px;
border:none;
padding:0;margin:0;
}

/************************* =NAVIGATION *************************/
#nav {
position:absolute;
top:10px;
right:0;
height:101px;
width:auto;
list-style:none outside;
margin:0;
}
#nav li {
font-family: Helvetica, Verdana, Arial, sans-serif;
text-transform:uppercase;
font-size:.75em;
font-weight:600;
float:left;
list-style:none outside;
height:47px;
}
#nav li.navBooks a {
width:115px;
background: url(/media/navOurBooks.png) 0 0 no-repeat;
}
#nav li.navBlog a {
width:104px;
background: url(/media/navBlog.png) 0 0 no-repeat;
}
#nav li.navSmartpopYA a {
width:128px;
background: url(/media/navSmartpopYA.png) 0 0 no-repeat;
}
#nav li.navForEducators a {
width:149px;
background: url(/media/navForEducators.png) 0 0 no-repeat;
}
#nav li.navAbout a {
width:86px;
background: url(/media/navAbout.png) 0 0 no-repeat;
}

#nav li a {
position:relative;
display:block;
width:100%;
height:50px;
border-bottom:none;
text-align: center;
line-height: 4;
}
#nav li a:hover, #nav li a:active {
line-height: 6;
}
#nav li.navBooks a:hover, #nav li.navBooks a:active, #overview #nav li.navBooks a {
height:63px;
background: url(/media/navOurBooks.png)  0 -51px no-repeat;
line-height: 6;
}
#nav li.navBlog a:hover, #nav li.navBlog a:active, #blog #nav li.navBlog a {
height:63px;
background: url(/media/navBlog.png) 0 -50px no-repeat;
line-height: 6;
}
#nav li.navSmartpopYA a:hover, #nav li.navSmartpopYA a:active {
height:63px;
background: url(/media/navSmartpopYA.png) 0 -50px no-repeat;
}
#nav li.navForEducators a:hover, #nav li.navForEducators a:active {
height:63px;
background: url(/media/navForEducators.png) 0 -50px no-repeat;
}
#nav li.navAbout a:hover, #nav li.navAbout a:active, #about #nav li.navAbout a {
height:63px;
background: url(/media/navAbout.png) 0 -50px no-repeat;
line-height: 6;
}
/************************* =MAIN CONTENT *************************/
#mainContent .section {
position:relative;
padding:0;
margin:40px 0;
clear:both;
overflow:visible;
}
#essay .section, #blog .section {
border-top:5px solid #ccc;
}
#mainContent .top {
padding-top: 30px;
border-top:4px solid #303030;
margin-top:0;
width:660px;
}
.currentEssays .section {
height:150px;
}
.currentEssays .books {
float:left;
}
.currentEssays .books a {
float:left;
margin:0 30px 0 0;
height:150px; 
}
.currentEssays .books a img {
padding:0;
}
#blog #mainContent .top, #essay #mainContent .top {
border-top:none;
padding-top:0;
}
#essay #mainContent .top {
margin-right:30px;
}
.section .covers {
float:left;
height: 150px;
}
.covers img {
margin-right:0;
margin-left:30px;
}
.section a img, .section img {
float:left;
padding:0 30px 23px 0;
}
.featuredEssay img {
padding-bottom:0;
}

/* About Page */

#about .section {
margin:0 0 40px 0;
}
#about img.alignleft {
padding:10px;
border:1px solid #ccc;
margin: 0 20px 20px 0;
}

/* Home Page */

#mainContent .freeEssay .section {
position:relative;
background:transparent url(/media/pagecurl.png) top right no-repeat;
overflow:visible;
}
#mainContent .todaysEssay .section {
min-height:303px;
margin-bottom:30px;
border-right:1px solid #ccc;
}
#mainContent .featuredEssay .section {
margin-bottom:30px;
border-bottom:5px solid #ccc;
overflow:auto;
}
#mainContent .featuredEssay .section .essay {
margin-bottom:30px;
border-right:1px solid #ccc;
padding-right:0;
}
#mainContent .freeEssay .section .essay p {margin-right:30px;}
#mainContent .featuredEssay .section a img {padding-bottom:30px;}
#mainContent .todaysEssay .section a img, #mainContent .todaysEssay .section h3 {padding-top:20px;}
#mainContent .featuredEssay .section a img, #mainContent .featuredEssay .section h3 {padding-top:10px;}

.end-date {
float:right;
display:block;
padding:5px 5px 0 0;
text-align:right;
font:1.5em Arial, Helvetica, Verdana, sans-serif;
text-transform:uppercase;
font-weight:600;
line-height:1.2;
}
.end-date .avail {
width:120px;
display:block;
font-size:.7333em;
margin-bottom:2px;
}
.end-date .expiration {
display:block;
width:118px;
font-size:1.2em;
}
.end-date .weekday {height:20px;}
.end-date .date {height:80px;}

/* Book Cover and Information for Overview Page */
#overview .section {
position:relative;
overflow:auto;
margin-bottom:30px;
}
#overview .section p {
text-align:right;
}
 .books {
float:right;
}
 .books a {
float:right;
width:100px;
margin-left:20px
}
 .books a img {
padding:0 0 5px 0;
}
.featured {
float:left;
width:120px;
}
.featured a {
margin:0 20px 0 0;
}
#category #mainContent .section {
overflow:auto;
}
#category .books a {
float:left;
margin:0 30px 0 0;
height:220px;
}
.books a .caption {
display:block;
clear:both;
text-align:center;
width:100px;
overflow:visible;
}
.book_info {
float:right;
width:150px;
padding:20px;
border:1px solid #ccc;
margin:0 0 30px 30px;
}
a.buy_button {
clear:both;
display:block;
width:134px;
height:17px;
padding:15px 8px 12px;
background:transparent url(/media/buy-button.png) 0 0 no-repeat;
}
a.buy_button:hover, a.buy_button:active {
color: #666;
}
img#button_break {
padding:0 0 0 8px;
}
/* Buy Buttons at bottom of Full Essay Page */

.buy_buttons {padding:20px 0;}
.buy_buttons a.buy_button {
float:left;
clear:none;
margin:0 15px 0 -6px;
}
#overview #mainContent .book_info {
width:170px;
border:none;
margin:0;
padding:0;
float:left;
}
#overview #mainContent .section p {
position:relative;
margin:0;
clear:both;
right:0;
bottom:0;
padding-top:20px;
}
/* Book Cover and Information for Category Page */
.book_module {
float:left;
width:660px;
margin-top:0 !important;
}
.book_module img {
float:left;
margin-right:30px;
}
/* Essay Information for Category Page */

.essay_module {
clear:both;
padding-top:30px;
border-top:1px solid #666;
}
/* Essay Pages */
.essay h3, .essay h4 {
color:#303030;
}
.essay h3 {
text-align:center;
font-size:1.4em;
font-weight:bold;
}
.essay h4 {
font-weight:bold;
font-size:1.8em;
font-variant:small-caps;
margin:1em 0;
}
.essay p {
margin:1em 0;
}
.essay ul.dialog {
padding:0 3em;
}
.essay p.introquote {
margin:2.5em;
}
.essay p.cite {
text-align:right;
padding:0 1.5em;
margin-top:-1em;
margin-bottom:1.5em;
}
.essay ol.footnotes {
border-top:1px solid #303030;
padding-top:1em;
padding-left:20px;
}
.essay ul.references, .essay ol.references {
padding-top:1em;
}
.essay .letter {margin:40px 0;}
.essay .letter p, .essay .memo p{text-indent:0;}
.essay .typewritten p {font-family: courier, mono-space;}
.essay p.break {text-align:center !important;}

/* Custom Content Area on Individual Book Pages */

#custom_content {
float:right;
clear:none;
}
#custom_content img {
margin:0 36px;
padding:0;
}
#custom_content a#girl-on-fire {
display:block;
width:192px;
}
#essay .shareSection {
margin-top:10px;
}
/* =Blog Pages */

#mainContent .post {
position:relative;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
background:transparent url(/media/pagecurl-blog.png) top left no-repeat;
padding:20px 0 0 100px;
margin-bottom:30px;
}
#mainContent .post div {
clear:both;
overflow:auto;
margin:20px 0;
}
#mainContent .post form.aweber_form div, #mainContent .post div.postdate {
clear:none;
overflow:visible;
margin:0;
}
#mainContent .post h5.subline {
padding-bottom:10px;
}
#mainContent .post .entry {
margin-right:20px;
overflow:visible;
}
#mainContent .post .entry div, #mainContent .post .entry p.heading {
clear:both;
margin-bottom:20px;
}
.post h3 {
clear:both;
border-top:none;
height:auto;
margin:0;
}
.post .postdate {
position:absolute;
top:0;
left:0;
width:65px;
padding:5px;
}
.post .postdate span {
display:block;
text-align:right;
line-height:1;
text-align:left;
}
.post .postdate {
font-size:1.6em;
font-weight:600;
letter-spacing:-1px;
}
.post .postdate .day {
font-size:1.5em;
font-weight:600;
font-weight:800;
line-height:.6;
padding-top:5px;
}
.post .postdate .month {
display:block;
}
.aligncenter {
display: block;
margin:20px auto;
}
.post .quote, .post blockquote, .essay .quote, .essay .blockquote, .essay p.quote, #page #mainContent blockquote, #page #mainContent p.quote {
padding:0 1.5em;
margin:1.5em 0;
}
.blog_navigation {
border-top:5px solid #ccc;
margin:40px 0 20px;
height:20px;
}
.blog_navigation div {
width:216px;
height:25px;
}
.blog_navigation .last_post {text-align:left; float:left;}
.blog_navigation .main_blog {text-align:center; float:left;}
.blog_navigation .next_post {text-align:right; float:right;}

.blog_navigation div a {
display:block;
width:216px;
height:20px;
float:left;
}

/* Individual Posts and Comments */
.hidden {display:none;}
  
#mainContent .single {
border:none;
border-top:5px solid #303030;
background:none;
padding:20px 0;
}
.single p.postmetadata {
padding-top:.5em;
}
h4#comments {
clear:both;
margin-top:20px;
padding-top:40px;
border-top:5px solid #ccc;
}
/* Comments */
ol.commentlist {
margin:0;
list-style:none;
}
ol.commentlist .children {
margin:0;
}
ol.commentlist li {
margin:30px 0 0 0;
overflow:auto;
clear:both;
}
ol.commentlist li.depth-2, ol.commentlist li.depth-3 {
margin-left:40px;
}
ol.commentlist li.depth-2, ol.commentlist li.depth-3 {
font-size:.7142em;
list-style:none;
}
ol.commentlist li.first {
padding-top:0;
border-top:none;
}
ol.commentlist li .comment_info{
display:block;
float:left;
}
ol.commentlist li .comment_info .avatar {
width:55px;
height:55px;
padding:5px;
background:#ccc;
}
ol.commentlist li cite {
margin-top:10px;
display:block;
font-style:normal;
color: #303030;
}
ol.commentlist li .comment_text {
display:block;
width:504px;
float:right;
overflow:auto;
background:#dbdbdb;
}
ol.commentlist li.byuser .comment_text {
background:#dbe7ea;
}
ol.commentlist li.depth-2 .comment_text {width:464px;}
ol.commentlist li.depth-3 .comment_text {width:424px;}

.comment_text p.reply {
height:20px;
padding:0 20px 0 0;
}
ol.commentlist li .comment-bubble {
width:527px;
float:right;
overflow:visible;
background: url(/media/comment-bubble-arrow.gif) left top no-repeat;
margin-bottom:30px;
}
ol.commentlist li.byuser .comment-bubble {
background:url(/media/comment-bubble-arrow-author.gif) left top no-repeat;
}
ol.commentlist li.depth-2 .comment-bubble {width:487px;}
ol.commentlist li.depth-3 .comment-bubble {width:447px;}

ol.commentlist li p {
font-size:1em;
padding:10px 20px;
margin:0;
}
ol.commentlist li .comment-reply-link {
font-size:.7857em;
text-transform:uppercase;
font-family: arial, sans-serif;
float:right;
}
/* Comment Form */
#respond {
clear:both;
border-top:5px solid #ccc;
width:660px;
}
#respond h4.heading {
margin-top:40px;
padding-left:40px;
}
.cancel-comment-reply {
padding:4px 0 0 40px;
}
#commentform {
margin-top:30px;
overflow:auto;
padding-left:40px;
width:600px;
}
#commentform label {
padding-left:8px;
}
#commentform .required {
padding:3px 15px 0 8px;
background:url(/media/asterisk.gif) right top no-repeat;
}
#commentform p {
padding-left:0;
}
#commentform p.key {
margin:0;
height:20px;
width:560px;
}
#commentform span.required {
float:right;
}
#commentform p textarea {
border:1px solid #ccc;
width:560px;
}

/* Subline comment/share/recomend */

#blog h5.social, .essay h5.social{
clear:both;
text-transform:uppercase;
font-family: arial, sans-serif;
color:#666;
font-size:1.1em;
letter-spacing:.25px;
overflow:visible;
}
#mainContent h5.social span {
vertical-align: top;
}
#mainContent h5.social span.comment {
height:21px !important;
}
#mainContent h5.social span.comment a.comment {
height:21px;
}
#mainContent h5.social span div {
margin:0;
}
#content #mainContent .shareSection {
overflow:visible;
height:30px;
padding-top:10px;
}
#mainContent .shareSection .st_plusone_button {
margin-top:2px;
vertical-align: bottom;
overflow:visible;
}
#mainContent .shareSection .st_plusone_button img {
overflow:visible;
}
#mainContent .shareSection .st_plusone_button div {
margin:0;
overflow:visible !important;
height:40px;
}
#content h5.subline img {
padding:0;
float:none;
vertical-align:bottom;
padding-bottom:1px;
border:none;
}
#content h5.social img {
padding:0 5px 0 0;
}
.wp_likes, .unlike {
display:inline;
}
#content h5.social .wp_likes a img {
padding-bottom:2px;
}
#content h5.social .stbuttontext, #content h5.social .stbutton {
padding-right:0;
}
#mainContent .rss {
margin-left:40px;
}
#mainContent .rss img {
margin-right:10px;
}
/* Blog Images */
#mainContent .post .entry p img.alignleft, img.alignright {
display:inline;
}
.alignright,a .alignright {display:inline; float:right; margin:0 0 20px 20px}
.alignleft,a .alignleft {display:inline; float:left; margin:0 20px 20px 0}
.aligncenter,a .aligncenter, .alignnone,a .alignnone {margin:0 auto 20px;}

/************************* =FORMS *************************/

/* aWeber Page */
#aweber .top {
margin-top:30px;
}

/* aWeber Forms */
#mainContent form.aweber_form {
float:left;
width:538px;
margin:0 0 20px 0;
overflow:auto;
}
#mainContent .single form.aweber_form, #promo #mainContent form.aweber_form, #page #mainContent form.aweber_form {
width:640px;
overflow:visible;
}
#mainContent form.aweber_form p.heading {
text-align:left;
margin-bottom:20px; 
font-weight:bold;
}
#mainContent form.aweber_form p.subheading {
text-align:left;
margin-top:.25em;
}
#mainContent form.aweber_form div {
width:310px;
height:20px;
}
#mainContent .post .entry div {
overflow:auto;
clear:both;
margin-bottom:0;
}
#mainContent form.aweber_form label {
float:left;
font-size:1.4em;
margin-right:10px;
}
#mainContent form.aweber_form p label {
font-size:1em;
}
#mainContent form.aweber_form input {
float:left;
border:1px solid #ccc;
background-color:#fff;
height:18px;
}
#mainContent form.aweber_form input.email {
width:200px;
}
#mainContent form.aweber_form input.button {
float:left;
margin-left:6px;
text-transform:uppercase;
border:1px solid #ccc;
background-color:#fff;
padding:1px;
width:50px;
height:20px;
}
#mainContent form.aweber_form p.privacy {
clear:both;
margin:1em 0;
height:20px;
}
#mainContent form.aweber_form p.privacy a {
text-decoration:underline;
border-bottom:none;
font-size:.7857em;
}

/* Centered Forms */

#mainContent .entry form.center div {
width:310px;
margin:0 auto 20px;
}
#mainContent .single form.center div, #promo #mainContent form.center div {
width:310px;
}
#promo #mainContent form.center div, #page #mainContent form.center div {
margin:0 auto;
}
#mainContent form.center label {
float:left;
font-size:1.4em;
}
#mainContent form.center p.heading {
text-align:center;
}
#mainContent form.center p.privacy {
text-align:center;
}
#mainContent form.center p.privacy a {
text-align:center;
width:100%;
}

/* Forms on the side (next to an image) */

#mainContent form.side div {
margin:0 0 20px 0;
}
#mainContent form.side p {
text-align:left;
}

#mainContent form.small {width:397px;}
#mainContent form.medium {width:347px;}
#mainContent form.large {width:297px;}
#mainContent .single form.small {width:498px;}
#mainContent .single form.medium {width:448px;}
#mainContent .single form.large {width:398px;}

#mainContent form.large input.email {width:187px;}
#mainContent form.large div {width:297px;}


/* Forms on Book Pages */

div#form {
float:left;
overflow:auto;
}
div#form form.aweber_form {
width:auto;
padding:0 15px 15px 15px;
margin-top:15px;
border:1px solid #ccc;
}

/************************* =SIDE CONTENT *************************/
#sideContent div {
margin:30px 0;
text-align:center;
border-top:1px solid #666;
padding-top:20px;
}
#sideContent p.subhead {
text-align:center;
margin:-10px 0 20px 0;
line-height:1.2;
}
#sideContent ul {
list-style:none outside;
text-align:left;
}
#sideContent #search {
border-bottom:none;
padding-bottom:20px;
}
#sideContent #newsletterSignup {
border:none;
margin-top:0;
padding-top:0;
}
#newsletterSignup ul.signin {
padding-top:14px;
}
#stayUpdated .socialmedia, #feed ul {
width:160px;
margin:0 auto;
}
#newsletterSignup ul li, #stayUpdated ul li, #feed ul li {
margin-bottom:10px; 
text-align:left;
font-size:.9em;
}
#stayUpdated .socialmedia li, #feed ul li {
clear:both;
height:40px;
margin-bottom:10px;
text-transform:uppercase;
font-family: arial, sans-serif;
font-size:.7857em;
}
#stayUpdated ul li a img, #feed ul li a img {
float:left;
padding-right:10px;
}
#stayUpdated .socialmedia span, #feed ul li span {
float:left;
display:block;
width:100px;
height:40px;
line-height:1.3;
}
#stayUpdated .socialmedia span {
padding-top: 6px;
}
#feed ul li span {
padding-top: 13px;
height:27px;
}
#stayUpdated form {
clear:both;
}
#sideContent li.field input, #commentform input {
border:1px solid #ccc;
background-color:#fff;
height:18px;
}
#sideContent li.button input, #commentform .button {
text-transform:uppercase;
border:1px solid #ccc;
background-color:#fff;
float:right;
display:block;
font-size:.8335em;
padding:1px;
}
#sideContent li.button input {
width:75px;
}
#newsletterSignup .signin li.heading {
font-size:1.1428em;
text-transform: uppercase;
text-align:center;
}
#newsletterSignup .signin li {
font-size:1em;
text-align:center;
}
#newsletterSignup .signin label {
float:left;
padding-right:10px;
}
#newsletterSignup .signin li.button input {
font-size: .75em;
}
#newsletterSignup .signin input#email {
float:left;
font-family: Georgia, "Times New Roman", serif;
color:#888;
text-align:center;
font-size: .85em;
width:145px;
}
#commentform .button {
float:left;
font-size:.75em;
height:20px;
}
/* Latest Posts and Comments*/
#sideContent #latestPosts .post {
border:none;
margin:0;
text-align:left;
padding:0;
margin-bottom:20px;
}
#sideContent #latestPosts .post img {
display:none;
}
#latestPosts h3 {
font-size:1.6em;
line-height:1.25;
margin-bottom:.25em;
}
#sideContent #latestPosts .entry {
border:none;
text-align:left;
margin:0;
padding:0;
}
#sideContent #latestPosts .entry h1, #sideContent #latestPosts .entry h2, #sideContent #latestPosts .entry h3, #sideContent #latestPosts .entry h4, #sideContent #latestPosts .entry h5 {
font-family: Georgia, "Times New Roman", serif;
color:#3399cc;
font-weight:normal;
text-transform:none;
border:none;
margin:0 0 .5em 0;
height:auto;
}
#sideContent #latestPosts .entry h1 {font-size:2.9em;}
#sideContent #latestPosts .entry h2 {font-size:2.6em;}
#sideContent #latestPosts .entry h3 {font-size:2.3em;}
#sideContent #latestPosts .entry h4 {font-size:2.0em;}
#sideContent #latestPosts .entry h5 {font-size:1.7em;}

#sideContent #latestPosts p {
font-size:1.3em;
line-height:1.385;
margin:0;
padding-bottom:6px;
}
#sideContent #latestPosts small, #sideContent #latestComments small {
text-transform:uppercase;
font-family: arial, sans-serif;
color:#666;
font-size:1em;
letter-spacing:.25px;
}
#sideContent #latestComments small {
font-size:.7142em;
}
/* Latest Comments */
#latestComments li {
padding:.5em 0;
list-style:none outside;
text-align:left;
}
/* Google Search */
#mainContent #cse-search-box ul {
list-style:none;
}
#content_cse iframe{
width:660px;
}
#sideContent #cse-search-box li.field input {
width:170px;
float:left;
}
#sideContent #cse-search-box li.button input {
font-size:.75em;
width:50px;
}
/************************* =FOOTER *************************/
#footerWrap {
clear:both;
width:100%;
background-color:#303030;
color:#888;
font-family: Arial, Helvetica, Verdana, sans-serif;
}
#footer {
position:relative;
width:960px;
height:350px;
margin:0 auto;
font-size:.85em;
padding-top:10px;
}
#footer ul {
height:220px;
width:230px;
float:left;
margin-right:135px;
padding:0;
}
#footer ul.archives {margin-right:0;}

#footer ul li {
list-style:none;
height:20px;
text-align:left;
padding:5px 0;
}
#footer ul.stayUpdated li {
padding-left:0;
}
#footer ul li a {
display:block;
height:100%;
}
#footer li.heading {
text-transform:uppercase;
font-weight:bold;
font-size:1.1em;
margin:10px 0;
height:20px;
width:120px;
padding:0;
background-image: no-repeat;
list-style-image:none !important;
}
#footer ul li.nav {
margin-right:244px;
}
#footer ul li.stayUpdated {
margin-right:284px;
}
#footer ul li a img {
vertical-align:middle;
margin-right:10px;
}
#footer div {
padding-top:20px;
clear:both;
text-align:center;
}
#footer div p {
margin:5px 0;
}
#footer p.back {
position:absolute;
bottom:0;
right:0;
width:20px;
height:20px;
background:url(/media/top_arrow.png) 0 0 no-repeat;
}
#footer span.back a {
display:block;
width:20px;
height:20px;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
color:#888 !important;border:none !important;
}
#footer a:hover, #footer a:active {text-decoration:underline;}

/***** =Special Offer Login Page ****************************************************************/

.widget_wp_sidebarlogin h3 {
margin:25px 0 20px;
line-height: 1.2;
}
.widget_wp_sidebarlogin ul.pagenav h3 {
font-size:2.57142em;
}
.widget_wp_sidebarlogin p {
margin-bottom:6px;
}
.widget_wp_sidebarlogin #private_page p {
font-size:1em;
}
.widget_wp_sidebarlogin #private_page li.page_item{
float:left;
clear:none;
}
.widget_wp_sidebarlogin a:link,.widget_wp_sidebarlogin a:visited {
border-bottom:1px solid #3399cc;
color:#3399cc;
}
.widget_wp_sidebarlogin a:hover,.widget_wp_sidebarlogin a:active {
border-bottom:none;
}
.widget_wp_sidebarlogin img {
float:right;
padding:15px;
border:1px solid #ccc;
margin:0 0 60px 30px;
}
.widget_wp_sidebarlogin img.alignleft {
margin:0 30px 60px 0;
float:left;
}
.widget_wp_sidebarlogin #download {
border-bottom:none;
height:91px;
}
.widget_wp_sidebarlogin #download img {
float:left;
border:none;
margin:0;
padding: 20px 0 20px 0;
}
.widget_wp_sidebarlogin h5 {
font-size:1.6em;
font-weight:bold;
}
.widget_wp_sidebarlogin form {
float:left;
margin-top:20px;
width:267px;
height:82px;
padding:15px;
border:1px solid #ccc;
}
.widget_wp_sidebarlogin form br {
display:none;
}
.widget_wp_sidebarlogin form p {
margin:0 0 10px 0;
}
.widget_wp_sidebarlogin form p label {
display:block;
float:left;
width: 65px !important;
}
.widget_wp_sidebarlogin input {
border:1px solid #ccc;
background-color:#fff;
height:18px;
width:200px;
}
.widget_wp_sidebarlogin input#rememberme {
width:20px;
}
.widget_wp_sidebarlogin p.submit {
margin-bottom:0;
float:right;
}
.widget_wp_sidebarlogin #wp-submit {
text-transform:uppercase;
border:1px solid #ccc;
background-color:#fff;
display:block;
font-size:.75em;
line-height: 1em;
padding:1px;
cursor:pointer;
height:20px;
width:50px;
}
.widget_wp_sidebarlogin label {
font-size:.8666em;
width:auto;
line-height: 1.6;
}
.widget_wp_sidebarlogin .rememberme label {
margin-top:2px;
}
#login_error {
font-size: 1.2em;
margin:6px 0;
color:#cc0000;
}
#login_error strong {
font-weight: normal;
}
.widget_wp_sidebarlogin .page_item {
clear:left;
}

/* POLLS */

.wp-polls {
padding:20px;
border:1px solid #ccc;
}
.wp-polls-ans ul.wp-polls-ul {
margin:0;
padding:0;
}
.wp-polls-ans ul.wp-polls-ul li {
line-height:1.6em;
padding-bottom:15px;
}
.wp-polls .Buttons {
text-transform:uppercase;
font-size:.9em;
}
#mainContent .post .wp-polls .pollbar {
margin-top:6px;
}
#mainContent .post .entry .wp-polls .wp-polls-loading {
text-align:right;
height:50px;
overflow:auto;
padding:10px 0;
}
img.wp-polls-image {
border:none;
padding:0;
float:left;
padding:10px 0;
}

/* ****************************************************************************************** */

/* New Book Pages */

#book .book_module h1.sales_tagline {
margin:10px 0 30px 0;
font: italic 3.4em georgia, serif;
color:#333;
text-transform: none;
}
#book .book_module h3, #book .book_module h5.sub_title {
color:#3399cc;
}
#book .book_module h3 {
font-size:3em;
}
#book .book_module h5.sub_title {
font-size:1.7em;
}
#book .book_module .book_info, #essay .book_info {
width:200px;
padding:0;
border:none;
}
#book .book_module .share {
padding:20px 0 10px;
}
#book .book_info a.bookcover, #essay .book_info a.bookcover {
display:block;
height:300px;
width:200px;
}
#book .book_module .book_info img.bookcover, #essay .book_info img.bookcover {
margin:0 0 20px 0;
}
#book #form form.aweber_form {
width:430px;
border:none;
padding:0;
}
#book #form form.aweber_form h4 {
margin-top:0;
}
#book #form form.aweber_form h4 img {
margin:0 0 10px 0;
padding:0;
}
#book #form form.aweber_form input.email {
width:300px;
font-family: Georgia, "Times New Roman", serif;
color: #888;
font-size:1.2em;
padding:0 4px;
}
#book .book_module .book_info a, #book .buy_book_links a, #essay .buy_book_links a  {
display:block;
height:16px;
margin-bottom:8px;
font-family: arial, sans-serif;
color:#333;
font-size:1.2em;
line-height:1.6;
}
#book .book_module .book_info a img,  #book .buy_book_links a img, #essay .book_info a img,  #essay .buy_book_links a img {
padding:0;
margin-right:8px;
vertical-align: bottom;
}
#book  .buy_book_links {
width:280px;
margin-right:60px;
float:left;
}
#essay .buy_book_links  {
clear:both;
}
#book  .book_module .buy_book_links, #essay .buy_book_links {
width:auto;
}
#book  .book_module .buy_book_links .book_type, #essay .buy_book_links .book_type {
float:left;
margin-right:20px;
}
 #essay .buy_book_links .book_type {
 width:200px;
 margin:20px 20px 20px 0;
 }
#book h5.heading, #essay .buy_book_links h5.heading {
text-transform:uppercase;
font-weight:bold;
font-family:  arial, sans-serif;
line-height:2;
margin: 10px 0;
width:auto;
height:25px;
padding:0 6px;
text-align: center;
background-color:#fccf08;
}
#book .book_info h5.heading {
width:188px;
}
#book #content #mainContent  .column_footer {
overflow:visible;
clear:both;
}
#book #content #mainContent  .column_footer .shareSection {
padding-top:0;
clear:none;
float:left;
}
#book .shareSection .share {
height:22px;
margin-top:10px;
}
#book .shareSection span {
display:block;
float:left;
vertical-align: bottom;
}
#book .shareSection #form {
overflow:auto;
margin-top:30px;
}
.st_plusone_button, .st_email_button {
margin-top:1px;
}
#book .shareSection #form form.aweber_form {
border:none;
width:342px;
padding:0;
margin:0;
}
#book .shareSection #form form.aweber_form input.email {
width:260px;
}
#book #blogposts {
clear:both;
}
#book #blogposts .postsnippet {
clear:both;
border-bottom:1px solid #ccc;
}
#book #blogposts .postsnippet h5 {
margin-top:10px;
font-size:1.8em;
}
#book #blogposts .postsnippet a {
color:#3399cc;
}
#book #blogposts .postsnippet small {
text-transform:uppercase;
font-family: arial, sans-serif;
color:#666;
font-size:1.1em;
letter-spacing:.25px;
margin-top:4px; 
display:block;
}
#book #blogposts .postsnippet img {
display:none;
}
.summary {font-size:1.4em;}
.summary p, .summary ul, .summary blockquote {font-size:1em;}

/* New blog page sharing icons */

h5.tags {
clear:both;
}