/* ---------------------------------------------------------------------------------------------------------

Columbine Hills Church
http://www.ColumbineHills.org/

Join us!
9700 Old Coal Mine Road
Littleton, CO 80123
303.978.0331

Design, Code, Database Structure, Interactivity, and Management: Thomas Bright and Tony Scialdone
http://www.dotcomonomics.com/

--------------------------------------------------------------------------------------------------------- */

/* Universal Declarations */ 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; }
body * { position: relative; }
html { background : url(null) fixed no-repeat; } 			/* this fixes an IE problem. Scrolling some pages causes corruption in the rendering. */
:focus { outline: 0; background: #ccc; }					/* remember to define focus styles! */
table { border-collapse: collapse; border-spacing: 0; } 		/* tables still need cellspacing="0" in the markup */


/* Block Level Elements */

html {
	height: 100%;
	background: #c6c6c6; }

body {
	margin: 0;
	padding: 0 0 77px 0;
	background: #c8d9d4 url(../images/bg_body.jpg) repeat-y left top;
	font-size: 100.01%; }

#wrap {
	margin: 0 auto;
	width: 960px;
	background: #fff;
	font: 0.75em/1.5em verdana, arial, sans-serif;
	border: 2px solid #012e4f; border-top: 0; }

#header {
	height: 121px;
	background: #aeaeae url(../images/bg_header.jpg) no-repeat center top;
	border-bottom: 10px solid #012e4f; }

#contentwrap {
	float: left; 
	margin: 0 0 21px 0; 
	padding: 0; 
	width: 100%; }

#primary {
	float: left;
	left: 27px;
	width: 580px; }

#secondary { 
	float: left;
	left: 56px;
	width: 280px; }

#footer { 
	clear: both;
	margin: 0 auto 21px auto;
	width: 906px;
	height: 103px; 
	background: url(../images/footer_shadow.jpg) no-repeat left top; }
	
#footer p {
	clear: both; 
	top: 4px;
	margin: 0 auto;
	padding: 0;
	width: 896px;
	height: 93px; 
	background: #fff; }
	
#footer a:link,
#footer a:visited,
#footer a:active {
	clear: both;
	display: block;
	top: 8px;
	left: 8px;
	width: 880px;
	height: 77px;
	background: #fff url(../images/bg_footer.jpg) no-repeat left top; 
	text-indent: -9999px; 
	border: 0; }
#footer a:hover { background: #fff url(../images/bg_footer.jpg) no-repeat left bottom; }	


/* Content Elements */

#branding {
	margin: 21px auto 14px auto;
	width: 906px;
	height: 276px; 
	background: url(../images/branding_shadow.jpg) no-repeat left top; }

/* About Us Link on the RIGHT */	
a#brandingAbout:link,
a#brandingAbout:visited,
a#brandingAbout:active {
	display: block;
	float: right;
	top: 140px;
	width: 192px;
	height: 37px;
	background: url(../images/branding_link_right.jpg) no-repeat right top; 
	border: 0; }
a#brandingAbout:hover { 
	background: url(../images/branding_link_right.jpg) no-repeat left top; 
	border: 0; }	
		
/* About Us Link on the LEFT */	
a#brandingAbout:link.left,
a#brandingAbout:visited.left,
a#brandingAbout:active.left {
	display: block;
	float: left;
	top: 50px;
	width: 192px;
	height: 37px;
	background: url(../images/branding_link_left.jpg) no-repeat right top; 
	border: 0; }
a#brandingAbout:hover.left { 
	background: url(../images/branding_link_left.jpg) no-repeat left top; 
	border: 0; }
	
	
#brandingImg {
	display: block;
	top: 5px;
	left: 5px;
	width: 880px;
	height: 250px;
	padding: 8px;
	background: #fff url(../images/branding_main.jpg) no-repeat 8px 8px; }
	
	
body#Jim_Finch_Senior_Pastor #brandingImg { background: #fff url(../images/branding_jim.jpg) no-repeat 8px 8px; }	
body#Jim_Finch_Senior_Pastor #branding a { display: none; }

