/*
Theme Name: CSST Simple Blue
Theme URI: http://www.csstinderbox.com
Description: Basic template frame with three total columns: sidebar left column / main content / sidebar right column. With multiple widget locations defined.
Version: 1.0
Author: CSS Tinderbox
Tags: simple, fixed width, three columns, widgets

This is a seriously basic template frame with enough to get you started.
Bend, fold and manipulate in any way to make it your own. Cheers.
*/

/* 
Entypo pictograms used in the latest Twitter section are by Daniel Bruce — www.entypo.com"
*/

/* //BASIC STYLES// ======================================================================================== */
#mainBody .nout{clear: left; padding-bottom: 5px; margin:0px 0 25px 0; border-bottom: 4px solid #9e9e9e;}
#mainBody .bookspost h3 {font-size: 140%;}
.bookspost {
float:left;
clear: both;
margin:0 0 25px 0;
padding:0px 0 8px 0;
border-bottom:8px solid #ececec;
}

#recaptcha_area {margin-bottom: 10px;}
.facebook_logo {margin-right: 10px;}
.reviewspost {
margin:0 0 25px 0;
padding:0px 0 8px 0;
border-bottom:8px solid #ececec;
}

.bookspost a img.alignleft {float:left;  margin:0 12px 14px 0;}
/* Captions */

#mainBody h3.country {font-size: 140%; margin-bottom: -10px;}

.home_page_post {
clear: both;
margin-bottom: 20px;
}

.home_page_post h2 {font-size: 230%; line-height: 120%; margin-bottom: 10px; margin-top: 0px;}
.home_page_post h1 {margin-bottom: 20px; font-size: 230%;}
.home_page_post h3 {color: #333333; font-size: 170%; line-height: 110%;}


.hp-group:after {
  content:".";
  display: block;
  clear: both;
  height:0;
  visibility: hidden;
  padding-bottom: 20px;
}


body {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
color:#333333;
line-height: 16px;
background-color:#666159;
}

a:link, a:visited {
color:#1f8334;
text-decoration:underline;
}



a:hover, a:active {
color:#136A44;
text-decoration:underline;
}



h1 {
margin-bottom:12px;
padding:0;
font-size:220%;
font-weight:bold;
color: #a61510;
}

h2 {
margin:0;
padding:0;
font-size:160%;
font-weight:bold;
color: #a61510;
line-height: 120%;
}



h3 {
margin:0;
padding-bottom:20px;
font-size:160%;
font-weight:bold;
color: #a61510;
}

h4 {
margin:0 0 12px 0;
font-family:Georgia, serif;
font-size:140%;
font-style: italic;
line-height: 140%;
font-weight:normal;
color: #555555;
}

h5 {
font-size:150%;
line-height: 150%;
margin:0px 0 12px 0;
}

p {
font-size:130%;
line-height: 150%;
margin:0px 0 12px 0;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

p.right {color: #333333;}


li {
list-style-type: none;
}

ul, ol {
margin:0;
padding:0;
}

ul li, ol li {
margin:0;
padding:0;
}

ul li ul, ol li ol {
margin:0;
padding:0;
}

ul li ul li, ol li ol li {
margin:0;
padding:0;
}



ul li {
list-style-type:none;
}

ul li ul li {
list-style-type:none;
}

ol li {
list-style-type:none;
}

ol li ol li {
list-style-type:lower-alpha;
}

/* //MAIN STRUCTURE// ======================================================================================== */

#pageWrap {
margin:0 auto;
padding:0;
width:960px;
background-color:#ffffff;
}

#header {
margin:0 0 50px 0;
padding:0 0 0 0;
width:960px;
height:104px;
background: url(images/header_deeper_wordpress.jpg) bottom center no-repeat;
}

#mainBodyContainer {
width: 960px;
background: url(images/maindivider.gif) top center repeat-y;
display: table;}

#mainBody {
float:left;
margin:0 0 0px 0px;
padding:0 17px 0 17px;
width:466px;
border-left:0px solid #ececec;
border-right:0px solid #ececec;
}

#articlesMainBody {
float:left;
margin:0 0 0px 0;
padding:0 17px 0 17px;
width:466px;
border-left:0px solid #9e9e9e;
border-right:0px solid #9e9e9e;
}

#articlesMainBody h2 {
margin:0 0 10px 0;
padding:0;
font-size:160%;
font-weight:bold;
color: #a61510;
}

#articlesMainBody h3 {
margin:0 0 10px 0;
padding:0;
font-size:140%;
line-height: 120%;
font-weight:bold;
color: #333333;
}


#pagespace {
height: 30px;
} /*space below main content to force column lines */

