/*
Theme name: BookTheme
Theme URI: http://www.traceymeagheronline.com
Description: Book Theme For Self-Published Authors
Version: 1.1
Author: Tracey Meagher
Author URI: http://www.traceymeagheronline.com
*/


/************************************************************************
 GENERAL
*************************************************************************/

body {
 font-size:12px;
 font-family: Arial, Helevtica, Verdana, san-serif;
 background: #f2f2f2 url(images/bg.png);
 color: #333;
}

a {
 text-decoration: none;
 color: #333;
}

a:hover {
 color: #333;
}

/*** Social ***/

.social {
 text-align: right;
 font-size: 24px;
 margin: 4px 0 10px 0;
}

h1.heading {
 margin-top: 25px;
 padding: 0px;
 color: #142841;
}

.centertext {
 text-align: middle;
 margin: 0 auto;
 width: 940px;
}


form .submit {
 font-size: 24px;
 color: #000;
 border: 1px solid #999;
 text-decoration: none;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 background: #222222;
 cursor: pointer;
 margin:0 auto;
}

.form .submit:hover {
 background: -moz-linear-gradient(top, #ffcc66 0%, #ffe6b6 50%, #ffe6b6 51%, #ffc75d 100%);
 background: -webkit-gradient(linear, left top, left bottom, from(#ffcc66), to(#ffe6b6), color-stop(0.4, #ffe6b6), color-stop(0.5, #fff), color-stop(.5, #fff), color-stop(0.9, #ffc75d));
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe6b6', endColorstr='#ffe6b6', GradientType=0 );
}

/************************************************************************
 Wrappers 
*************************************************************************/
#outerwrapper {
 background:#fff;
 padding:0px;
 width:980px;
 margin:20px auto;
 font-size:12px;
 -moz-box-shadow:    0px 0px 7px 5px #999a9a;
 -webkit-box-shadow: 0px 0px 7px 5px #999a9a;
 box-shadow:         0px 0px 7px 5px #999a9a;
}

.outerwrapper_dark {
 background:#f8f8f8 url(images/bg_dark.png);
 border-top:1px solid #fff;
}

.wrapper_cont {
 padding-top:35px;
}

.action_buttons {
 padding:20px 20px 0 0;
 float:right;
}

.more_buttons {
 float:right;
 margin-bottom: 25px;
 margin-top:15px;
}

.cta {
 padding:20px 20px 0 20px;
 float:left;
 font-size:22px;
}

.container_cont {
 padding:0 25px 0 25px;
}

.container_padd {
 margin-top:45px;
}

.aligncenter {
 margin:0 auto;
}

/************************************************************************
 Page 
*************************************************************************/
#page {
 background: #fff;
 width:910px;
 border: 1px solid #e6e6e6;
 padding: 20px 15px 20px 15px;
 margin: 0 auto;
 -moz-box-shadow: 0px 3px 3px #e1e1e1;
 -webkit-box-shadow: 0px 3px 3px #e1e1e1;
 box-shadow: 0px 3px 3px #e1e1e1;
}


/************************************************************************
 FOOTER
*************************************************************************/

#footer {
 height: 80px;
 background: #142841;
 color:#fff;
}

.copyright {
 font-size: 11px;
 width: 620px;
 margin-top: 30px;
 color: #fff;
}

.footer a,
.copyright a {
 color: #fff;
}

.footer a:hover,
.copyright a:hover {
 color: #333;
}

/************************************************************************
 LISTS 
*************************************************************************/

/*** CHECKLIST ***/

ul.checklist {
 list-style:none !important;
 margin-left:0px;
 line-height: 22px;
}

ul.checklist li {
 background: url(images/check.png) no-repeat;
 background-position:0px 6px;
 padding-left:24px;
}

.centertext {
 text-align: middle;
 margin: 0 auto;
 width: 940px;
}

.margin {
 margin-top: 25px;
}

.margin-1 {
 margin-top: 30px;
}

.margin_right {
 margin-right: 10px;
}

.left {
 float: left;
}

.right {
 float: right;
}

/************************************************************************
 SOCIAL 
*************************************************************************/


.social_footer {
 float: right;
 height: 24px;
 list-style-type: none;
 margin: 27px 0 0 0;
 line-height: 0px;
 z-index: 6;
}

.social_footer li {
 float:right;
 margin:0;
 width:24px;
 padding:0 7px 0 0;
}

.social_footer li a {
 height:24px;
 width:24px;
 display: block;
 float:left;
 text-indent: -9999px;
 border:none;
 padding:0;
 outline: none;
}

