/*  
Theme Name: Crossing Main
Theme URI: http://crossinglouisville.com/
Description: The main design for Crossing Church in Louisville, KY.
Version: 0.1
Author: David Yeiser
Author URI: http://thedesigncanopy.com/
*/

*
{
	margin:0;
	padding:0;
}

body
{
	font-family:Verdana, Arial, sans-serif;
	font-size:13px;
	color:#444;
}

a { color:#d00b0b; }
a:hover { color:#333; }
p, ul { padding-bottom:18px; }
span.clearer { height:1px; display:block; clear:both; font-size:1px; line-height:1px; }

a.pdf-file
{
	margin-top:1px;
	padding:5px 5px 3px 22px;
	display:block;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	background:url("images/pdficon_small.gif") 0 5px no-repeat #fff;
}

.pdf-notes { margin-bottom:9px; padding:5px 0 9px 0; font-size:9px; line-height:15px; color:#999; border-bottom:1px solid #ddd; }

a#rss-feed
{	
	padding:1px 0 2px 17px;
	font-size:13px;
	font-weight:bold;
	line-height:20px;
	text-decoration:none;
	vertical-align:middle;
	background:url("images/feed-icon-14x14.png") 0 0 no-repeat;
}

/*
html>body a.pdf-file, html>body #tertiary #t-mid p a.pdf-file
{
	padding-top:4px;
	padding-left:24px;
	line-height:30px;
	background-image:url("images/pdficon_smaller.png");
}*/

#wrap
{
	width:878px;
	margin:0 auto;
}

#identity
{
	width:878px;
	height:180px;
	background:url("images/header-graphic.png") left top no-repeat transparent;
}

	#identity h1 a
	{
		width:247px;
		height:65px;
		display:block;
		float:left;
	}
	
	#identity h1 a:hover { background-color:transparent; }
	#identity h1 a span { display:none; }
	
/* ------- MAIN NAV ------- */
	
#navigation { width:596px; margin-left:10px; float:left; }
	
	ul#main-nav { list-style:none; }

	ul#main-nav a
	{
		padding:7px 10px;
		display:block;
		float:left;
		font-family:Helvetica, Candara, Arial, sans-serif;
		font-size:11px;
		font-weight:bold;
		letter-spacing:1px;
		text-decoration:none;
		text-transform:uppercase;
		color:#fff;
		border-left:1px solid #909090;
		background:url("images/tnsp-b-55.png") 0 0 no-repeat transparent;
	}

	ul#main-nav li:first-child a { border-left:0; }

	ul#main-nav a:hover
	{
		color:#fff;
		background-image:none;
		background-color:#d00b0b;
	}
	
	body#body-identity li#page-identity a,
	body#body-community li#page-community a,
	body#body-family li#page-family a,
	body#body-media li#page-media a,
	body#body-events li#page-events a,
	body#body-blog li#page-blog a,
	body#body-single li#page-blog a,
	body#body-archives li#page-blog a
	{
		color:#fff;
		background-image:none;
		background-color:#d00b0b;
	}
	
	body#body-identity li#page-identity a { border-left:0; }

	#meetinglocation
	{
		margin-top:4px;
		font-size:11px;
		text-align:right;
	}
	
	#meetinglocation span { padding:3px 0 3px 5px; line-height:22px; background:url("images/tnsp-white-75.png") 0 0 repeat transparent; }
	#meetinglocation span.worship-time, #meetinglocation span.worship-location { padding:2px 0 2px 5px; font-size:9px; line-height:16px; }
	
	#meetinglocation p.am-service, #meetinglocation p.pm-service { width:300px; float:right; }
	
	#meetinglocation span.service-label
	{
		display:inline;
		padding-bottom:4px;
		font-family:Helvetica, Arial, sans-serif;
		font-size:10px;
		font-weight:bold;
		letter-spacing:1px;
		text-transform:uppercase;
		color:#d00b0b;
	}
	
	
/* ------- MORE LAYOUT ------- */

#primary-focus
{
	padding:0 0 10px 0;
	border-top:3px solid #555;
	border-bottom:1px solid #ddd;
	background:url("images/welcome.png") right top no-repeat;
}

#body-identity #primary-focus { background-image:url("images/identity.png"); }
#body-community #primary-focus { background-image:url("images/community.png"); }
#body-family #primary-focus { background-image:url("images/family.png"); }
#body-media #primary-focus { background-image:url("images/media.png"); }
#body-events #primary-focus { background-image:url("images/events.png"); }
#body-blog #primary-focus { background-image:url("images/blog.png"); }
#body-single #primary-focus { background-image:url("images/blog.png"); }
#body-archives #primary-focus { background-image:url("images/archives.png"); }

	#statement
	{
		width:608px;
		padding-top:5px;
		font-family:Constantia, Georgia, "Times New Roman", serif;
		font-size:24px;
		font-weight:normal;
		line-height:30px;
		color:#222;
	}

	#statement span {}
	
#container { width:878px; }

#body-events #container { padding-top:22px; }
	
	#primary
	{
		width:518px;
		margin:0 22px 0 0;
		float:left;
		font-size:11px;
		line-height:17px;
	}
	
	#body-single #primary { font-size:13px; line-height:22px; }
		
	/* big gray border 
	#content-focus
	{
		margin:15px 0;
		padding:2px;
		border:5px solid #909090;
		border-right:74px solid #909090;
		border-bottom:20px solid #909090;
	}*/
	
	#content-focus
	{
		margin:15px 0;
		padding:4px 83px 19px 4px;
		background:url("images/grunge-box.jpg") 0 0 no-repeat;
	}
	
	#content-focus div { border:3px solid #444; border-bottom:0; background-color:#444; }
	.directions-map { padding:10px 83px 19px 4px; background:url("images/grunge-box.jpg") 0 0 no-repeat; }
	
	#secondary
	{
		width:338px;
		margin:0;
		padding:15px 0;
		float:left;
		font-family:Constantia, Georgia, "Times New Roman", serif;
		font-size:16px;
		line-height:22px;
	}
	
	.body-page #secondary { }
	#body-events #secondary { background-image:none; }
	
	#tertiary
	{
		padding:20px 0;
		font-size:11px;
		line-height:17px;
		clear:both;
	}
	
	#t-left { width:248px; margin-right:22px; float:left; border-top:3px solid #555; }
	#t-mid { width:338px; margin-right:22px; float:left; border-top:3px solid #555; }
	#t-right { width:248px; float:left; border-top:3px solid #555; }
	
	form#searchform { margin-top:10px; font-size:11px; }
	
	form#searchform input
	{
		padding:3px;
		font-family:Consolas, "Courier New", Courier, sans-serif;
		color:#555;
		border:1px solid #ddd;
		background-color:#eee;
	}
	
	form#searchform input#searchsubmit { padding:1px; font-weight:bold; cursor:pointer; border:2px solid #ccc; }
	
	p#thecity { margin-top:30px; }
	
	/* ------- TEXT AND SUCH ------- */
	
	#primary h4
	{
		padding-bottom:5px;
		font-family:Constantia, Georgia, "Times New Roman", serif;
		font-size:14px;
		font-weight:bold;
	}
	
	#tertiary h3
	{
		margin-top:10px;
		padding-bottom:2px;
		font-family:Constantia, Georgia, "Times New Roman", serif;
		font-size:16px;
		font-weight:normal;
		color:#d00b0b;
	}
	
	#tertiary h3 a { text-decoration:none; }
	
	#tertiary span.footer-section-title
	{
		padding:0 0 0 0;
		display:block;
		font-size:10px;
		font-weight:bold;
		letter-spacing:1px;
		text-transform:uppercase;
		color:#555;
	}
	
	#t-right blockquote
	{
		padding-top:12px;
		display:block;
		font-family:Constantia, Georgia, "Times New Roman", serif;
		font-size:12px;
		font-style:italic;
	}
	
	#t-right blockquote cite
	{
		display:block;
		font-family:Verdana, Helvetica, Arial, sans-serif;
		font-style:normal;
		font-weight:bold;
		text-align:right;
	}
	

/* ------- POST FORMATTING ------- */

#tertiary h3.post-title
{
	margin-top:10px;
	padding-bottom:2px;
	font-family:Constantia, Georgia, "Times New Roman", serif;
	font-size:16px;
	font-weight:normal;
	color:#d00b0b;
}

.post-body { padding-top:7px; border-top:0; }
#t-mid .post-body { padding-top:0; }
#body-archives .post-body { margin-bottom:22px; }
#t-mid .post-body p { padding-bottom:5px; }
span.post-date { font-size:11px; line-height:17px; color:#999; }
span.separate { font-size:11px; line-height:17px; color:#999; }
span.post-category { font-size:11px; line-height:17px; color:#999; }
span.post-category a { font-weight:bold; color:#555; }
span.readmorelink a { margin-bottom:22px; padding-bottom:3px; display:block; font-size:10px; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#aaa; border-bottom:1px solid #ddd; }

#body-blog #primary h3.post-title, #body-single #primary h3.post-title, #body-archives #primary h3.post-title,
#body-archives #primary h3.page-title, #body-media #primary h3.post-title
{
	margin-top:1px;
	padding-top:5px;
	margin-bottom:2px;
	font-family:Constantia, Georgia, "Times New Roman", serif;
	font-size:16px;
	font-weight:normal;
	color:#d00b0b;
}

#container #primary h3.post-title a { text-decoration:none; }
#body-single #primary h3.post-title { display:block; font-size:36px; line-height:normal; border-bottom:2px solid #ddd; background-color:#eee; }
#body-archives #primary h3.page-title { margin-bottom:10px; padding-bottom:5px; display:block; font-size:24px; line-height:normal; text-align:center; text-transform:uppercase; color:#999; border-bottom:2px solid #ddd; background-color:#eee; }

#body-blog #secondary ul,
#body-archives #secondary ul,
#body-single #secondary ul,
#body-media #secondary ul { font-family:Verdana, Helvetica, Arial, sans-serif; font-size:11px; line-height:17px; color:#999; }


/* ------- MEDIA FORMATTING ------- */

#body-media #primary h2
{
	margin-top:1px;
	padding-top:5px;
	margin-bottom:2px;
	font-family:Constantia, Georgia, "Times New Roman", serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#444;
}

#body-media #secondary { padding-top:10px; }
#body-media #secondary h3 { padding:0 5px 16px 5px; font-style:italic; font-weight:normal; }

.video-block, .resource-block { margin-bottom:18px; padding-top:5px; border-top:1px solid #ddd; }
.video-block-video { margin-right:22px; float:left; }
.video-block-meta, .resource-block-meta { width:248px; float:left; }

#secondary table
{
	width:100%;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:11px;
	line-height:15px;
	border:0;
}

#secondary tr { border-bottom:1px solid #fff; }
#secondary th, #secondary td { border-left:1px solid #fff; }
#secondary th { padding:2px 7px; text-align:left; color:#fff; border-right:1px solid #888; border-bottom:1px solid #888; background-color:#999; }
#secondary td { padding:3px 7px; border-top:1px solid #fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#eee; }
	
.tab-content { padding:18px 0 0 0; }

#current-series-posts span { padding:0 0 10px 0; display:block; }
#current-series-posts span a { padding:0; font-family:Georgia, "Times New Roman", serif; font-size:14px; letter-spacing:0; line-height:18px; text-transform:none; }

.float-right
{
	margin:0 0 18px 18px;
	padding:1px;
	display:block;
	float:right;
	border:3px double #dbddd0;
}

.float-left
{
	margin:0 18px 18px 0;
	padding:1px;
	display:block;
	float:left;
	border:3px double #dbddd0;
}


/* ------- COMMENTS ------- */

h3#comments, h3#respond
{
	margin-top:18px;
	padding-bottom:10px;
	font-family:Constantia, Georgia, "Times New Roman", serif;
	font-size:16px;
	font-weight:normal;
	color:#d00b0b;
}

ol.commentlist small.commentmetadata a { padding-bottom:10px; display:block; font-style:italic; line-height:12px; text-decoration:none; color:#777; }

#commentform p { margin-bottom:1px; padding:8px 12px; background-color:#eee; }

#commentform input, #commentform textarea
{
	padding:3px;
	font-size:13px;
	color:#444;
	border-top:1px solid #ccc;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-left:1px solid #ccc;
	background-color:#fff;
}

#commentform input#submit { padding:5px; font-size:11px; font-style:italic; font-weight:bold; letter-spacing:1px; text-transform:uppercase; cursor:pointer; }
#commentform input#submit:hover { color:#fff; border:1px solid #444; background-color:#444; }

/* ------- FOOTER FORMATTING ------- */
	
#site-information
{
	width:878px;
	padding:22px 0;
	clear:both;
	text-align:center;
	border-top:1px dotted #555;
	background:url("images/footer-graphic.png") left bottom no-repeat;
}

	#site-information p
	{
		padding:0 0 8px 0;
		font-size:11px;
		line-height:15px;
	}
	
	#site-information p strong.churchname { font-family:Constantia, Georgia, "Times New Roman", serif; font-size:14px; }
	#site-information span.phone { letter-spacing:1px; text-transform:uppercase; }
	
	span#designedby
	{
		display:block;
		padding-top:9px;
		font-size:9px;
		font-style:italic;
		font-weight:bold;
		letter-spacing:normal;
		line-height:14px;
		color:#aaa;
	}
	
	span#designedby a { color:#999; }

/* CCB LOGIN */

form#ccb-login label, form#ccb-login small { padding-top:5px; display:block; }


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {}

.ui-tabs-nav { margin-top:1px; padding:5px 0 0 0; border-bottom:2px solid #ddd; background-color:#eee; }

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.ui-tabs-nav li { padding-top:0; display:inline; }

.ui-tabs-nav a
{
	padding:5px 8px;
	font-family:Constantia, Georgia, "Times New Roman", serif;
	font-size:12px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:24px;
	text-decoration:none;
	text-transform:uppercase;
	outline:none;
	background-color:transparent;
}

.tab-content ul { padding:0 0 18px 0; border-bottom:0; background-color:#fff; }
.tab-content li { padding-bottom:8px; display:list-item; }

.ui-tabs-nav .ui-tabs-selected a { color:#333; background-color:#ddd; }

.ui-tabs-nav .ui-tabs-selected a span {}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}

.ui-tabs-panel { background: #fff; } /* declare background color for container to avoid distorted fonts in IE while fading */

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}