/*
Theme Name: Crosspoint Community Church
Theme URI: http://www.crossopintcc.org/
Description: This is the default theme for the Crosspoint Community Church website.  Based off of the default Wordpress Theme
Version: 1.0
Author: Stephen Bock
Author URI: http://www.stephenbock.net
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body{ font-family: Helvetica, Verdana, Arial, sans-serif; background: #2f2f2f url(images/body_background2.png) repeat-x; }

#container{ margin: 90px auto; width: 880px; }

/* Navigation CSS*/
#top_nav{ float: right; font-size: 17px; font-weight: bold; font-variant: small-caps;}
#nav, #nav ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:20; width:100%;}
#nav .top a{ display:block; padding:0.25em 1em; color:white; text-decoration:none; background:none; padding-top: 25px;}
#nav .top a:hover {color:gray;}
#nav .item a{ display:block; padding:0.20em .5em; color:#686868; border-right:1px solid #c8c8c8; text-decoration:none; background:#fff; font-size: 15px; }
#nav .item a:hover {background:#888; color:#fff;}
#nav .next_nav {margin-top: 25px; }
#nav li {float:left; position:relative; }
#nav ul {position:absolute; display:none; width:12em; top:1.9em;}
#nav ul a {border-left:1px solid #c8c8c8; }
#nav li ul {border-top:1px solid #c8c8c8; width:12.5em; margin-top: 18px;}
#nav li ul.what {width: 15.1em; }
#nav li ul.what a {width:16em; height:auto; float:left;  border-bottom:1px solid #c8c8c8;}
#nav li ul a {width:13em; height:auto; float:left;  border-bottom:1px solid #c8c8c8;}
#nav ul ul {top:auto;}
#nav li ul ul {left:11.85em; margin:0px 0 0 10px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {display:none;}
#nav li:hover ul, #nav li li:hover ul, #dnav li li li:hover ul, #nav li li li li:hover ul {display:block; }

#nav .image a{margin-left: -50px; border:0;}

#spacer{ padding: 20px 0px 20px 0px;}
.small {font-size: xx-small;}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* VBS Registration */
#vbs_body_container{ float: left; width: 880px; z-index: 10;}
p#success{ padding: 3px 10px; background: #92FFA5; border: 2px solid #009218; color: #009218; font-weight: bold; margin-bottom: 10px; text-align: center; font-size: large;}		
/* stop form spam */
.special {display:none}		
p#bademail, p#badserver{ padding: 3px 10px; background: #FFA3A1; border: 2px solid #D00D00; color: #D00D00; font-weight: bold; margin-bottom: 10px; text-align: center; }
legend{ color: white; padding: 0px 5px 0px 5px; }
fieldset {border: none; border-top: 1px solid gray;}

.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	width:800px;
	padding:14px;
}
	/* ----------- basic ----------- */
#basic{ width: 852px;background-image: url(images/body_background_middle.png); margin-top: -20px;}
h1 {
		font-size:16px;
		font-weight:bold;
		padding: 8px;
		color: white;
	}
	#basic p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}
	#basic label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
		color: white;
	}
	#basic .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#basic input{
		float:left;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#basic button{ 
		clear:both;
		margin-left:150px;
		background:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
		margin-top: 10px;
		float: left;
	}

/* Main Body (Index Content) CSS */
#main_body_container{ float: left; margin-top: 10px; width: 880px; height: 497px; background-image: url(images/body_background.png); z-index: 10;}
#main_body_container .main_logo{ float: right; margin-top: -372px; padding: 11px; z-index: 10;}
#main_body_container .main_vision{ float: right; margin-top: -201px; padding: 11px; z-index: 10;}

#main_body_images img{ border: none; }

.pics{ height:373px; width: 606px; padding:0; margin:0; overflow: hidden; z-index: 10;}
.pics img{ height: 351px; width: 595px; padding: 11px; top:0; left:0;  z-index: 10;}

#main_body_bottom_images .first_image{ padding-left: 10px; border: 0;}
#main_body_bottom_images .next_image{ padding-left: 8px; border: 0;}

