@charset "UTF-8";

/*   
Theme Name: Christ the Rock
Theme URI: http://www.ctrmemphis.com
Description: An optimized web framework for Christ the Rock to be used with WordPress.
Author: Jeremy Elder
Author URI: http://www.ctrmemphis.com
Version: 1.0
Tags: Comma-separated tags that describe your theme
.
© 2010 Christ the Rock.
.
*/

/* Reset default browser styles */
@import url('styles/reset.css');
/* Rebuild default browser styles */
@import url('styles/rebuild.css');
/* Basic WordPress Styles */
@import url('styles/wp.css');

/* --------------------------------------------------------------------
   STICKY FOOTER
*/
* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;
}
html, body {
	background: #F3F3F3;
}
body > #wrap {
	height: auto;
	min-height: 100%;
	margin: 0;
	padding: 0;
}
#main {
	margin: 0 auto;
	padding-bottom: 120px; /* must be same height as the footer */
	width: 940px;
}
.home_bg {
	background: url(images/bg_home.jpg) repeat-x top;
}
.standard_bg {
	background: url(images/bg_standard.jpg) repeat-x top;
} 

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* End sticky footer */


/* --------------------------------------------------------------------
   HEADER
*/
#header_home {
	clear: both;
	height: 120px;
	width: 100%
}
#header {
	clear: both;
	height: 140px;
	width: 100%
}


/* --------------------------------------------------------------------
   PRIMARY SM NAV
*/
.skip-link {
	display: none;
}
#primary_sm_nav {
	clear: both;
	height: 25px;
	text-align: right;
	width: 940px;
}
#primary_sm_nav .menu {
	list-style: none;
	margin: 0;
	padding: 15px 0 0 0;
}
#primary_sm_nav .menu li {
	display: inline;
	padding-left: 20px;
}
#primary_sm_nav .menu a, #primary_sm_nav .menu a:visited {
	color: #B2ACAB;
	font: bold 10px/12px Arial, Helvetica, sans-serif;
	text-decoration: none;	
	text-transform: uppercase;
}
#primary_sm_nav .menu li.current_page_item>a, #primary_sm_nav .menu li.current_page_parent>a {
	color: #00B5E5;
}
#primary_sm_nav .menu li a:hover {
	color: #00B5E5;
}

/* --------------------------------------------------------------------
   BRANDING
*/
#branding {
	clear: both;
	height: 55px;
	margin: 0 auto;
	width: 940px;
}
.logo {
	padding-top: 10px;
}

/* --------------------------------------------------------------------
   PRIMARY NAV
*/
#primary_nav {
	float: left;
	height: 40px;
	margin-right: 20px;
	text-align: left;
	width: 700px;
}
#primary_nav .menu {
	list-style: none;
	margin: 0;
	padding: 12px 0 0 30px;
}
#primary_nav .menu li {
	display: inline;
	padding-right: 40px;
}
#primary_nav .menu a, #primary_nav .menu a:visited {
	color: #4F5559;
	font: normal 18px/20px Arial, Helvetica, sans-serif;
	text-decoration: none;	
	text-transform: lowercase;
}
#primary_nav .menu li a:hover {
	color: #00B5E5;
}
#primary_nav .menu ul li.current_page_item>a, #primary_nav .menu ul li.current_page_parent>a, #primary_nav .menu ul li.current_page_ancestor>a {
	color: #00B5E5;
}

/* --------------------------------------------------------------------
   SEARCH
*/
#search {
	clear: right;
	float: left;
	width: 220px;
}
#search form {
	padding: 0;
}
#search form div {
	background: url(images/bg_search.jpg) no-repeat 0 0;
	height: 25px;
	position: relative;
	width: 220px;
}
#search form input.search_box {
	background: transparent;
	border: 0;
	color: #4F5559;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	left: 5px;
	outline: none;
	padding: 2px 0 0 8px;
	position: absolute;
	top: 5px;
	width: 150px;	
}
#search form input.submit {
	position: absolute;
	right: 0;
}

