/* Styles ----------------------*/
body { background:#1a1a1a; font-family: Arial,sans-serif;padding:0;margin:0; }
#container { width:840px;margin:0 auto; }

a img { border:none; }
a:active {outline:none;}
a:focus { outline:none; }
/* Header ----------------------*/

#top { height:10px; background:#3b3b3b; }

#top-info { background:#aedde3; }
#top-info p { color:#92bdc4;font-size: 11px; text-align:center;margin:0; padding:6px 0 6px 0; }

#heading { background:#92bdc4 url(../images/header-pattern.jpg) repeat-x; height:216px; border-bottom: 10px solid #1a1a1a;}
#heading #main-banner { position:relative;width:840px;height:216px;margin:0 auto;background: url(../images/main-banner.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:#5fa299; }
#header-toggle span a { color:#fff;font-size:10px;text-transform:uppercase;text-decoration:none; }
#header-wrapper {  }

#header { background: url(../images/site-header-grad.jpg) repeat-x; }
#header ul { margin:0;padding:0;width:840px; height:69px; margin:0 auto;  }
#header ul li { list-style-type:none;float:left;  }
#header ul li a { display:block;float:left; }

#header ul li.twitter-for-churches a { position:relative; width:189px;height:68px; background: url(../images/anthony-coppedge.jpg) no-repeat;  }
#header ul li.the-blog a { position:relative; width:158px;height:68px; background: url(../images/consulting.jpg) no-repeat;}
#header ul li.about-the-book a { position:relative; width:133px;height:68px; background: url(../images/accblog.jpg) no-repeat;}
#header ul li.about-the-author a { position:relative; width:87px;height:68px; background: url(../images/bio.jpg) no-repeat;}
#header ul li.twitter-book a { position:relative; width:171px;height:68px; background: url(../images/twitterbook.jpg) no-repeat;}
#header ul li.contact a { position:relative; width:102px;height:68px; background: url(../images/contact.jpg) no-repeat;}

#header ul li.twitter-for-churches a span { position:absolute; width:35px; height:12px; background: url(../images/on.jpg); top:57px; left: 66px; }
#header ul li.the-blog a span { position:absolute; width:35px; height:12px; background: url(../images/on.jpg); top:57px; left: 63px; }
#header ul li.about-the-book a span { position:absolute; width:35px; height:12px; background: url(../images/on.jpg); top:57px; left: 51px; }
#header ul li.about-the-author a span { position:absolute; width:35px; height:12px; background: url(../images/on.jpg); top:57px; left: 27px; }
#header ul li.twitter-book a span { position:absolute; width:35px; height:12px; background: url(../images/on.jpg); top:57px; left: 69px; }
#header ul li.contact a span { position:absolute; width:35px; height:12px; background: url(../images/on.jpg); top:57px; left: 48px; }

#header-heading h3 { 
	font-weight:normal;
	font-size:13px;
	color:#5fa299;
	text-align:center;
	font-family:georgia;
	font-style:italic; 
	margin-bottom:15px;
	}

/* Columns ----------------------*/	

#sidebar { width:209px;float:right; }
#blog-content { width:599px;float:right;margin-right:30px;margin-top:9px; }
#sub-content { padding-left: 0; padding-bottom: 30px; padding-right: 0px; padding-top: 30px; background:#fefefe; border:12px solid #aedde3; }
#sub-content.home { background: #fff url(../images/home-back.jpg) repeat-x; }
#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;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 { margin-left: 38px; margin-bottom: 16px; margin-right: 10px; margin-top: 0; padding:0 0 14px 0;color:#333;font-size:34px;font-weight:bold;background: url(../images/dash2.gif) repeat-x bottom; }
#sub-content h2.welcome { padding-bottom:0;height:90px; width:329px; background: url(../images/welcome.gif) no-repeat; text-indent:-5000px; }
#sub-content h2.help { padding-bottom:0;height:84px; background: url(../images/help.gif) no-repeat; text-indent:-5000px; }

#sub-content p {margin-bottom: 0; margin-right: 0px; margin-left: 40px;font-size:13px;color:#1d1d1d;line-height:23px;margin-top: 0; }
#sub-content p.right { padding-right:30px; }

#sub-content img.cover { margin-left:40px; }
#sub-content #book-desc {  }

#sub-content div.content-option { margin-top:16px; }
#sub-content div.content-option img { width: 65px; display:block; float:left; margin-left: 37px; margin-right: 10px; }
#sub-content div.content-option h3 { display:block; float:left; margin-left: 4px; margin-right: 10px; margin-bottom:0; margin-top:0; }
#sub-content div.content-option p {  color:#666;font-size:12px; line-height:18px;margin-left:4px;float:left; display:block; width: 282px; margin-top:0; }

/* 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:19px;text-align:center;font-style:italic;margin:30px 140px 0 140px; }
#footer p.quote { color:#333;font-size:14px; margin-top:18px; }

/* Extra ------------------------------------*/

.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

h3.sub { margin-left: 38px; font-weight:normal; font-size: 20px; margin-bottom:6px;padding-bottom:0; }
#sub-content p.sub { font-size:14px; color:#666666; line-height:26px; margin-top:0;padding-top:0; }

#alt-nav { margin-left:30px; margin-top:20px; }

#sub-content p.alert {
	background: #fff6bf url(../images/exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	display:block;
	width:355px;
	margin-bottom:10px;
	}
	
#sub-content p.sent {
	background: #B5DFC3;
	text-align: left;
	padding: 5px 20px 5px 20px;
	border-top: 2px solid #6D9267;
	border-bottom: 2px solid #6D9267;
	display:block;
	width:380px;
	margin-bottom:10px;
	}

/* Contact Area -----------------------------*/
#contact-area h3 { margin-left: 40px; }

#contact-area div.input-group { margin-left: 40px;margin-bottom:8px; width: 500px; }
#contact-area div.textarea-group { margin-left: 40px;  width: 500px;}
#contact-area div.textarea-group label { height:130px;}

#contact-area label { float:left; display:block; width: 100px; background:#DCDCDE; height:40px; text-transform:uppercase; font-size:22px; text-align:center; line-height:44px; }
#contact-area div.input-group input { border:none; width: 300px; height: 32px; background:#AEDDE3; font-size: 18px; padding:8px 10px 0 10px; }
#contact-area textarea { border:none; width: 300px; height: 122px; background:#AEDDE3; font-family:Arial;font-size: 14px; padding:8px 10px 0 10px; }

#contact-area input.submit { margin-left:300px; margin-top:10px; }
.techpic {
	width: 745px;
	margin-left: 37px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 35px;
}