#sideBarWrapLeft {
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
width:215px;
}

#articlesSideBar {
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
width:215px;
}

#blogSideBar {
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
width:215px;
}


#homepageSidebarLeft {
float:left;
margin:-2px 0 0 0;
padding:0 17px 0 17px;
width:181px;
}

#sideBarWrapRight {
float:left;
margin:0 0 30px 0;
padding:0 17px 0 22px;
width:206px;
background: #fff;
}

#footer {
clear:both;
margin:20px 0 0 0;
padding:30px 0 0px 0;
height: 23px;
width:960px;
text-align:left;
font-size:110%;
color: #515551;
background: url(images/footer_bg.jpg) top center no-repeat;
}

/* //HEADER STRUCTURE// ======================================================================================== */

#header h1 {
float:left;
margin:0 0 0 0;
padding:20px 0 0 17px;
font-family:Arial, Helvetica, sans-serif;
}

#header a:link, #header a:visited {
color:#333333;
text-decoration:none;
}

#header a:hover, #header a:active {
color:#39C;
text-decoration:none;
}

.headerDescription {
float:right;
margin:0 60px 0 0;
padding:40px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
color:#cccccc;
font-size:18px;
}

#mainNavWrapper {
float:right;
margin: 71px 26px 0 0;
}

ul#mainNav li {
display: inline;
}

ul#mainNav li a {
display: block;
height: 36px;
text-indent: -9999px;
float: left;
}


ul#mainNav li.home a {
width: 49px;
background: url(images/home.gif) bottom center;
}


ul#mainNav li.books a {
width: 65px;
background: url(images/books.gif) bottom center;
}

ul#mainNav li.articles a {
width: 86px;
background: url(images/articles.gif) bottom center;
}

ul#mainNav li.blog a {
width: 55px;
background: url(images/blog.gif) bottom center;
}

ul#mainNav li.about a {
width: 63px;
background: url(images/about.gif) bottom center;
}

ul#mainNav li.contact a {
width: 71px;
background: url(images/contact.gif) bottom center;
}

ul#mainNav li.facebook a {
width: 39px;
background: url(images/facebook.gif) bottom center;
}

ul#mainNav li a:hover,
body#home ul#mainNav li.home a,
body#books ul#mainNav li.books a,
body#articles ul#mainNav li.articles a,
body#category ul#mainNav li.articles a,
body#blog ul#mainNav li.blog a,
body#about ul#mainNav li.about a,
body#contact ul#mainNav li.contact a,
body#default ul#mainNav li.home a
 {
background-position: top center;
}


/* //MAIN PAGE STYLES// =============================================================================== */

#articlesMainBody h2 a, #articlesMainBody h2 a:visited {
color: #a61510;
text-decoration: none;
}

#articlesMainBody h2 a:hover, #articlesMainBody h2 a:active {
color: #a61510;
text-decoration: none;
}

#articlesMainBody h2.articles {
margin-bottom: 40px;
}

h2.reviews_header {margin-bottom: 40px;}

.review_excerpts {margin-bottom: 20px;}
.review_excerpts p {
margin:0 0 0 0;
}


a.excerpt_link, a:visited.excerpt_link  {
text-decoration:nunderline;
padding-left:0px;
}

#mainbody h5 {font-size: 150%;}

.blogPageHeader {margin-bottom: 40px;}

.share_buttons {margin-top: 8px;}

/* //POST STYLES// ======================================================================================== */

.review_posts {
margin:0 0 20px 0;
padding:0px 0 0px 0;
border-bottom:0px solid #ececec;
}

.post {
margin:0 0 20px 0;
padding:0px 0 20px 0;
border-bottom:8px solid #ececec;
}

#latest_blog_posts .post {border-bottom: 1px solid #9dc9d2; margin: 0 0 15px 0; padding: 0 0 15px 0;}

.singleblogpost .post {border-bottom:0px; margin:0 0 0 0; padding:0 0 0 0;}

.pagepost {
margin:0 0 0 0;
padding:0 0 20px 0;
}


.postTitle {
font-size:125%;
margin:0px 0 1px 0;
}

.blogpostTitle {
font-size:125%;
margin:0px 0 1px 0;
}

h2 a:link, h2 a:visited {
color:#a61510;
text-decoration:none;
}

h2 a:hover, h2 a:active {
color:#a61510;
text-decoration:underline;
}

.postTitle a:link, .postTitle a:visited {
color:#136A44;
text-decoration:none;
}

.postTitle a:hover, .postTitle a:active {
color:#333;
text-decoration:none;
}