/* --------------------------------------------------------------------
   TYPOGRAPHY
*/
h1 {
	color: #76B900;
	font: normal 28px Arial, Helvetica, sans-serif;
	margin: 0 0 8px 0;
}
h2 {
	color: #76B900;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
	text-transform: uppercase;
}
.dark {
	color: #4F5559;
}
.icon_connected {
	background: url(images/icon_get_connected.jpg) no-repeat left top;
	padding: 1px 0 2px 25px;
}
.icon_news {
	background: url(images/icon_recent_news.jpg) no-repeat left top;
	padding: 1px 0 2px 25px;
}
.icon_sermon {
	background: url(images/icon_latest_sermon.jpg) no-repeat left top;
	padding: 1px 0 2px 25px;
}
.icon_services {
	background: url(images/icon_service_times.jpg) no-repeat left top;
	padding: 1px 0 2px 25px;
}
.icon_facebook {
	background: url(images/icon_facebook.jpg) no-repeat left top;
	padding: 1px 0 2px 25px;
}
.icon_twitter {
	background: url(images/icon_twitter.jpg) no-repeat left top;
	padding: 1px 0 2px 25px;
}
.icon_newsletter {
	background: url(images/icon_newsletter.jpg) no-repeat left top;
	padding: 1px 0 2px 25px;
}
.icon_rss {
	background: url(images/icon_rss_podcast.jpg) no-repeat left top;
	padding: 1px 0 2px 25px;
}
.icon_contact {
	background: url(images/icon_contact.jpg) no-repeat left top;
	padding: 1px 0 2px 25px;
}
h3 {
	color: #FFF;
	background: url(images/icon_sm_square.jpg) no-repeat left 3px;
	font: bold 10px/14px Arial, Helvetica, sans-serif;
	padding: 0 0 4px 15px;
	text-transform: uppercase;
}
h3 span {
	color: #CAC3BF;
	font: italic 11px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: none;
}
h4 {
	color: #4F5559;
	font: bold 16px/16px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0 0 5px 0;
	padding: 0;
	text-transform: none;
}
p {
	color: #857D77;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	margin: 0 0 16px 0;
	padding: 0;
}
p a, p a:visited, a, a:visited {
	color: #76B900;
	text-decoration: none;
}
p a:hover, a:hover {
	text-decoration: underline;
}
ul {
	list-style: square;
	margin: 0 0 16px 10px;
	padding: 0;
}
li {
	padding: 0;
	margin: 0;
}
sup, sub {
	font-size: 10px;
	line-height: 1px;
}
#content_blog h3 {
	background: none;
	color: #4F5559;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	padding: 0;
	text-transform: none;
}

/* --------------------------------------------------------------------
   BANNER & FEATURES
*/
#banner_home {
	border-bottom: 4px solid #76B900;
	clear: both;
	height: 380px;
	margin: 0 auto;
	padding: 10px 0 11px 0;
	width: 940px;
}
#banner {
	clear: both;
	height: 380px;
	margin: 0 auto;
	padding: 16px 0 0 0;
	width: 940px;
}
#banner_video {
	clear: both;
	height: 394px;
	margin: 0 auto;
	padding: 16px 0 0 0;
	width: 940px;
}
#feature {
	float: left;
	height: 380px;
	margin-right: 20px;
	width: 700px;
}
#feature_video {
	float: left;
	height: 394px;
	margin-right: 20px;
	width: 700px;
}
#feature_aside {
	float: left;
	width: 220px;
}
#ad1, #ad2 {
	height: 123px;
	margin-bottom: 10px;
}
#lead-in {
}

/* --------------------------------------------------------------------
   CONTAINER
*/
#container {
	clear: both;
	padding-top: 16px;
}

/* --------------------------------------------------------------------
   SUBNAV
*/
#subnav {
	float: left;
	height: 100%;
	margin-right: 20px;
	width: 200px;
}
#subnav ul {
	border-bottom: 1px solid #C1BFBD;
	list-style: none;
	margin: 0 0 16px 0;
	padding: 0;
	width: 200px;
}
#subnav ul .page_item {
	border-top: 1px solid #C1BFBD;
	color: #857D77;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 4px 0;
	text-decoration: none;
}
#subnav ul ul .page_item {
	color: #857D77;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 4px 0 4px 16px;
	text-decoration: none;
}
#subnav ul ul {
	border: none;
	list-style: none;
	margin: 0 0 4px 0;
	padding: 4px 0;
}
#subnav ul ul li {
	border: none;
	color: #857D77;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 2px 0;
}
#subnav .page_item a {
	color: #857D77;
	text-decoration: none;
}
#subnav .page_item a:hover {
	color: #00B5E5;
	text-decoration: none;
}
#subnav ul li.current_page_item>a { /* the current Page */
	color: #00B5E5;
	text-decoration: none;
}

