/* Styles ----------------------*/ body { background:#1a1a1a; font-family: Arial,sans-serif;padding:0;margin:0; } #container { width:840px;margin:0 auto; } /* Header ----------------------*/ #heading { background:#aedde3;height:400px;} #heading #TFC { position:relative;width:876px;height:400px;margin:0 auto;background: url(images/heading.jpg); } #TFC div a { width:200px;height:50px;display:block;position:absolute;top:200px;left:340px; } #header-toggle { text-align:center;font-size:11px;padding:5px 0 5px 0;color: #6e989a; } #header-toggle span a { color:#fff;font-size:10px;text-transform:uppercase;text-decoration:none; } #header-wrapper { } #header { background: url(images/nav-grad.jpg) repeat-x; } #header ul { margin:0;padding:0;width:840px; height:69px; margin:0 auto;background: #1a1a1a url(images/dash.gif) repeat-x bottom; } #header ul li { list-style-type:none;float:left; } #header ul li a { display:block;float:left; } #header ul li.twitter-for-churches a { width:245px;height:68px; background: url(images/twitter-for-churches.jpg) repeat-x; } #header ul li.the-blog a { width:162px;height:68px; background: url(images/the-blog.jpg) repeat-x;} #header ul li.about-the-book a { width:214px;height:68px; background: url(images/about-the-book.jpg) repeat-x;} #header ul li.about-the-author a { width:219px;height:68px; background: url(images/about-the-author.jpg) repeat-x;} #header ul li.twitter-for-churches a:hover { width:245px;height:68px; background: url(images/twitter-for-churches-ON.jpg) repeat-x; } #header ul li.the-blog a:hover { width:162px;height:68px; background: url(images/the-blog-ON.jpg) repeat-x;} #header ul li.about-the-book a:hover { width:214px;height:68px; background: url(images/about-the-book-ON.jpg) repeat-x;} #header ul li.about-the-author a:hover { width:219px;height:68px; background: url(images/about-the-author-ON.jpg) repeat-x;} #header-heading h3 { font-weight:normal; font-size:13px; color: #6a969a; text-align:center; font-family:georgia; font-style:italic; padding:8px 0 20px 0; background: url(images/dash.gif) repeat-x bottom; margin-bottom:15px; } /* Columns ----------------------*/ #sidebar { width:209px;float:right; } #blog-content { width:599px;float:right;margin-right:30px;margin-top:9px; } #sub-content { background:#f2f2f2; border:1px solid #868686;border-bottom:none; padding:30px 0 30px 0; } #sub-content div.sub-left { width:400px;float:left; } #sub-content div.sub-right { width:400px;float:left; } #sub-content div.sub-right div.influencing { position:relative;width:364px;height:150px;background: url(images/influencing.jpg); margin-left:38px;margin-top:20px;margin-bottom:20px; } #sub-content div.sub-right div.influencing div.download a { position:absolute; width:150px;height:30px;top:84px;left:26px; } #sub-content div.sub-right div.influencing div.join a { position:absolute; width:150px;height:30px;top:84px;left:188px; } #sub-content h2 { padding:0 0 14px 0;margin:0 10px 16px 38px;color:#333;font-size:34px;font-weight:bold;background: url(images/dash2.gif) repeat-x bottom; } #sub-content p { margin:0;margin-left:40px;font-size:13px;color:#1d1d1d;line-height:23px;margin-top:10px; } #sub-content img.cover { margin-left:40px; } #sub-content #book-desc { } /* Blog Posts ------------------------------*/ div.entry { margin-bottom: 36px; } div.entry-box { background:#f2f2f2; border:1px solid #868686;border-bottom:none; padding-top:30px; padding-bottom:30px;} div.entry-box img { margin-left:42px; border: 5px solid #fff; } div.entry-box img.f-left { float:left;margin-right:15px; } div.entry-box img.f-right { margin-left:15px;margin-right:40px;float:right; } div.entry h2, div.entry p, div.entry span { padding:0 42px 0 42px; font-family:Lucida, Helvetica, Arial; } div.entry h2 { padding:0 0 20px 0;margin:0 42px 20px 42px;color:#6ca2ae;font-size:30px;font-weight:bold;background: url(images/dash2.gif) repeat-x bottom; } div.entry p { margin:0;font-size:13px;color:#1d1d1d;line-height:20px;margin-top:10px; } div.entry ul.post-nav { margin-top:28px; } div.entry ul.post-nav li { list-style-type:none; display:block; float:left; } div.entry ul.post-nav li a { text-transform:uppercase;font-size:10px;font-weight:bold;float:left;display:block;padding:6px 4px;text-decoration:none;text-align:center;font-family:"Lucida Grande", Helvetica, Arial; } div.entry ul.post-nav li a.comments { font-weight:normal;background:#1a1a1a;border:1px solid #868686;width:98px;color:#f2f2f2; } div.entry ul.post-nav li a.share { width:62px;background:#addee3;color:#1a1a1a;border:1px solid #dae4e6; } div.entry ul.post-nav li a:hover { } div.entry ul.post-nav li a span { padding:0;margin:0;color:#addee3;font-weight:none; } div.entry div.posted { background:url(images/talk-tri.jpg) no-repeat top right;padding-top:10px;text-align:right;padding:16px 10px 0 0; } div.entry div.posted p { padding:0;margin:0; color:#f2f2f2; } div.entry div.posted p span { padding:0;margin:0; color:#addee3; } /* Comments ---------------------------------*/ div.comments { position:relative; clear:both; } div.comments div#con-tri { position:absolute;height:16px;width:25px;background: url(images/con-tri.jpg);top:-15px;left:38px; } div.comments h3 { text-transform:uppercase;margin-left:40px;color:#333;font-size:23px; } div.comments-box { background:#e6e6e6; border:1px solid #868686;border-bottom:1px solid #dcdcdc; } div.comment { float:left;background: url(images/dash2.gif) repeat-x bottom; margin-bottom:20px;padding-bottom:5px; } div.comment div.avitar { margin-left:40px;width:94px;float:left; } div.comment div.avitar p { margin:0px;margin-top:4px; font-size:11px; color:#666; } div.comment div.avitar p span { display:block; } div.comment div.comment-text { float:left;width:430px; } div.comment div.comment-text p { margin:0;font-size:12px;color:#1d1d1d;line-height:18px;margin-bottom:15px; } div.comments-box div.last { background:none;float:left; } /* Form -------------------------------------*/ div#form { clear:both;position:relative;padding-top:24px; background:#f2f2f2; border:1px solid #868686;border-top:none;margin-bottom:30px;padding-bottom:30px; } div#form h3 { margin:0;padding:0; text-transform:uppercase;margin-left:40px;color:#333;font-size:23px;margin-bottom:20px; } div#form div#form-tri { position:absolute;height:13px;width:37px;background: url(images/form-tri.jpg);top:-13px;left:469px; } div#form form input { padding:9px;font-size:13px; border:1px solid #d8d8d8; } div#form form input.name { margin-left:40px;margin-right:12px; } div#form form input.submit { margin-left:40px;margin-top:15px;background:#aedde3;border:none;font-size:11px;font-weight:bold;padding:5px 10px 5px 10px;cursor:pointer; } div#form form textarea { display:block;margin-left:40px;margin-top:15px;border:1px solid #d8d8d8;width:400px;height:110px;padding:9px;font-family:Arial;font-size:13px;color:#666; } .label-grey { color:#999;font-size:10px; } /* Blog Sidebar -----------------------------*/ #sidebar div.side-top { height:5px;background: url(images/grey-top.png); } #sidebar div.side-center { background: url(images/grey-center.png) repeat-y; } #sidebar div.side-bottom { height:5px;background: url(images/grey-bottom.png); } #sidebar #search { background: url(images/search-back.gif); height:79px; } #sidebar #search h4 { margin:0 0 6px 20px;padding:16px 0 0 0;font-size:12px;color:#5fa299;font-weight:normal; } #sidebar #search input { margin-left:20px;float:left;display:block; width: 120px; padding:2px; } #sidebar #search input.button { margin-left:20px; } #sidebar #authors-website { background: url(images/authors-website.gif); height:100px; } #sidebar #blog-nav { margin-left: 8px; } #sidebar #blog-nav h3 { font-family:Arial; font-weight:bold; font-size:28px; color: #333; text-transform:uppercase;margin:0;background: url(images/dash.gif) repeat-x bottom;padding-bottom:10px;margin:15px 0 15px 0; } #sidebar #blog-nav ul { margin:0;padding:0; } #sidebar #blog-nav ul li { list-style-type:none; line-height:24px; } #sidebar #blog-nav ul li a { text-decoration:none;font-size:13px;color:#333; } #sidebar #blog-nav ul li a:hover { } /* Footer -----------------------------*/ #footer { margin-bottom: 30px; } #footer p { color:#71929b;font-family:Georgia, Times, serif;font-size:28px;text-align:center;font-style:italic;margin:30px 40px 0 40px; } #footer p.quote { color:#333;font-size:20px; margin-top:18px; } /* Extra ------------------------------------*/ .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* for IE/Mac */