/* stop form spam */
.special {display:none}

/* Main Body (Page Content) CSS */
#main_page_body_container{ float: left; width: 880px; margin-top: -25px;}
#main_body_container h2 { padding: 20px 0 0 20px; color: white; height: 25px; background-image: url(images/body_background_top.png); z-index: 10; }
#main_page_body_container h2 { padding: 20px 0 0 20px; color: white; height: 25px; background-image: url(images/body_background_top.png); z-index: 10; }
.entry { margin-top: -20px; position: relative; padding: 20px 20px 20px 20px; color:#adadad; height: 100%; background-image: url(images/body_background_middle.png); z-index: 10; }
#main_page_body_container strong{ color: white; }
#main_page_body_container img{ border:none;}
#main_page_body_container a{ color: #adadad; }
#main_page_body_container a:hover{ text-decoration: underline; color: white;}
#main_page_body_container a:visited{ color: #adadad; }


/* Footer CSS */
#bottom_bg {background-image: url(images/body_background_bottom.png); height: 11px;}
#footer{ float: left; text-align: center; font-size: 13px; width: 880px; color: white;}
#footer ul{ list-style-type: none; margin-left: -30px;}
#footer li{display: inline;}
#footer li.first{ padding-right: 10px;}
#footer li.last{ display: inline; padding: 0 10px 0 20px; background: url(images/footer_circle.png) no-repeat center left; }
#footer .copyright{ color:gray; }
#footer a { color: white; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer_vbs{ position: relative; }
#footer_vbs{ float: left; text-align: center; font-size: 13px; width: 880px; color: white;}
#footer_vbs ul{ list-style-type: none;}
#footer_vbs li{display: inline;}
#footer_vbs li.first{ padding-right: 10px;}
#footer_vbs li.last{ display: inline; padding: 0 10px 0 20px; background: url(images/footer_circle.png) no-repeat center left; }
#footer_vbs .copyright{ color:gray; }
#footer_vbs a { color: white; text-decoration: none; }
#footer_vbs a:hover { text-decoration: underline; }


/* Fancybox */
html, body { height: 100%; }

#respond{ background-image: url(images/body_background_middle.png); padding: 10px; color: white;}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('images/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #000000;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('images/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #000000;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('images/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('images/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('images/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('images/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('images/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('images/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('images/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(images/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(images/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(images/fancy_title_right.png) repeat-x;
}

.jquery-safari-checkbox {display: inline; font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand;}
.jquery-safari-checkbox .mark {display: inline;}

.jquery-safari-checkbox img {vertical-align: middle; width: 16px; height: 16px;}
.jquery-safari-checkbox img{background: transparent url(images/safari-checkbox.png) no-repeat;}

.jquery-safari-checkbox img{
	background-position: 0px 0px;
}
.jquery-safari-checkbox-hover img{
	background-position: -16px 0px;
}
.jquery-safari-checkbox-checked img{
	background-position: 0px -16px;
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-hover img {
	background-position: -16px -16px;
}

.jquery-safari-checkbox-disabled img{
	background-position: 0px -32px;
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-disabled img{
	background-position: 0px -48px;
}

/* Media Page */
#main_media_container{ float: left; margin-top: 10px; width: 880px; height: 497px; background-image: url(images/body_background.png); z-index: 10;}
#main_media_container h2 { padding: 20px 0 0 20px; color: white; height: 25px;}
#main_media_container h4 { padding: 20px 0 0 60px; color: white; text-align:center;}
#main_media_container p{ padding-left: 30px;}
#main_media_container a{text-decoration: none;}

#main_media_container #left{ float: left; width: 310px; margin-top: 15px;}
#main_media_container #left img{padding-left: 30px;}
#main_media_container #right{ float: right; width: 510px; margin-top: 40px; color: white;}
#main_media_container #right img{float: left; padding: 6px 10px 6px 0px;}
#main_media_container #right a{text-decoration: none; color: gray;}