/* --------------------------------------------------------------------
   CONTENT AREAS
*/
#content, #content_media_archive {
	border-left: 1px solid #C1BFBD;
	float: left;
	margin-bottom: 16px;
	padding-left: 20px;
	width: 699px;
}
#content_center {
	border-left: 1px solid #C1BFBD;
	border-right: 1px solid #C1BFBD;
	float: left;
	margin: 0 20px 16px 0;
	padding: 0 20px;
	width: 458px;
}
#content_blog {
	border-right: 1px solid #C1BFBD;
	float: left;
	margin-bottom: 16px;
	padding-right: 20px;
	width: 699px;
}
#calendar {
	float: left;
	margin-bottom: 16px;
	text-align: center;
	width: 940px;
}
#giving {
	float: left;
	margin-bottom: 16px;
	width: 940px;
}
#content_search_results {
	border-left: none;
	border-right: 1px solid #CAC3BF;
	float: left;
	margin: 0 20px 16px 0;
	padding: 0 20px 0 0;
	width: 699px;
}

/* --------------------------------------------------------------------
   PRIMARY ASIDE
*/
#aside {
	float: left;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	width: 200px;
}
#aside strong {
	font-weight: bold;
}
#aside p {
	font: normal 11px/14px Arial, Helvetica, sans-serif;
}
#aside a, #aside a:active, #aside a:visited {
	color: #76B900;
	text-decoration: none;
}
#aside a:hover {
	text-decoration: underline;
}

/* --------------------------------------------------------------------
   WIDGETIZED SIDEBAR
*/
#primary {
	float: right;
	margin: 0;
	overflow: hidden;
	padding: 0 0 0 20px;
	width: 200px;
}
#primary h3, #secondary h3 {
	background: none;
	color: #4F5559;
	font-size: 12px;
	padding: 0 0 4px 0;
}
#primary ul {
	list-style: none;
	margin: 0 0 16px 0;
	padding: 0;
	width: 200px;
}
#primary ul ul {
	border-bottom: 1px solid #C1BFBD;
	list-style: none;
	margin: 0 0 16px 0;
	padding: 0;
	width: 200px;
}
#primary ul ul li {
	border-top: 1px solid #C1BFBD;
	color: #857D77;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 4px 0;
	text-decoration: none;
}
#primary ul ul li a {
	color: #857D77;
	text-decoration: none;
}
#primary ul ul li a:hover {
	color: #00B5E5;
	text-decoration: none;
}
#primary ul ul li a:active { /* the current Page */
	color: #00B5E5;
	text-decoration: none;
}
/* --------------------------------------------------------------------
   BLOCKQUOTE
*/
blockquote {
	border-left: 1px solid #C1BFBD;
	float: right;
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
	width: 200px;
}
blockquote em {
	font-style: italic;
}
blockquote strong {
	font-style: bold;
}
blockquote p {
	margin: 0;
	padding: 0;
}
#content_blog blockquote {
	background: url(images/quotes.gif) no-repeat left top;
	border: none;
	float: left;
	margin: 0;
	padding: 0 0 0 50px;
	width: 650px;
}
#content_blog blockquote p {
	color: #CAC3BF;
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	padding: 10px 0 16px 0;
}

/* --------------------------------------------------------------------
   NEWS + EVENTS SECTION
*/
.entry-content p a.more-link {
	color: #FFF;
}
.more-link, .more-link:visited {
	background: #CAC3BF;
	color: #FFFFFF;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 4px 4px 4px 5px;
}
.more-link:hover {
	background: #00B5E5;
	text-decoration: none;
}
.entry_thumbs {
	float: left;
	width: 180px;
}
.entry_intro {
	clear: right;
	float: left;
	width: 519px;
}
#content_blog .entry_intro .entry-content blockquote {
	width: 499px;
}
.match-posts {
	padding-left: 180px;
}