.sidebarpostTitle {
font-size:130%;
margin:0px 0 1px 0;
}
.sidebarpostTitle a:link, .sidebarpostTitle a:visited {
color:#116774;
text-decoration:none;
}

.postedDate {margin-top: 5px; color:#666; font-size: 12px;}

.postAuthor, .postMeta, .postFeedback {
font-size:11px;
color:#454545;
}

.postAuthor a:link, .postAuthor a:visited, .postMeta a:link, .postMeta a:visited, .postFeedback a:link, .postFeedback a:visited {
color:#1f8334;
text-decoration:none;
}

.postAuthor a:hover, .postAuthor a:active, .postMeta a:hover, .postMeta a:active, .postFeedback a:hover, .postFeedback a:active {
color:#136a44;
text-decoration:underline;
}

.postFeedback {margin-top: 10px; margin-bottom: 10px;}

.addthis_container {margin-top: 30px;}

/* //COMMENT STYLES// ======================================================================================== */

.postCommentWrap {
margin:0 0px 0 0;
padding:0;
color:#333333;
}

.postCommentWrap input, .postCommentWrap textarea {
border:1px solid #cccccc;
background-color:#ffffff;
margin:0 0 0 0px;
}

#submit {background: #eeeeee; cursor:pointer;}

.postCommentWrap h3.commentsection {
font-size:15px;

font-weight: normal;
padding:10px 0 10px 0px;
border-bottom: 8px solid #ececec;
border-top: 0px solid #9e9e9e;
margin-top:35px;
margin-bottom: 10px;
}

.postCommentWrap h3.commentsection a:link, .postCommentWrap h3.commentsection a:visited {font-size: 11px; text-decoration: none;}

.postCommentWrap h3.commentsection a:hover, .postCommentWrap h3.commentsection a:active {font-size: 11px; text-decoration: underline;}

.commentInput  {
font-size:13px;
}

.commentInput input {float:none;}

.commentInput label {float: none; font-size: 13px; margin-bottom: 0px;  padding-top: 0px; padding-left: 10px;}

.commentInput textarea {float: none; font-size: 13px;}

.postCommentLeave h3 {
padding:25px 0 0 0px;
margin:0 0 0px 0;
}

#postCommentList {
margin:0;
padding:0;
}

#postCommentList li {
margin:20px 0 20px 10px;
padding:0 0 10px 0;
font-size:10px;
border-bottom:1px solid #ececec;
}

.commentMeta {
text-align:left;
}

.commentAuthor {
font-size: 14px;
font-weight: normal;
padding-right: 10px;
}

.commentMeta a:link, .commentMeta a:visited, .postCommentFeed a:link, .postCommentFeed a:visited, .postCommentLog a:link, .postCommentLog a:visited {
color:#1f8334;
text-decoration:none;
}

.commentMeta a:hover, .commentMeta a:active, .postCommentFeed a:hover, .postCommentFeed a:active, .postCommentLog a:hover, .postCommentLog a:active {
color:#136a44;
text-decoration:underline;
}

.postCommentNo {
padding:15px 0 0 25px;
font-style:italic;
}

.postCommentFeed, .postCommentLog {
padding:5px 0 0 15px;
font-size:11px;
}

/* //SIDEBAR STYLES// ======================================================================================== */

#homepageSidebarLeft p {line-height:140%;}

#sideBarWrapLeft ul li, #sideBarWrapLeft ol li {
list-style-type:none;
border-bottom: 1px solid #9e9e9e;
padding: 0 17px 0 17px;
}

#reviews_sidebar ul li.page_item, #reviews_sidebar ol li {
list-style-type:none;
padding: 0 17px 0 17px;
}

#reviews_sidebar ul li.page_item a:link, #reviews_sidebar ul li.page_item a:visited {
line-height: 32px;
font-size:130%;
color:#7d7d7d;
text-decoration:none;
padding-left:0px;
}

#reviews_sidebar ul li.page_item a:hover, #reviews_sidebar ul li.page_item a:active {
color:#333333; 
border-left:0px solid #333333;;
}

#reviews_sidebar h3 {
font-size: 140%;
font-weight: bold;
color: #fff;
line-height: 32px;
background: #5a494f;
padding:0 17px 0 17px;}


#latestNews {
margin: 0px 0px 20px 0px;
padding-bottom:0px;
border-bottom: 0px solid #9e9e9e;
}

#latestNews li {
margin-bottom: 20px;
}

#latestReviews {
margin: 0px 0px 20px 0px;
padding-bottom:0px;
border-bottom: 0px solid #9e9e9e;
}

#latestArticle {
margin: 0px 0px 20px 0px;
padding-bottom:0px;
border-bottom: 0px solid #9e9e9e;
clear: both;
}