.social_footer .rss a {
 background: transparent url(images/icons/rss.png) 0 0 no-repeat;
 text-indent: -9999px;
}

.social_footer .facebook a {
 background: transparent url(images/icons/facebook.png) 0 0 no-repeat;
 text-indent: -9999px;
}

.social_footer .twitter a {
 background: transparent url(images/icons/twitter.png) 0 0 no-repeat;
 text-indent: -9999px;
}

.social_footer .rss a:hover {
 background: transparent url(images/icons/rss-hover.png) 0 0 no-repeat;
 text-indent: -9999px;
}

.social_footer .facebook a:hover {
 background: transparent url(images/icons/facebook-hover.png) 0 0 no-repeat;
 text-indent: -9999px;
}

.social_footer .twitter a:hover {
 background: transparent url(images/icons/twitter-hover.png) 0 0 no-repeat;
 text-indent: -9999px;
}

.links_footer {
 float: right;
 list-style-type: none;
 margin: 5px 0;
}

.links_footer li {
 float:right;
 margin:10px 0;
 padding:10px;
 color:#222;
 font-size:10px;
}

.links_footer li a {
 display: block;
 float:left;
 border:none;
 padding:0;
 outline: none;
 color:#222;
 font-size:10px;
}

body .alignleft {
 float:left;
 margin:0 5px 0 0;
 padding: 0 12px 0 0;
 display: block;
}

body .alignright {
 float:right;
 margin:7px 0 0 10px;
 padding: 0 0 15px 15px;
 display: block;
}

body .alignleft_icon {
 float:left;
 margin:4px 5px 0 0;
 padding: 0 12px 0 0;
 display: block;
}

body .alignleft_action {
 float:left;
 margin:5px 5px 0 45px;
 padding: 5px 15px 0 0;
 display: block;
}

#gridcontainer {
 margin: 20px 0 0 5px;
 width: 100%;
}

#gridcontainer h5 a {
 font-size: 11px;
 line-height:13px;
}

.gridcontainer .griditemleft {
 float: left;
 width: 160px;
 margin: 0 10px 10px 5px;
}

.gridcontainer .griditemright {
 float: left;
 width: 160px;
}

.gridcontainer .postimage {
 margin: 0 5px 25px 25px;
}

.gridcontainer .postimage-title {
 text-align: center;
}


.thumb {
 float:left;
 margin-right:20px;
 margin-bottom:15px;
}

#nav_full {
 height:50px;
}


#topnav {
 margin:5px 0;
 padding:0;
 list-style-type:none;
 overflow:visible;
 position:relative;
 float:left;
 font-size:14px;
 font-family:"Calluna", Arial, Verdana;
 text-transform:uppercase;
 float:right;
}


#topnav ul {
 margin:0;
 padding:0;
 list-style-type:none;
}

#topnav li {
 border-right:1px solid #e0e0e0;
 height:50px;
 padding-right:10px;
}

#topnav a {
 display: block;
 line-height: 34px;
 padding:8px 0;
 text-decoration:none;
 position:relative;
 float:left;
 font-family:"Calluna", Arial, Verdana;
 color:#000;
}

#topnav li.current a,
#topnav li a:hover {
 color: #333;
}

#topnav ul li ul {
 list-style: none;
 position: absolute;
 width: 200px;
 left: -999em;
 float:left;
 margin-top:12px;
 margin-left: -20px;
 padding:0;
 z-index:10;
 background:#fff;
}

#topnav li:hover ul,
 #topnav li.sfhover ul {
 left: auto;
}

#topnav li ul li:hover ul {
 left: 100%;
 margin-left: 0px;
}

#topnav li li {
 margin: 0;
 padding: 0;
 width: 200px;
 left: auto;
 height:auto !important;
 position:relative!important;
 border-right:0;
}

#topnav li li a {
 width: 180px;
 color:#999!important;
 font-size:12px;
 line-height:18px;
 margin: 0;
 padding: 8px 6px 8px 15px!important;
}

#topnav li li a:hover {
 padding: 8px 15px 8px 15px;
 color:#212121!important;
}
 #topnav li li:hover, {
 margin-top:50px;
}

#topnav li:hover,
 #topnav li.sfhover { /* prevents IE7 drop-down topnav bug (focus on a page element prevents nested topnavs from disappearing) */
 position: relative;
}


/*

	Comment-Styles

*/


#comments_template {
 margin:30px 0 50px 0;
 padding-top:30px;
 width:610px;
}