body.blog #brandingImg { background: #fff url(../images/branding_jim.jpg) no-repeat 8px 8px; }	
body.blog #branding a { display: none; }

body#Darla_Elliot_Executive_and_Worship_Arts_Pastor #brandingImg { background: #fff url(../images/branding_darla.jpg) no-repeat 8px 8px; }	
body#Darla_Elliot_Executive_and_Worship_Arts_Pastor #branding a { display: none; }

body#The_Edge_Youth_Group #brandingImg { background: #fff url(../images/branding_edge.jpg) no-repeat 8px 8px; }	
body#The_Edge_Youth_Group #branding a { display: none; }
	
body#Staff #brandingImg { background: #fff url(../images/branding_staff.jpg) no-repeat 8px 8px; }	
body#Staff #branding a { display: none; }

body#Contact_Us #brandingImg { background: #fff url(../images/branding_contact.jpg) no-repeat 8px 8px; }	
body#Contact_Us #branding a { display: none; }

	
#social {
	display: block;
	margin: 7px auto 14px auto;
	width: 280px;
	height: 77px; }
	
#fb a:link,
#fb a:visited,
#fb a:active {
	float: left;
	display: block;
	margin: 0 24px 0 0;
	width: 77px;
	height: 77px; 
	background: url(../images/promo_facebook.jpg) no-repeat left top; 
	border: 0; }
#fb a:hover { 
	background: url(../images/promo_facebook.jpg) no-repeat left bottom; 
	border: 0; }	

#tw a:link,
#tw a:visited,
#tw a:active {
	float: left;
	display: block;
	margin: 0 0;
	width: 77px;
	height: 77px; 
	background: url(../images/promo_twitter.jpg) no-repeat left top; 
	border: 0; }
#tw a:hover { 
	background: url(../images/promo_twitter.jpg) no-repeat left bottom; 
	border: 0; }

#jim a:link,
#jim a:visited,
#jim a:active {
	float: right;
	display: block;
	margin: 0;
	width: 77px;
	height: 77px; 
	background: url(../images/promo_blog.jpg) no-repeat left top; 
	border: 0; }
#jim a:hover { 
	background: url(../images/promo_blog.jpg) no-repeat left bottom; 
	border: 0; }	

	
#bulletin a:link,
#bulletin a:visited,
#bulletin a:active {
	display: block;
	margin: 7px auto 14px auto;
	width: 280px;
	height: 86px; 
	background: url(../images/promo_bulletin.jpg) no-repeat right top; 
	border: 0; }
#bulletin a:hover { 
	background: url(../images/promo_bulletin.jpg) no-repeat left top; 
	border: 0; }


#join a:link,
#join a:visited,
#join a:active {
	display: block;
	margin: 0 auto 14px auto;
	width: 280px;
	height: 78px; 
	background: #fff url(../images/map.jpg) no-repeat left top; 
	border: 0; }
#join a:hover { 
	background: url(../images/map.jpg) no-repeat right top; 
	border: 0; }
	
#edge a:link,
#edge a:visited,
#edge a:active {
	display: block;
	margin: 0 auto 14px auto;
	width: 280px;
	height: 77px; 
	background: url(../images/promo_edge.jpg) no-repeat left top; 
	border: 0; }
#edge a:hover { 
	background: url(../images/promo_edge.jpg) no-repeat right top; 
	border: 0; }

#biblestudy a:link,
#biblestudy a:visited,
#biblestudy a:active {
	display: block;
	margin: 0 auto 14px auto;
	width: 280px;
	height: 86px; 
	background: url(../images/promo_bible_study.jpg) no-repeat right top; 
	border: 0; }
#biblestudy a:hover { 
	background: url(../images/promo_bible_study.jpg) no-repeat left top; 
	border: 0; }


/* Nav Styles */

#topnav { border: 0px solid #0ff;
	top: 96px;
	margin: 0;
	width: 100%;
	height: 23px;
	text-align: right; }