#latestArticle ul li {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px dashed #9e9e9e;
}

#latestArticle ul li:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}

#newsEvents {
margin: 0 0 20px 0;
padding-bottom:10px;
border-bottom: 0px solid #9e9e9e;
}

#sideBarWrapRight a:link, #sideBarWrapRight a:visited {
color: #1f8334;
text-decoration:underline;
}

#sideBarWrapRight a:hover, #sideBarWrapRight a:active {
color: #136A44;
text-decoration:underline;
}

#sideBarWrapRight h3 {
padding:0px 0 15px 0;
margin-left: -5px;
font-size:140%;
font-weight:bold;
color: #333333;
text-indent: 0px;
letter-spacing: 0.1em;
border-top:0px solid #9e9e9e;
border-bottom:0px solid #9e9e9e;
}

#sideBarWrapRight h4 {
margin-left: -5px;
margin-bottom:8px;
padding: 5px 0 3px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:150%;
font-weight:bold;
font-style: normal;
color: #a61510;
text-indent: 0px;
background-color: #efece7;
letter-spacing: 0.07em;
border-top:1px solid #9e9e9e;
border-bottom:1px solid #9e9e9e;
}

#articlesSideBar ul li ul li {
border-bottom: 1px solid #9e9e9e;
padding: 0 17px 0 17px;
}

#articlesSideBar ul.extra_cats li {
border-bottom: 1px solid #9e9e9e;
padding: 0 17px 0 17px;
}

#blogSideBar ul li {
border-bottom: 0px solid #9e9e9e;
padding: 10px 17px 0 26px;
}

#blogSideBar ul.extra_cats li {
border-bottom: 1px solid #9e9e9e;
padding: 10px 17px 0 17px;
}

#blogSideBar .tags{
border-bottom: 0px solid #9e9e9e;
padding: 10px 17px 0 26px;
}

#blogSideBar .tags a:link, #blogSideBar .tags a:visited {
line-height: 140%;
color:#7d7d7d;
text-decoration:none;
}

#blogSideBar .tags a:hover, #blogSideBar .tags a:active {
color:#333333; 
font-size:190%;
border-left:0px solid #333333;;
}

.blogmenu {border-bottom: 1px solid #9e9e9e; padding: 0 0 15px 0;}

#sideBarWrapLeft ul li ul li{
border-bottom: 0px solid #9e9e9e;
margin-right: 17px;
margin-top:-10px;
margin-left:-8px;
}


.widget {
margin:0 0 0 0;
padding:0;
font-size: 13px;

}



.widgetTitle, .columnTitle {
font-family: Arial, Helvetica, Sans-Serif;
padding-left: 17px;
line-height: 32px;
color: #fff;
font-size:110%;
font-weight: bold;
text-transform: uppercase; 
}

body#books .widgetTitle {
background-color: #5a494f;
}

body#about .widgetTitle {
background-color: #136a44;
}

body#contact .widgetTitle {
background-color: #5C6B29;
}

.widget ul li a:link, .widget ul li a:visited {
line-height: 32px;
color:#7d7d7d;
text-decoration:none;
padding-left:0px;
}

.widget ul li a:hover, .widget ul li a:active {
color:#333333; 
border-left:0px solid #333333;;
}

#articlesSideBar h3 {
font-size: 140%;
font-weight: bold;
color: #fff;
line-height: 32px;
background: #1b4a5a;
padding:0 17px 0 17px;}


#articlesSideBar ul li a:link, #articlesSideBar ul li a:visited {
line-height: 32px;
font-size:130%;
color:#7d7d7d;
text-decoration:none;
padding-left:0px;
}

#articlesSideBar ul li a:hover, #articlesSideBar ul li a:active {
color:#333333; 
border-left:0px solid #333333;;
}

#sideBarWrapLeft h3.latestposts, #sideBarWrapLeft h3.latestTweets {
font-size: 140%;
font-weight: bold;
color: #fff;
line-height: 32px;
background: #116774 url(images/lastestblog_top.gif) top left no-repeat; 
margin-top: 20px; padding:6px 17px 0 17px;}

#blogSideBar h3.blog {
font-size: 140%;
font-weight: bold;
font-style: italic;
color: #7d7d7d;
background: #fff;
line-height: 14px;
padding:0px 17px 0px 17px;
margin: 15px 0 0px 0px;}

#latest_blog_posts {padding: 20px 17px 6px 17px;  background: #d5edf1 url(images/lastestblog_bottom.gif) bottom left no-repeat;}


