/*
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 *************************

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


/* 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:40px;
font-weight:normal;
color:#303030;
}
#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:40px;
font-weight:normal;
color:#3399cc;
}
#blog .entry h4 {
margin-bottom:1em;
}
.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.subtitle {
font-size:1.6em;
line-height:1.25;
font-family: helvetica, arial, sans-serif;
font-weight: bold;
color:#3399cc;
margin-top:.5em;
}

/* =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;
}
#mainContent p {
text-align:justify;
}
.post p {
text-indent: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 {
margin-left:40px;
}
.post .entry ul,.essay ul {list-style: disc outside;}
.post .entry ol, .essay ol {list-style:decimal outside;}
#mainContent p.dialog {text-indent:-20px;}

.essay ol.footnotes, .essay ul.footnotes, .essay ol.reference, .essay ul.reference {
margin-left:0;
text-indent:0;
}
ul.essay_links {
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;}

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.png) top left repeat-x;
overflow:auto;
width:100%
}
#headerWrap {
width:100%
}
#header {
width:960px;
height:360px;
margin:0 auto;
position:relative;
}
#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,
#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,
#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,
#sideContent #everyEssay ul li a:link, #sideContent #everyEssay ul li 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 {
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 *************************/
.mainHeader {
width:670px;
float:left;
}
.sideHeader {
width:230px;
float:right;
}
#title {
position:relative;
float:left;
margin:0;padding:0;
margin-top:60px;
}
#title p {
position:absolute;
float:right;
bottom:-20px;
right:0;
margin:0;
}
#logo {
margin:20px 45px 30px 0;
width:80px;
height:129px;
float:left;
}
#feature {
clear:left;
width:660px;
height:140px;
}
#feature a img {
width:660px;
height:140px;
border:none;
padding:0;margin:0;
}
#header #essayExplained {
position:absolute;
bottom:45.5px;
right:-1px;
width:230px;
border:none;
padding-top:0;
margin:100px 0 0 0;
}
#header #essayExplained p {
margin:0;
height:225px;
width:230px;
background: url(/media/postit.png) 0 0 no-repeat;
}
#header #essayExplained p span {
display:block;
clear:both;
}

/************************* =NAVIGATION *************************/
#nav {
position:absolute;
top:20px;
right:0;
height:20px;
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;
margin-bottom:4px;
margin-left:15px;
height:13px;
padding-right:25px;
background:url(/media/divider_header.png) right center no-repeat;
width:auto;
}
#nav li a {
display:block;
width:100%;
height:13px;
border-bottom:none;
}
#nav li a span {
display:block;
z-index:-2;
font: 1em/1 TheSans, Helvetica, Verdana, Arial, sans-serif;
}
#nav li a:hover, #nav li a:active, #home li.navHome a, #overview li.navEssays a, #category li.navEssays a, #book li.navEssays a,  #essay li.navEssays a, #blog li.navBlog a, #about li.navAbout a {
color:#303030;
border-bottom:3px solid #404040;
background-color:transparent;
}
/************************* =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;
}

/* new way */
/*
.buy_buttons a.buy_button {
float:left;
clear:none;
margin:0 15px 0 -6px;
}
.buy_buttons img {
margin:0;
padding:6px 23px 0 0;
}
*/
/* end new way */
#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;}

/* =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 h5.subline {
padding-bottom:10px;
}
#mainContent .post .entry {
margin-right:20px;
}
#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 {
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 {
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/reccomend */

h5.social {height:20px;}
#mainContent h5.social span {padding-right:20px;}
#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;
}
/* aWeber Page */
#aweber .top {
margin-top:30px;
}

/* aWeber Forms */
form.aweber_form {
clear:both;
margin:20px 0;
overflow:auto;
}
form.aweber_form table tr td p {text-align:center !important;}
form.aweber_form p.heading {margin-bottom:.25em;}
form.aweber_form p.subheading {margin-top:.25em;}

form.aweber_form label {
float:left;
font-size:1.4em;
margin-left:10px;
}
form.aweber_form input {
float:left;
border:1px solid #ccc;
background-color:#fff;
height:18px;
margin-right:10px;
}
form.aweber_form input.email {
width:200px;
}
form.aweber_form input.button {
float:left;
margin-right:10px;
text-transform:uppercase;
border:1px solid #ccc;
background-color:#fff;
padding:1px;
width:50px;
height:20px;
}

/* aWeber Forms in posts */

#mainContent .post .entry form.aweber_form {
overflow:auto;
margin-bottom:40px;
}
#mainContent .post .entry form.center {
width:340px;
margin-left:150px;
}
#mainContent .post .entry form.center p.heading {
text-align:center;
}
.post .entry form.aweber_form label {
font-size:1em;
margin-right:10px;
}


/************************* =SIDE CONTENT *************************/
#sideContent div {
margin:30px 0;
text-align:center;
border-top:1px solid #666;
padding-top:20px;
}
#sideContent #everyEssay {
border-top:none;
margin-top:0;
padding-top:10px;
}
#sideContent #everyEssay ul li {
font-size:.7857em;
line-height:1.6em;
text-align:left;
text-transform:uppercase;
font-family: arial, sans-serif;
margin-left:64px;
}
#sideContent p.subhead {
text-align:center;
margin:-10px 0 20px 0;
line-height:1.2;
}
#sideContent #everyEssay p.subhead a {
color:#3399cc;
border-bottom:none;
}
#sideContent ul {
list-style:none outside;
text-align:left;
}
#sideContent #search {
border-bottom:none;
padding-bottom:20px;
}
#stayUpdated ul.signin {
width:222px;
margin:0 auto;
padding-top:20px;
}
#stayUpdated .socialmedia, #feed ul {
width:160px;
margin:0 auto;
}
#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;
}
#stayUpdated .signin li.heading {
font-size:1em;
text-align:center;
}
#stayUpdated .signin label {
float:left;
padding-right:10px;
}
#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:50px;
}
#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;
}
#latestPosts h3 {
font-size:1.6em;
line-height:1.25;
margin-bottom:.25em;
}
#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;
}
/************************* =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;}