#topnav li {
	list-style-type: none;
	display: block;
	display: inline;
	padding-right: 28px; }
#topnav a:link,
#topnav a:visited,
#topnav a:active {
	background: transparent;
	text-decoration: none;
	font: bold 118%/1.5em verdana, arial, sans-serif;
	color: #c0c0c0;
	text-transform: uppercase;
	letter-spacing: -1px; 
	border: 0; }
#topnav a:hover { 
	color: #cbe3a9; 
	border: 0; }
	
#topnav a:active { 
	top: 2px;
	color: #abd6e7; }


#primary a:link,
#primary a:visited,
#primary a:active {
	text-decoration: none;
	font-size: 100%;
	color: #00f; 
	border-bottom: 1px dotted #00f; }
#primary a:hover {
	text-decoration: none;
	color: #f00; 
	border-bottom: 1px dotted #f00; }

#content_edit a { border: 0; }
p#map a { border: 0; }

/* Headlines */

h1 {
	margin: 7px 0 0 14px;
	font: normal 244%/1.5em arial, sans-serif;
	color: #4071a9;
	letter-spacing: -0px; }

h2, h2.none {
	margin: 21px 0 0 14px;
	font: normal 188%/1.5em arial, sans-serif;
	color: #4071a9; 
	letter-spacing: -0px; }
	
#genform h2 { margin-left: 0; }

h3 {
	margin: 21px 0 0 14px;
	font: bold 135%/1.5em arial, sans-serif;
	color: #4071a9;
	letter-spacing: -1px;	}

h4 {
	margin: 21px 0 0 14px;
	font: bold 136%/1.5em arial, sans-serif;
	color: #4071a9;
	letter-spacing: -1px;	}

h5 {
	margin: 21px 0 0 14px;
	font: bold 136%/1.5em arial, sans-serif;
	color: #4071a9;
	letter-spacing: -1px; }
	
h1+h2.paired { 
	margin: 0 0 21px 14px; 
	font-size: 150%;
	color: #999;
	text-transform: uppercase; }	
	
h1+p, h2+p, h3+p { margin-top: 0; }

h1+h2 { 
	margin: 0 0 14px 14px; 
	font-size: 150%;
	text-transform: uppercase; }

body#Womens_Ministries h2 {
	padding-top: 21px;
	border-top: 1px solid #ccc; }
	
body#Womens_Ministries h2.mission { 
	margin: 0 0 14px 14px; 
	padding: 0;
	width: 400px;
	font-size: 118%;
	line-height: 1.2em; 
	border: 0; }
	



/* Paragraphs */

p {
	margin: 14px 14px 14px 14px;
	line-height: 1.6em;
	text-align: justify; }
	
p#alert {
	margin: 42px 42px 28px 42px;
	padding: 7px;
	height: 1%;
	background: #f7f7f7;
	color: #f00;
	font-weight: bold; 
	font-size: 118%;
	text-align: center; 
	border: 2px solid #f00; }

p#copyright {
	clear: both;
	margin: 21px auto;
	font: normal 70%/1.5em verdana, arial, sans-serif; 
	color: #666; 
	text-transform: uppercase;
	text-align: center; }
	
p#copyright a:link,
p#copyright a:visited,
p#copyright a:hover,
p#copyright a:link { 
	text-decoration: none;
	color: #666; 
	border: 0; }
	
p#sitemap {
	margin: 0 auto;
	width: 960px; 
	text-align: center; }
	
p#sitemap a {
	display: block; 
	display: inline;
	margin-right: 30px;
	width: auto; 
	font: normal 70%/1.5em verdana, arial, sans-serif; 
	color: #666;
	text-decoration: none; 
	border-bottom: #666; }