/* COMMENTS F0RM */



#commentform p {
 margin:0;
}

#commentform label {
 display:block;
 padding:5px 0;
}

#commentform input,
 #commentform textarea {
 border:1px solid #eee;
 background:#fff;
 color:#222;
 padding:8px;
 width:300px;
 margin-bottom:10px;
}

#commentform input:focus,
 #commentform textarea:focus {
 border:1px solid #e0bf5a;
}

#commentform textarea {
 width:400px;
 font-family:Arial, Helvetica, sans-serif;
 font-size:13px;
 background:#fff;
 padding:20px;
 width:580px;
}



#commentform input[type="submit"] {
 border:none;
 width:151px;
 height:32px;
 margin-top:10px;
 cursor:pointer;
 background:#ddd;
 border:1px solid #cfcdcd;
 color:#222;
 font-size:12px;
 padding:0;
}

.comment-reply-link {
 margin:20px 0 10px 0;
}

.comment-body {
 background:#ffffff;
 padding:20px;
 border-bottom:3px solid #dbdbdb;
}

ul.commentlist {
 list-style:none;
 list-style-position:outside;
 display:block;
 margin:20px 0 20px 0;
 padding:0;
 padding-bottom:20px;
}

.commentlist ul {
 list-style-type:none;
 list-style-position:outside;
 margin:0;
}

.commentlist li {
 position:relative;
 margin-top:30px;
 clear:both;
}

ul.commentlist li img {
 border:none;
}

ul.commentlist li p {
 font-size:13px;
 margin:10px 0;
}

ul.commentlist li .comment-meta {
 margin-left:20px;
 margin-top:15px;
 padding:10px 0;
 clear:both;
}

li .comment_date {
 float:right;
 font-size:12px;
 color:#666666;
}

.comment_author {
 font-size:12px;
 color:#cccccc;
}

.the_comment {
 margin-left:20px;
 font-size:12px;
 line-height:1.8em;
 border-bottom:4px solid #ededed;
 margin-bottom:20px;
}

ul.commentlist li .comment-meta span {
 font-size:12px;
 color:#999;
}

ul.commentlist li .comment-meta {
 font-size:16px;
}

ul.commentlist li .gravatar {
 position:absolute;
 width:80px;
 height:80px;
 left:0;
 float:left;
}

ul.commentlist li .gravatar .gravatar_mask {
 position:absolute;
 left:0;
 top:0;
 width:50px;
 height:50px;
}

ul.commentlist .reply {
 text-align:center;
 font-size:12px;
 margin-left:15px;
 height:10px;
 width:65px;
 padding-top:12px;
 color:#fff;
}

ul.commentlist .reply a {
 height:10px;
 width:65px;
 padding-top:12px;
 color:#fff;
}

ul.commentlist .reply a:hover {
 text-decoration:none;
 color:#fff;
}

ul.commentlist li .children li {
 margin:25px 0 55px 0;
 padding:25px 0 55px 0;
 border-bottom:none;
}

ul.commentlist li .children li .gravatar {
 top:30px;
}

ul.commentlist li .children li .reply {
 top:130px;
}

ol.commentlist {
 list-style:none;
 margin:0;
 padding:0;
}

ol.commentlist li {
 margin:0 0 10px;
 padding:5px 7px 5px 64px;
 position:relative;
}

ol.commentlist li.pingback comment-author {
 padding:0 170px 0 0;
}

ol.commentlist li div.vcard {
 font-weight:bold;
 font-size: 14px;
 line-height: 16px;
 font-family: helvetica, arial, sans-serif;
}

ol.commentlist li div.vcard cite.fn {
 font-style:normal;
 font-size: 11px;
}

ol.commentlist li div.vcard cite.fn a.url {
 color:#333;
 text-decoration:none;
}

ol.commentlist li div.vcard cite.fn a.url:hover {
 color:#000;
}

ol.commentlist li div.vcard img.avatar {
 background: #fff;
 border:1px solid #aaa;
 padding: 5px;
 left:7px;
 position:absolute;
 top:7px;
}

ol.commentlist li div.comment-meta {
 font-size: 10px;
 line-height: 16px;
 font-family: helvetica, arial, sans-serif;
 position:absolute;
 right:10px;
 text-align:right;
 top:5px;
}

ol.commentlist li div.comment-meta a {
 color:#999;
 text-decoration:none;
}

ol.commentlist li p {
 font-weight:normal;
 font-size: 12px;
 line-height: 16px;
 font-family: helvetica, arial, sans-serif;
 margin:5px 0 12px;
}

