@import "css/reset.css";

body { font-family: Arial, Sans-serif; font-size: 14px; background: #252525; }
h1 { font-size: 5em; color:#c2c2c2;}
h2 { font-size: 2.5em; }
h3 { font-size: 2em; }
h4 { font-size: 1.5em; }
.content h2, .content h3, .content h4 { line-height: 1.5; margin-bottom: 0.83em; }
a { text-decoration: none; }
p, blockquote, li, dd { line-height: 3em; }
p { margin: 0 0 0 0;font-size: 3em; color:#Ffffff}
blockquote { border-left: 5px solid #f2f2f2; padding-left: 30px; margin: 1.5em 1em 1.5em 0; font-family: Georgia, Times New Roman, Times, Sans-serif; font-size: 1em; font-style: italic; }
.content ul { margin: 0 0 20px 40px; list-style-image: url(images/list.png); }
.content ul li { }
.content ol { margin: 0 0 20px 40px; list-style-type: decimal; }
.content ul.arch-latest { list-style: none; }
	
.full { width: 100%; }
.center { width: 1020px; margin: 0 auto; clear: both; }
.left { float: left; }
.right { float: right; }
.last { margin-right: 0 !important; }

#header-wrapper { background: url(images/header-top.png) repeat-x; margin: 0 0 2em 0;  }
#topMenu { font-size: 12px; color: #fff; height: 23px; padding: 12px 0 0 0; text-align: right; text-shadow: rgba(0,0,0,0.8); }

#topMenu a { background: rgba(0, 0, 0, 0.3); font-weight: bold; padding: 5px 10px; color: #fff;margin: 0 5px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#topMenu a:hover { background: rgba(255, 255, 255, 0.1); }
#header { margin-top: 25px; }

#nav { margin-top: 11px; background: rgba(0,0,0, 0.5); padding: 5px; border: 1px solid rgba(0,0,0,0.1); border-bottom-color: rgba(255,255,255,0.1); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -webkit-background-clip: padding-box; }
#nav ul { }
#nav ul li { float: left; }
#nav a { color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, .25); font: bold 20px "Helvetica Neue", Arial, Geneva, sans-serif; padding: 4px 20px; cursor: pointer; display: inline-block; -webkit-transition: text-shadow .1s linear; }
#nav a:hover { color: #fff; text-shadow: 0 0 8px #197DCF; }
#nav ul li.current-menu-item a, #nav ul li.current-menu-ancestor { text-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:4px; background: #45484d; /* Old browsers */ background: -moz-linear-gradient(top, #45484d 0%, #302A2A 49%, #1C1C1C 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(49%,#302A2A), color-stop(100%,#1C1C1C)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #45484d 0%,#302A2A 49%,#1C1C1C 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #45484d 0%,#302A2A 49%,#1C1C1C 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #45484d 0%,#302A2A 49%,#1C1C1C 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#1C1C1C',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #45484d 0%,#302A2A 49%,#1C1C1C 100%); /* W3C */); box-shadow: 0 0 4px rgba(255,255,255, 0.1) inset; -moz-box-shadow: 0 0 4px rgba(255,255,255, 0.1) inset; -webkit-box-shadow: 0 0 4px rgba(255,255,255, 0.1) inset; }
#nav ul li.current-menu-item li a { background: none; }

/* dropdown */
#nav li ul { position: absolute; left: -999em; height: auto; width: 11.4em; font-weight: normal; border: 1px solid #2B2B2B; border-top-width: 0; margin: 0; list-style: none; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 10px 0; background: #131313; background: rgba(0,0,0,0.9); }
#nav li:hover ul {left: auto; } 
#nav li li { text-align: center; float: left; padding-right: 0; width: 100%;
	border: 0; }
#nav li li a { font-size: 14px; }
#content-container { width: 620px; background: #fff; border-radius: 0.5em; padding: 40px; margin-bottom: 30px; }

.category-wrapper { margin-bottom: 1em; }
.category-wrapper .left a { color: #197DCF; text-decoration: none; }
.category-wrapper .left a:hover { text-decoration: underline; }
.category-wrapper .comment-wrapper a { color: #000; }
.category-wrapper .comment-wrapper a:hover { text-decoration: underline; }
.thumbnail { border: 5px solid #BBE3F1; border-radius: 10px; margin-right: 1em; }
.category-wrapper .comment-wrapper { padding: 6px 0 0; background: url(images/comment-bubble.png) no-repeat; width: 32px; height: 26px; display: block; text-align: center; }

.thumbnail:hover { border-color: #ddd; }
.post-header { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #eee; }
.post-data .title { margin: 1em 0 0.5em 0; font-size: 3em !important; }
.post-data .title a { color: #444; }
.post-data .title a:hover { color: #197DCF; }
.post-meta { font-size: 0.9em; color: #666; }
.post-meta a { color: #197DCF; } 
.post-meta a:hover { text-decoration: underline; }
.the_edit_link { background: #f0f0f0; border: 1px solid #eee; padding: 5px 10px; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;  }

.author_info img { float: left; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 -1px 2px rgba(255,255,255, 0.8) inset; border: 3px solid #202020; }
.author_info .post-author { float: right; width: 510px; margin-left: 20px; }

.content { border-bottom: 0.5em solid #eee; padding-bottom: 2em; margin-bottom: 2em; }
.content a { color: #197DCF; }s
.content a:hover { text-decoration: underline; }
.content .more-link { font-weight: bold; display: block; float: left;
padding: 5px 10px; background: #f0f0f0; border: 1px solid #eee; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.content a.more-link:hover { background: #e0e0e0; }
.wp-pagenavi { text-align: center; }
.wp-pagenavi .pages { padding: 0.5em; margin: 0 0.25em 0 0.2em; }
.wp-pagenavi .current { background: #000; color: #fff; padding: 0.5em 0.8em; margin: 0 0.25em 0 0.2em; }
.wp-pagenavi a, .wp-pagenavi .last { color: #fff; background: #197DCF; padding: 0.3em 0.6em; margin: 0 0.25em 0 0.2em; -moz-border-radius:3px !important; -webkit-border-radius:3px !important; border-radius:3px !important; }
.more_entries .wp-pagenavi .current, .more_entries .wp-pagenavi .on, .more_entries .wp-pagenavi a:hover { color: #fff; background: #3395e6; padding: 0.3em 0.6em; margin: 0 0.25em 0 0.2em; -moz-border-radius:3px !important; -webkit-border-radius:3px !important; border-radius:3px !important; }
.wp-pagenavi .extend { background: none; padding: 1em; }

.get-grav { margin-bottom: 30px; }
#comment-container { width: 700px; }

#comment-container .commentlist .comment, #no-comments { margin-bottom: 2em; padding: 2em; border-radius: 4px; border-color: #4D4D4D; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: #3C3C3C; background-color: rgba(255, 255, 255, 0.1); position: relative; color: #999; box-shadow: 0 1px 1px #1C1C1C; -moz-box-shadow: 0 1px 1px #1C1C1C; -webkit-box-shadow: 0 1px 1px #1C1C1C; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);text-shadow: -1px -1px 2px #1C1C1C; -moz-text-shadow: -1px -1px 2px #1C1C1C; -webkit-text-shadow: -1px -1px 2px #1C1C1C; text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4); -moz-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4); -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4); }
#pings{ margin-bottom: 2em; padding: 2em; border-radius: 4px; border-color: #4D4D4D; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: #3C3C3C; background-color: rgba(0, 0, 0, 0.1); position: relative; color: #999; box-shadow: 0 1px 1px #1C1C1C; -moz-box-shadow: 0 1px 1px #1C1C1C; -webkit-box-shadow: 0 1px 1px #1C1C1C; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);text-shadow: -1px -1px 2px #1C1C1C; -moz-text-shadow: -1px -1px 2px #1C1C1C; -webkit-text-shadow: -1px -1px 2px #1C1C1C; text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4); -moz-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4); -webkit-text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4); }

.commentlist li a.comment-reply-link { color: #222; }
.commentlist li a:hover.comment-reply-link { color: #454545; text-decoration: none; }
#comment-container .children { margin-left: 10px; margin-right: 10px; padding: 5px 5px 10px; } 
#comment-container .children .comment-container { border-color: #4D4D4D; border: 1px solid rgba(255, 255, 255, 0.1); background-color: #3C3C3C; background-color: rgba(0, 0, 0, 0.2); border-radius: 4px; border-left: 4px solid #222; padding: 2em 2em 1em; margin-bottom: 10px; }
#comment-container .children .comment { border: 0; padding: 0; background-color: #3C3C3C; background-color: rgba(0, 0, 0, 0.1); }
#comment-container h3 { margin: 1em 0 1em 0; color: #fff; font-size: 1.5em; }
.commenter-info-wrapper { width: 100%; }
.commenter-info-wrapper .name a { color: #95C7EF; font-size: 0.9em; font-weight: bold; }
.commenter-info-wrapper .date { display: block; font-weight: bold; font-size: 0.84em; color: #999; }
.commenter-info-wrapper a { color: #999 !important; }
.comment-entry { color: #999; width: 80%; margin: 0 15px 20px 0; }
.comment-entry .reply { float: right; }
.comment-reply-link { font-weight: bold; color: #999; text-shadow: 1px 1px 1px #000; }
.comment-reply-link:hover { color: #fff; }
.comment-head .name { color: #95C7EF; }
.comment-head .name a, #pings a { color: #95C7EF; }
#pings a:hover { color: #fff; }
.comment-entry span.date {}
.comment .comment-head span.edit a { color: #bbb; }
.comment-entry a:link, .comment-entry a:visited, span.perma a { color: #BBB; }
.comment-entry a:hover, span.perma a:hover { color: #a8a8a8; text-decoration: underline; }

/* initial comment */
#respond { background-image: url(images/bg_glow.png); background-position: top; background-repeat: no-repeat; float: left; width: 94%; padding: 20px; margin-bottom: 10px; border-color: #4D4D4D; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color: #3C3C3C; background-color: rgba(255, 255, 255, 0.1); position: relative; color: #999; box-shadow: 0 1px 1px #1C1C1C; -moz-box-shadow: 0 1px 1px #1C1C1C; -webkit-box-shadow: 0 1px 1px #1C1C1C; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);text-shadow: -1px -1px 2px #1C1C1C; -moz-text-shadow: -1px -1px 2px #1C1C1C; -webkit-text-shadow: -1px -1px 2px #1C1C1C; }
.comment #respond { background-image: none;}
.comment .children #respond { background-image: none; }
#respond .cancel-comment-reply { margin-bottom: 10px; }
#respond .cancel-comment-reply a, #respond p a { color: #bbb; border-bottom: 1px dotted #bbb; }
#respond .cancel-comment-reply a:hover, #respond p a:hover { color: #9f9f9f; }

.comment-head { width: 80px; font-size: 0.8em; float: left; position: relative; background: none; line-height: 1.3em; margin-right: 10px; }
#respond-text-wrapper { width: 100%; }
#respond .pre_comment_avatar { margin-right: 1em; }
#respond .pre_comment_avatar img { display: block; border: 0; margin-bottom: 4px; padding: 5px; background-color: rgba(0, 0, 0, 0.08); border: 1px solid rgba(0, 0, 0, 0.14); border-right-color: rgba(255, 255, 255, 0.08); border-bottom-color: rgba(255, 255, 255, 0.08); }
 
#comment-container .comment #respond textarea, #respond input.txt, #respond textarea { border: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); padding: 3px 5px; width: 98%; display: block; font-size: 14px; font-family: Helvetica,"Helvetica Neue",Arial,Verdana,sans-serif; text-shadow: none; -moz-text-shadow: none; -webkit-text-shadow: none; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

.avatar img { display: block; border: 0; margin-bottom: 4px; padding: 5px; background-color: rgba(0, 0, 0, 0.08); border: 1px solid rgba(0, 0, 0, 0.14); border-right-color: rgba(255, 255, 255, 0.08); border-bottom-color: rgba(255, 255, 255, 0.08);}

/* reply to comment  */
#respond { }
#respond p { margin: 0; }
#respond .pre_comment_avatar { margin-right: 1em; }
#respond-wrapper label { color: #fff; float: left; width: 9em; }
#respond input[type="text"] { width: 20em; padding: 10px }
#respond input, #respond textarea { padding: 0.5em; margin-bottom: 1em; } 
#respond textarea { margin: 1em 0; }

#comment-container .children #respond { }
#comment-container .children #respond p { margin: 0; }
#comment-container .children #respond .pre_comment_avatar { margin-right: 1em; }
#comment-container .children #respond-wrapper label { color: #fff; float: left; width: 9em; }
#comment-container .children #respond input[type="text"] { width: 16em; margin-right: 1em; }
#comment-container .children #respond input { margin-bottom: 1em; } 
#comment-container .children #respond textarea { float: left; clear: left; margin-top: 1em; }

#no-comments h2 { color: #fff; font-size: 1.5em; } 
#no-comments p { margin: 0; }

/* comment children fixes */

#comment-container .depth-3 .comment-entry, #comment-container .depth-4 .comment-entry { width: 78%; }
#comment-container .depth-5 .comment-entry { width: 76%; }
.depth-3 #respond input[type="text"] , .depth-4 #respond input[type="text"], .depth-5 #respond input[type="text"]  { width: 13em !important; }

#sidebar { width: 300px; }
#sidebar .widget { margin: 0 0 2em 0; }
#sidebar .ads125 { text-align: center; background-color: rgba(0, 0, 0, 0.2); padding: 10px 0 10px 12px; }
#sidebar .ads125 a { display: block; width: 125px; height: 125px; float: left; box-shadow: 0 1px 2px #000; margin: 5px; }
#sidebar .ads125 img { }
#sidebar #cse-search-box input[type="text"] {width: 214px; border: 0 !important; font-size: 1.1em; padding: 5px !important; vertical-align: middle; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background-position:40px 6px !important;}

#footer-wrapper { background: #000; margin-top: 1em; padding: 2em 0 2em 0; }
#footer-wrapper .widget h2 { color: #fff; font-size: 1.4em; margin: 1em 0 1em 0; }
#footer-wrapper .widget .recentcomments a.url { color: #197DCF; font-weight: bold; font-size: 14px; }
#footer-wrapper .widget .recentcomments { color: #ccc; }
#footer-wrapper .widget .recentcomments a { color: #ccc;font-weight: normal; font-size: 12px; }
#footer-wrapper .widget .textwidget { color: #ccc; line-height: 20px; }
#footer-wrapper .widget a { color: #197DCF; font-weight: bold; }
#footer-wrapper .widget a:hover { color: #fff; }
#footer-wrapper .widget { width: 30%; margin: 0 2em 3em 0; }
#footer-wrapper #credit { padding: 1em 0 1em 0; margin-top: 2em; }
#footer-wrapper #copyright { color: #454545; font-size: 10px; margin-top: 10px; }
#footer-wrapper .left { margin-right: 2em; }

a.button:active, .reply a:active, input[type="submit"]:active, input.submit:active { background: #AAA url("images/button-bg-hover.jpg") repeat-x left center; }

a.button, .reply a, input[type="submit"], input.submit { cursor: pointer; background: #AAA url("images/button-bg-hover.jpg") repeat-x left center; padding: 4px 8px 3px 8px;
vertical-align: middle; border: none; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); display: inline-block;
color: #222; font: bold 14px Helvetica, "Helvetica Neue", Arial, Verdana, sans-serif !important;
text-shadow: 0 1px 1px white; -moz-text-shadow: 0 1px 1px white; -webkit-text-shadow: 0 1px 1px white;
border-radus: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #E7E7E7; }

/* Follower Count */
/* TODO: this should be cleaned up to match the #Crunch widget */

.subscribe-box { background: url(images/bg_rss.png) top left no-repeat; height: 150px; margin-bottom: 20px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4); color: #fff; }
.subscribe-box .subscriber-count { height: 10px; padding: 25px 35px 25px 65px; line-height: 1.1em; background: url("images/feed-man-churchcrunch.png") no-repeat 25px 22px; }
.subscribe-box .subscriber-count span { font-size: 2.6em; float: left; margin: 8px 5px 5px 0; font-weight: bold; }
.subscribe-box ul { padding: 15px; margin-bottom: 0; margin-top: 15px; margin-left: 6px; }
.subscribe-box li { border: 0; margin: 0; float: left; }
.subscribe-box li a { float: left; display: block; background: url("images/subscribe-buttons.png") no-repeat; text-indent: -9000px; overflow: hidden; height: 33px; width: 67px; padding: 0; border: 0; outline: none; }
.subscribe-box .rss a { background-position: 0 0; width: 97px; }
.subscribe-box .rss a:hover{background-position: 0 -34px}
.subscribe-box .rss a:active{background-position:0 -68px;}
.subscribe-box .twitter a{background-position: -164px 0;width:93px}
.subscribe-box .twitter a:hover{background-position: -164px -34px}
.subscribe-box .twitter a:active{background-position: -164px -68px}
.subscribe-box .email a{background-position: -97px 0}
.subscribe-box .email a:hover{background-position: -97px -34px}
.subscribe-box .email a:active{background-position: -97px -68px}

/* Share Post */
.sharepost { background: #fff; float:left; margin-right:10px; margin-left:-75px; width: 60px; z-index: 1; opacity: 0.6; -moz-transition-property: opacity; -moz-transition-duration: 1s; -webkit-transition-property: opacity;-webkit-transition-duration: 1s; -o-transition-property: opacity; -o-transition-duration: 1s; transition-property: opacity; transition-duration: 1s; overflow: hidden; }
.sharepost:hover { opacity: 1; }
/*.sharepost-right {  background: #FFFFFF; float: right; margin-left: 45em; position: fixed; top: 218px; z-index: 1; }*/
.sharer { padding: 5px; margin: 0 0 5px 0;  }
#twitter-sharer { padding: 3px; }

/* Custom Buttons */
a.m-2 {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#64abe6),
			to(#2b70c4)
		);
	border: 1px solid #14528f;
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .25);
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
	-webkit-transition: -webkit-box-shadow .1s linear;
	-webkit-border-radius: 3px;
	font: bold 13px "Helvetica Neue", Arial, Geneva, sans-serif;
	padding: 4px 30px;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
}

a.m-2:hover {
	-webkit-box-shadow: 0 0 5px #6496ff;
}

a.m-2:active {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#2b70c4),
			to(#64abe6)
		);
	-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, .25);
}

a.m-2.disabled {
	background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#64abe6),
			to(#2b70c4)
		);
	-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .15);
	cursor: auto;
	opacity: .5;
}

a.p-3 {
	-webkit-background-clip: padding-box;
	color: rgba(255, 255, 255, .7);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
	padding: 5px 20px;
	font-family: "Lucida Grande", Helvetica, sans-serif;
	font-size: 12px;
	background: #333
		-webkit-gradient(
			linear,
			left top,
			left bottom,
			from(rgba(255, 255, 255, .4)),
			color-stop(.5, rgba(255, 255, 255, .1)),
			color-stop(.51, transparent),
			to(rgba(255, 255, 255, .05))
		);
	-webkit-box-shadow:
		inset 0 0 0 1px rgba(0, 0, 0, .6),
		inset 0 2px 0 rgba(255, 255, 255, .2),
		inset 0 0 1px 2px rgba(255, 255, 255, .1);
	-webkit-border-radius: 5px;
	line-height: 20px;
	display: inline-block;
	text-decoration: none;
}

a.p-3:hover {
	color: rgba(255, 255, 255, .6);
}