.bible { color: #f00; }
	
p.bible { 
	margin: 21px 28px; 
	color: #f00; }

p.bible cite, .bible cite { 
	display: block;
	font-size: .85em;
	color: #000; 
	text-align: right;	
	text-transform: uppercase; 
	font-style: normal; }
	
body#Womens_Ministries p#WMEvents {
	margin: 0 0 0 42px;
	padding: 0;
	width: 280px;
	height: 58px; }

body#Womens_Ministries p#WMEvents a { border: 0; }

/* Images */

#primary img.pic {
	display: block;
	margin: 14px auto; 
	padding: 4px;
	background: #fff; 
	border: 1px solid #000; }
	
#primary img.left { margin: 14px 14px 14px 0; }
	
img.fright {
	display: block;
	float: right;
	margin: 7px 0 14px 14px; 
	padding: 4px;
	background: #fff; 
	border: 1px solid #000; }
	
img.none {
	padding: 0;
	border: 0; }


/* Definition Lists */

dl {
	list-style-position: inside;
	margin: 14px 28px 0 14px; }

dt {
	font-weight: bold;
	font-size: 118%; 
	color: #4071a9; }

dd {
	margin-left: 14px; 
	text-align: justify; }

dd+dt { margin-top: 21px; }	
	
	
/* Ordered Lists */

ol {
	list-style-position: outside;
	margin: 14px 28px 0 42px; }

ol li { text-align: justify; }


/* Unordered Lists */

ul {
	list-style-position: outside;
	margin: 14px 28px 0 42px; }

ul li { text-align: justify; }


/* Images */

.pic {
	display: block;
	margin: 14px auto;
	padding: 4px;
	background: #fff;
	border: 1px solid #000; }


/* Blockquotes */

blockquote {
	margin: 21px 21px 0 21px; }

blockquote p {
	margin: 0;
	padding: 21px 0;
	background: url(../images/quotes.gif) no-repeat 5px 10px;
	font-weight: bold;
	color: #4071a9; }
	
blockquote p { 
	margin-bottom: 0; }
	
blockquote cite { 
	display: block;
	margin: -21px 49px 21px 0; 
	text-align: right; 
	font-style: normal;
	font-weight: bold; }

	
/* Video */

object {
	display: block;
	margin: 28px auto 49px auto; }
	
	
/* Forms */

form {
	margin: 21px; }
	
form h1 {
	display: block; 
	margin: 0; 
	color: #4071a9; }

label {
	clear: both;
	display: block;
	margin: 0;
	font-weight: bold;
	color: #4071a9;
	text-transform: uppercase; }

input {
	display: block;
	margin: 0 0 14px 0;
	padding: 4px;
	width: 200px;
	background: #fff;
	font: bold 100%/1.3em tahoma, verdana, arial, sans-serif;
	color: #00448d;
	border: 1px solid #c2c2c2; }	
	
input[type $='hidden'] { display: none; }
input.hidden { display: none; }

#genform input { width: 300px; }


textarea {
	clear: both;
	display: block;
	overflow: auto;
	margin: 0 0 7px 0;
	padding: 4px 4px 0 4px;
	width: 400px;
	height: 140px;
	background: #fff;
	font: normal 100%/1.3em tahoma, verdana, arial, sans-serif;
	color: #00448d;
	border: 1px solid #c2c2c2; }

select {
	margin: 7px 0 7px 0;
	background: #fff;
	border: 1px solid #c2c2c2; }
	
option { 
	padding: 2px;
	background: #fff; }
	
form.contact select#recipient {
	margin: 0 0 28px 0; }
	
form input.button {
	clear: both;
	display: block;
	margin: 14px 0 0 0;
	padding: 2px 7px;
	width: auto;
	background: #48768d;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-transform: uppercase; }
	





/* Tables */

table {
	table-layout: fixed;
	width: 100%;
	overflow: hidden; }


/* Classes and Stuff */

.clear { clear: both; }
.bold { font-weight: bold; }
strong { font-weight: bold; }
em { font-style: italic; }
.right { text-align: right; }
.left { text-align: left; }
.red { color: #f00; }

hr {
	margin: 21px 0 0 14px;
	width: 80%; }


/* Intelligent Navigation */

body#Home_Page #topnav li.home a,
body#Join_Us #topnav li.join a,
body#Contact_Us #topnav li.join a,
body#Community #topnav li.community a,
body#Bible_Study_Resources #topnav li.community a,
body#Frequently_Asked_Questions #topnav li.faq a,
body#Staff #topnav li.staff a,
body#Jim_Finch_Senior_Pastor #topnav li.staff a,
body#Darla_Elliot_Executive_and_Worship_Arts_Pastor #topnav li.staff a,
body#About_Us #topnav li.faq a,
body#What_We_Believe #topnav li.faq a,
body#Contact_Us #topnav li.contact a,
body#Christmas #topnav li.join a,
body#Christmas #topnav li.community a { color: #f8a233; }



/* Blog Post Styles */


.post h2 { font-size: 300%; }
.post h2 a { border: 0; }

p.time {
	clear: both;
	margin: 0;
	padding: 4px 0 0 0;
	font-size: 85%;
	background: url(../imges/clock.gif) no-repeat 0% 50%;
	color: #999;
	text-indent: 14px;
	border-top: 1px solid #e9e9e9; }
	
.postbody { margin: 21px 0 28px 0; }

.postbody img { 
	display: block;
	margin: 14px auto;
	padding: 4px;
	background: #fff;
	border: 1px solid #666; }


p.postcategory {
	margin: 35px 0 0 28px;
	font-size: 85%;
	text-transform: uppercase; }
	
p.posttags { 
	margin: 7px 0 0 28px;
	font-size: 85%;
	text-transform: uppercase; 
	text-align: left; }

p.moderatepost { margin-top: 35px; }


#commentForm { margin: 77px 0 0 0; }

#cappydiv input { 
	clear: both;
	display: block;
	margin: 14px 0 7px 0;
	padding: 2px 7px;
	width: auto;
	background: #48768d;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-transform: uppercase; }
	

.moderatemsg {
	margin: 28px;
	padding: 21px 0;
	background: #006;
	color: #fff; 
	text-indent: 21px; }
	
a.moderatename  {
	display: block;
	margin-bottom: 49px; }

	
/* Blog Comments */

.comment_post {
	margin: 49px 0 0 0; }
	
.comment_post h3 { 
	margin: 21px 0 0 35px; 
	font-weight: bold; 
	font-size: 135%; 
	letter-spacing: 0; }

.comment_post h3 a:link,
.comment_post h3 a:visited,
.comment_post h3 a:active { color: #4071a9; }
.comment_post h3 a:hover { 
	color: #006; 
	border-bottom: 1px dotted #006; }

.comment_post .postbody { 
	margin: 7px 21px 0 21px; 
	padding: 21px;
	height: 1%;
	background: #ededed; 
	line-height: 1.5em; 
	text-align: justify; 
	border-top: 1px solid #cdcdcd; }
	
.comment_post p.time {
	margin: 0 0 0 28px; }
	

/* Blog Sidebar */


ul#categories { 
	margin: 14px 0 42px 14px; 
	list-style-type: none; }

ul#categories li { 
	margin-bottom: 3px; 
	width: 250px;
	list-style-type: none; }
	
ul#categories li a:link,
ul#categories li a:visited,
ul#categories li a:active {
	display: block;
	padding: 3px 7px;
	width: 100%;
	height: 100%;
	background: #fde760; 
	font-weight: bold;
	font-size: 118%;
	color: #4071a9; 
	border: 0; }
ul#categories li a:hover {
	background: #4071a9;
	color: #fde760; }
	
ul#categories li#rss a:link,
ul#categories li#rss a:visited,
ul#categories li#rss a:active{
	display: block;
	margin: 28px 0 0 0;
	padding: 0;
	width: 100%;
	height: 28px;
	background: url(../images/rss_subscribe.jpg) no-repeat 21px top; }
ul#categories li#rss a:hover { background: url(../images/rss_subscribe.jpg) no-repeat 21px bottom; }