/* --------------------------------------------------------------------
   ENTRY UTILITIES
*/
.entry-utility {
	border-bottom: 1px solid #C1BFBD;
	font: italic 11px/16px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 16px; 
	padding-bottom: 16px;
}
.entry-utility a, .entry-meta span a {
	color: #857D77;
	text-decoration: underline;
}
.entry-utility a:hover, .entry-meta span a:hover {
	color: #00B5E5;
	text-decoration: underline;
}
.entry-meta {
	padding-bottom: 8px;
}
.entry-meta span {
	font: italic 11px/16px Georgia, "Times New Roman", Times, serif;
}

/* --------------------------------------------------------------------
   COMMENTS
*/
#comments ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
#comments ol blockquote {
	background: none;
	width: auto;
	margin: 0;
	padding: 8px 0;
}
#comments ol li {
	background: #FFF;
	margin: 8px 0;
	padding: 8px;
}
#comments ol blockquote p {
	color: #857D77;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	font-style: italic;
}
.comment-author {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
}
.comment-meta {
	clear: right;
	float: right;
	font: italic 11px Georgia, "Times New Roman", Times, serif;
	padding: 0 0 8px 10px;
}
.comment-meta a {
	color: #857D77;
	text-decoration: underline;
}
.comment-meta a:hover {
	color: #00B5E5;
	text-decoration: underline;
}
#comment .avatar {
}
.comment-content {
	clear: both;
}
#author, #email, #url, #comment {
	background: #FFF;
	border: 1px solid #CAC3BF;
	padding: 3px;
}
.form-submit {
	padding-top: 8px;
}
.comment-author .fn {
	background: url(images/icon_comment.gif) no-repeat left 2px;
	font-size: 16px;
	margin: 0;
	padding: 0 0 0 18px;
}
ul.children {
	list-style: none;
}
ul.children li {
	border-top: 1px dotted #CAC3BF;
}

/* --------------------------------------------------------------------
   NAV BELOW
*/
.nav-previous {
	float: left;
	margin: -8px 0 16px 0;
}
.nav-next {
	float: right;
	margin: -8px 0 16px 0;
}
#nav-below a {
	background: #CAC3BF;
	color: #FFF;
	padding: 4px;
}
#nav-below a:hover {
	background: #00B5E5;
	text-decoration: none;
}

/* --------------------------------------------------------------------
   SEARCH RESULTS
*/
#aside.search_aside p {
	font-size: 12px;
}
.search-summary {
	border-bottom: 1px solid #CAC3BF;
	margin-bottom: 16px;
}


/* --------------------------------------------------------------------
   COLUMNS
*/
#col1, #col2, #col3 {
	float: left;
	margin-right: 20px;
}
#col4 {
	float: left;
	width: 220px;
}
.narrow {
	width: 220px;
}
.wide {
	width: 340px;
}
.extra_wide {
	margin-bottom: 16px;
	width: 700px;
}

/* --------------------------------------------------------------------
   RECENT NEWS, HOME
*/
.recent_news p {
	margin: 0;
	padding: 0;
}
.recent_news_h, .recent_news_h:visited {
	color: #857D77;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.recent_news_h:hover {
	color: #76B900;
	text-decoration: underline;
}

/* --------------------------------------------------------------------
   STAFF PAGES
*/
#staff_blog h2 {
	border-top: 1px solid #C1BFBD;
	padding-top: 16px;
}
#social_tools {
	border-top: 1px solid #C1BFBD;
	font-size: 11px;
	padding-top: 16px;
}
#social_tools a, #social_tools a:visited {
	color: #857D77;
	text-decoration: none;
}
#social_tools a:hover {
	color: #00B5E5;
}
#social_tools .facebook {
	background: url(images/facebook.gif) no-repeat left top;
	float: left;
	padding: 0 20px 0 24px;
}
#social_tools .twitter {
	background: url(images/twitter.gif) no-repeat left top;
	float: left;
	padding: 0 20px 0 24px;
}
#social_tools .email {
	background: url(images/email.gif) no-repeat left top;
	clear: right;
	float: left;
	padding: 0 0 0 24px;
}

/* --------------------------------------------------------------------
   MEDIA / MEDIA ARCHIVE
*/
.sermon_title {
	margin: 0;
	padding-bottom: 8px;
}

/* --------------------------------------------------------------------
   REFTAGGER
*/
.lbsTooltip {
	background:#F3F3F3;
	border: 1px solid #C1BFBD;
	z-index: 99;
	text-align: left;
	text-indent: 0;
}