ol.commentlist li ul {
 font-weight:normal;
 font-size: 12px;
 line-height: 16px;
 font-family: helvetica, arial, sans-serif;
 list-style:square;
 margin:0 0 12px;
 padding:0;
}

ol.commentlist li div.reply {
 background:#212121;
 border:1px solid #333;
 border-radius:2px;
 color:#fff;
 font:bold 9px/1 helvetica, arial, sans-serif;
 padding:6px 5px 4px;
 text-align:center;
 width:36px;
}

ol.commentlist li div.reply:hover {
 background:#cacaca;
 border:1px solid #333;
}

ol.commentlist li div.reply a {
 color:#fff;
 text-decoration:none;
 text-transform:uppercase;
}

ol.commentlist li ul.children {
 list-style:none;
 margin:12px 0 0;
 text-indent:0;
}

ol.commentlist li ul.children li.depth-2 {
 margin:0 0 3px;
}

ol.commentlist li ul.children li.depth-3 {
 margin:0 0 3px;
}

ol.commentlist li ul.children li.depth-4 {
 margin:0 0 3px;
}

ol.commentlist li ul.children li.depth-5 {
 margin:0 0 3px;
}

ol.commentlist ul.children li.odd {
 background:#fff;
}

ol.commentlist ul.children li.even {
 background:#f6f6f6;
}

ol.commentlist li.pingback div.vcard {
 padding:0 170px 0 0;
}

#commentSubmit {background-color: #222; border: none; margin: 20px 0 0 0; padding: 4px 10px; color: #fff; text-transform: uppercase; font-size: 12px;}

.entry-content p {padding:5px 0 5px 0;}

.byline {padding:0 0 10px 0;}

.featbooks  {padding:20px 0;}

.entry-content {padding-top:15px;}

.entry-meta {padding-top:15px;}

.post {padding:10px 0 0px 0;}

.post_border {border-bottom:1px dotted #efefef;}

/* FORMS */

.wrapper_cont input[type=text], .tm-optbox-data input[type=text],.tm-optbox-data input[type=email], #mce-EMAIL, #mce-FNAME {
text-align: center;
border :2px solid #f5e49e;
 background: #f5f5f5; /* Show a solid color for older browsers */
  background: -moz-linear-gradient(#f5f5f5, #e3e3e3);
  background: -o-linear-gradient(#f5f5f5, #e3e3e3);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#e3e3e3)); /* older webkit syntax */
  background: -webkit-linear-gradient(#f5f5f5, #e3e3e3);
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
height :25px;
padding: 5px;
color : #616161;
font-weight:bold;
margin:10px 0 10px 0;
}



#searchform  {margin: 15px 0 45px 0; }
input#s, input.field  { border: 1px solid #b0b0b0; float: left; width: 170px; padding: 5px 0 5px 5px; margin-right:5px}
input#s:focus, input.field:focus  { border: 1px solid #333333; }
input.submit { background-color: #101010; display:block; float: right; line-height: 17px; border: none; padding: 4px 5px; color: #fff; text-transform: uppercase; font-size: 12px; }
input.submit:hover { background-color: #333; }

/* SIDEBAR */


.sidebar {
 margin-top:10px;
 margin-left:20px;
 border-left:1px solid #f3f3f3;
}

.sidebar h2 {
 font-size:18px;
 line-height:18px;
 padding:0px 0px 5px 0px;
 text-decoration:none;
 font-family:"Calluna", Arial, Verdana;
 color:#000;
}

.widget-title {margin:0px;}

.sidebar ul {
 list-style-type:none;
 list-style-position:outside;
 margin:0px 5px;


}

.sidebar ul li {
 list-style-type:none;
 margin:0;
 font-size:12px;
 color:#333;
 padding: 5px 0px 0px 0px;
 border-bottom:1px dotted #efefef;
}

.sidebar li a {
 font-size:12px;
 color:#333;
}

.sidebar li a:hover {
 color:#ddd;
}

.sidebar ul li li {
 list-style-type:none;
 margin:0px 0px 2px 0px;
 padding:0px 0px 2px 0px;
}

.sidebar .widget-container {
 margin-bottom:5px;
 padding:15px;
}


.tagcloud a {
 text-transform: capitalize;
 background: #FCFCFC;
 padding: 4px 12px;
 border: 1px solid #F1F1F1;
 font-size: 11px !important;
 display: inline-block;
 margin: 0 5px 8px 0;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
 border-image: initial;
}



.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}