#blogSideBar h3 {
font-size: 140%;
font-weight: bold;
color: #fff;
line-height: 32px;
background: #116774;
padding:0 17px 0 17px;}


#blogSideBar ul li a:link, #blogSideBar ul li a:visited {
line-height: 140%;
font-size:130%;
color:#7d7d7d;
text-decoration:none;
padding-left:0px;
}

#blogSideBar ul li a:hover, #blogSideBar ul li a:active {
color:#333333; 
border-left:0px solid #333333;;
}

.rightcolumnText p {
font-size:125%;
line-height: 130%;
}

.sidebarTitles {font-size: 130%;
font-weight: bold;}

.socialMedia {margin-top: 20px; padding: 0 17px 0 17px; font-size: 120%;}
.socialMediaIcon {float: left; padding-right: 5px;}

/* //FOOTER STRUCTURE// ======================================================================================== */




#footer div.left {
float: left;
width: 198px;
padding-left: 17px;
}

#footer div.right {
float: right;
padding-right: 17px;
}


#footer a:link, #footer a:visited {
color:#515551;
text-decoration:none;
background-image: none;
padding: 0px;
}

#footer a:hover, #footer a:active {
color:#333333;
text-decoration:underline;
}




/* //captions// ========================================================================================*/
.home_page_post img {padding-bottom: 10px;}

img.alignright {float:right; margin:0 0 1em 1em; border: 5px solid #ececec;}
img.alignleft {float:left; margin:0 17px 0px 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; border: 0px solid #ececec;}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 17px 0px 0; border: 5px solid #ececec;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; border: 5px solid #ececec;}

#latestNews a img.aligncenter {display: block; margin-left: auto; margin-right: auto; border: 5px solid #ececec;}

#homeBook.wp-caption.alignleft {
	border: 0px solid #ececec;
	text-align: center;
background: #fff;
	padding-top: 0px;
	margin-right: 17px;
margin-bottom: 10px;
float: left;
}

.wp-caption.alignleft {
	border: 5px solid #ececec;
	text-align: center;
background: #ededed;
	padding-top: 0px;
	margin-right: 17px;
margin-bottom: 10px;
float: left;
}

.wp-caption.alignright {
	border: 5px solid #ececec;
	text-align: center;
background: #ededed;
	padding-top: 0px;
	margin-left: 17px;
margin-bottom: 10px;
float: right;
}



.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

#homeBook.wp-caption p.wp-caption-text {
	font-size: 110%;
	line-height: 17px;
	padding: 0px 4px 0px 34px;
	margin-top: -10px;
}

.wp-caption p.wp-caption-text {
	font-size: 110%;
	line-height: 17px;
	padding: 5px 4px 0px 4px;
	margin: 0;
}
/* End captions */


/* //forms// ========================================================================================*/

label {
width: 100px; font-size: 130%; margin-bottom: 20px; float: left; clear: both; padding-top: 4px;}

input {border:1px solid #9e9e9e; float: left; margin-bottom: 20px; padding: 3px;}
textarea {
font-family:Arial, Helvetica, sans-serif; border:1px solid #9e9e9e; float: left; margin-bottom: 20px; padding: 3px;}


/* ------------------------------------------------ Latest Tweets
-------------------------------------------------*/
.latestTweets-acclink {
	display: inline-block;
	margin-left: 60px;
	width: 23px;
	height: 18px;
	background: url(images/twitter-icon.png) top left no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}

.latestTweets-list {
	padding: 17px;
	background: #d5edf1 url(images/lastestblog_bottom.gif) bottom left no-repeat;
}

.lastestTweets-single {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #1D7E91;
}

.lastestTweets-single p {
	margin-bottom: 0;
	/*color: #176675;*/
	color: #155B69;
}

.lastestTweets-single a {
	color: #1D7E91;
	text-decoration: none;
}

.latestTweets-meta {
	position: relative;
	margin-top: 3px;
	height: 19px;
	line-height: 19px;
}

.latestTweets-list .timestamp {
	display: inline-block;
	font-size: 11px;
}

.latestTweets-list .timestamp a {
	color: #1D7E91;
}

.latestTweets-actions {
	position: absolute;
	right: 0;
}

.reply, .retweet, .favorite {
	display: inline-block;
	margin-left: 5px;
	width: 17px;
	height: 17px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.reply {
	margin-left: 8px;
	background: url(images/tw-reply.png) bottom left no-repeat;
}

.retweet {
	background: url(images/tw-retweet.png) bottom left no-repeat;
}

.favorite {
	background: url(images/tw-favourite.png) bottom left no-repeat;
}

.reply:hover, .retweet:hover, .favorite:hover {
	background-position: top;
}