.lbsTooltip div {
	text-align: left;
}

.lbsTooltipHeader {
	background:#76B900;
	color: #FFF;
	font-weight:normal;
	font-size:14px;
	line-height: 18px;
	font-family:Arial,Helvetica,serif;
	margin: 0;
	padding:4px;
	position:relative;
	border: 0;
}

.lbsTooltipBody  {
	padding: 4px 8px 0 8px;
	margin:0;
	position:relative;
	z-index: 2;
	border: 0;
	line-height:16px;
}

.lbsTooltipBody p, .lbsTooltipBody span {
	display: inline;
	color: #857D77;
	font-family:Arial,Helvetica,serif;
	font-size: 12px;
	line-height:16px;
}

.lbsTooltipFooter {
	font-size:11px;
	font-family:Helvetica,Arial,serif;
	bottom:4px;
	margin-top: 4px;
	position:absolute;
	text-align:right;
	border: 0;
}

.lbsTooltipFooter a:link, .lbsTooltipFooter a:visited, .lbsTooltipFooter a:hover  {
	color: #00B5E5;
	text-decoration: underline;
	font-weight: normal;
	font-size:11px;
	font-family:Helvetica,Arial,serif;
}

.lbsTooltipFooter div {
	text-align:right;
}


.lbsTooltipBody .ch-ref, .lbsTooltipBody .verse-ref {
	font-size: 85%;
	top: -1px;
	position: relative;
}

.lbsTooltipBody .ch-ref {
	font-weight: bold;
}

.lbsTooltipBody .verse-ref {
	color: dimgray;
}

.lbsTooltip, .lbsTooltipBody span, .lbsTooltip a, .lbsTooltipBody p {
	margin: 0;
	padding: 0;
}
a.lbsBibleRef {
	border-bottom: 1px dotted #857D77;
	color: #857D77;
}

.lbsLibronix img {
	float: none !important;
}

/* --------------------------------------------------------------------
   IMAGES & MISC
*/
.btn {
	border: none;
	padding-top: 5px;
}
.btn_rss {
	border: none;
	margin: 0 -3px 0 0;
	padding: 5px 0 0 0;
}
img.banner {
	border: none;
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------------------------
   FOOTER
*/
#footer {
	background: #3E4346 url(../images/bg_footer.jpg) repeat-x top;
	clear:both;
	height: 120px;
	margin-top: -120px; /* negative value of footer height */
	position: relative;	
}
#footer_wrap {
	margin: 0 auto;
	padding-top: 10px;
	width: 940px;
}
#pastors_blog {
	float: left;
	margin-right: 20px;
	width: 460px;
}
#pastors_blog h4 {
	color: #4F5559;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 0 15px;
	text-transform: none;
}
#pastors_blog h4 span {
	color: #CAC3BF;
	display: inline;
	font: italic 11px Georgia, "Times New Roman", Times, serif;
}
#pastors_blog h4 span a, #pastors_blog h4 span a:visited {
	color: #CAC3BF;
}
#pastors_blog h4 span a:hover {
	color: #00B5E5;
}
#pastors_blog p {
	margin: 0;
	padding: 0;
}
#follow {
	float: left;
	margin-right: 20px;
	width: 220px;
}
#contact {
	float: left;
	width: 220px;
}
#footer_wrap p {
	color: #CAC3BF;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
	padding-left: 15px;
}
#footer_wrap p a, #footer_wrap p a:active, #footer_wrap p a:visited {
	color: #CAC3BF;
	text-decoration: none;
}
#footer_wrap p a:hover {
	text-decoration: underline;
}


/* --------------------------------------------------------------------
   COLOR CODES
   
   STANDARD PALETTE
   
   Green					#76B900
   Gray						#4F5559
   Warm Gray				#CAC3BF
   Blue						#00B5E5
   Red						#DC241F
   Black					#000000
   
   
   SITE DEFINITIONS
   
   Primary Nav:				#4F5559
   Primary Hover/Active:	#00B5E5
   Primary Small Nav:		#B2ACAB
   Subnav:					#4F5559
   Subnav Hover/Active:		#B2ACAB
   h1:						#5E6E65
   h2:						#76B900
   h2 Dark:					#4F5559
   Copy:					#857D77
   Copy Links:				#000000   
   
*/