/*
Theme Name: GCCC Custom
Theme URI: http://gulfcoastcitychurch.org/
Client: Gulf Coast City Church
Author: Bit-Wizards Custom Software Solutions, Inc.
Author URI: http://bit-wizards.com/
*/

/* Layout */  


body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p {
	padding: 0;
	margin: 0; 
	} 
	
body {
	background-color: #2D251F; 
	text-align: center; 
	font-family: Trebuchet MS, Verdana, Tahoma, Helvetica, sans-serif, arial; 
	font-size: 13px; 
	color: #ffffff; 
	line-height: 17px;
	}

#bgPageframe {
	background: #17140F url(images/bg_body.jpg) repeat-x scroll 0 0;
	}
	
#pageFrame {
	width: 950px;
	margin: 0 auto;
	}	
	
#keyText {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}
	
#navMain {
	width: 950px;
	height: 40px;
	background: transparent url(images/bg_nav.jpg) no-repeat 0 0;	
	padding: 0 0 20px 0;
	}
	
#navMain ul {
	list-style-type: none;
	}
	
#navMain ul li {
	float: left;
	border-right: 1px solid #445a56;
	}
	
#navMain ul li a {
	line-height: 40px;
	text-decoration: none;
	color: #171310;
	font-size: 15px;
	padding: 0 10px;
	}							
	
#containerHeader {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	}	
	
#containerHeader #logo {
	width: 325px;
	height: 328px;
	float: left;
	background:	transparent url(images/logo.jpg) no-repeat 0 0;	
	}

#containerHeader a#logoLink {
	width: 313px;
	height: 210px;
	display: block;
	text-decoration: none;
	}
	 		
#containerHeader #logo span {	
	display: none;
	}
	
#containerHeader h3 {
	font-size: 13px;
	line-height: 13px;
	color: #f9bd57;
	font-weight: normal;
	text-align: center;
	padding: 11px 10px 0 0;
	}
	
#containerHeader .table {
   padding: 10px 0 0 23px; 
   font-size: 11px; 
   line-height: 13px;
   table-layout: fixed;
   }	

#containerHeader #slideshow {
	width: 601px;
	height: 314px;
	padding: 12px;
	float: left;
	background:	transparent url(images/slideshow.jpg) no-repeat 0 0;
	}

#containerMain {
	width: 928px;
	background: #3b3129 url(images/bg_main.jpg) no-repeat 0 0;
	padding: 11px;
	text-align: left;	
	}
		
.news {		
    background: transparent url(images/arrow.jpg) no-repeat right top;
	float: right;
	padding-right: 20px; 
	border-bottom: 1px dotted #56e0ff; 
	text-decoration: none;
	color: #56e0ff;
	margin: 0 10px;
	font-size: 12px;
	line-height: 12px;
	}
	 
#colLeft {
	width: 616px; 
	min-height: 316px;
	background: #322922 url(images/line.jpg) repeat-x 0 35px;
	float: left;
	padding-bottom: 11px;
	}
	
#colLeft h2 {
	font-size: 22px;
	line-height: 23px;
	color: #f9bd57;
	font-weight: normal;
	margin: 0 0 8px 0;
	padding: 8px;
	}
	
.linkH2 {
    background: transparent url(images/arrow.jpg) no-repeat right top;
	padding-right: 20px; 
	border-bottom: 1px dotted #56e0ff; 
	text-decoration: none;
	font-size: 12px;
	line-height: 12px;
	float: right;
	margin: 13px 10px 0 0;
	}	
		
#colLeft h3 {
	font-size: 16px;
	line-height: 17px;
	color: #56e0ff;
	font-weight: normal;
	margin: 0 auto;
	padding: 0 8px 8px 8px;
	}
	
#colLeft .postTitle {
	font-size: 16px;
	line-height: 17px;
	color: #56e0ff;
	text-decoration: none;
	}
		
a:hover.postTitle {
	text-decoration: underline;
	}
	
#colLeft p {
	font-size: 13px;
	line-height: 15px;
	color: #ffffff;
	padding: 0 12px 8px 12px;
	}
	
#iconRss {
	float: right;
	width: 20px;
	height: 19px;
	padding: 9px 9px 0 0;
	}	

#colRight {
	width: 301px;
	min-height: 328px; 
	float: left;
	padding-left: 11px;
	}

#colRight #box1 {
	background: #322922 url(images/line.jpg) repeat-x 0 35px;
	margin: 0 0 11px 0;
	min-height: 147px;	
	padding-bottom: 11px;
	position: relative;	
	}
	
#colRight #box1 .category {
	color: #fbf4c1;
	padding-right: 5px;
	}	
		
#colRight #box2 {
	background: #322922 url(images/line.jpg) repeat-x 0 35px;
	min-height: 158px;	
	position: relative;
	}

#colRight #box2 #linksUpcoming {
	padding: 0 10px;
	}
	
#colRight #box2 #linksUpcoming p {
	padding: 0 0 5px 0;
	}	

.linkMore {
	position: absolute;
	top: 15px;
	left: 228px;
    background: transparent url(images/arrow.jpg) no-repeat right top;
	padding-right: 20px; 
	border-bottom: 1px dotted #56e0ff; 
	text-decoration: none;
	font-size: 12px;
	line-height: 12px;		
	}
	
#colRight h2 {
	font-size: 22px;
	line-height: 23px;
	color: #f9bd57;
	font-weight: normal;
	margin: 0 0 8px 0;
	padding: 8px;
	}
		
#colRight h3 {
	font-size: 16px;
	line-height: 17px;
	color: #56e0ff;
	font-weight: normal;
	margin: 0 auto;
	padding: 8px;
	}		

#colRight ul {
	margin: 0 0 0 15px;
	padding: 0 10px;
	font-size: 11px;
	}
	
#colRight ul li {
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 12px;
	line-height: 20px;
	color: #d54e0e;
	list-style-type: square;
	}

#colRight #box2 span {
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 12px;
	color: #fbf4c1;
	background: url(images/bullet_orange.jpg) no-repeat 0 7px;
	padding-left: 14px;
	}		
	
#colRight .title {
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 12px;
	color: #56e0ff;
	}	

#containerInterior {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	}	
	
#containerInterior #logo {
	width: 277px;
	height: 236px;
	background:	transparent url(images/int_grphc_logo.jpg) no-repeat 0 0;	
	}

#containerInterior #logo a{
	width: 277px;
	height: 236px;
	display: block;
	text-decoration: none;
	}
	 		
#containerInterior #logo span {	
	display: none;
	}
	
#intcolLeft {
	width: 277px; 
	float: left;
	padding-right: 11px;
	display: inline;
	}
	
#intcolLeft #box{
	width: 255px; 
	background: #322922 url(images/line.jpg) repeat-x 0 35px;
	padding: 4px 0;
	}
		
#intcolLeft h2 {
	font-size: 22px;
	line-height: 23px;
	color: #f9bd57;
	font-weight: normal;
	margin: 4px 0 8px 0;
	padding-left: 8px;
	}	
		
#intcolLeft h3 {
	font-size: 16px;
	line-height: 17px;
	color: #56e0ff;
	font-weight: normal;
	margin: 0 auto;
	padding: 8px;
	}
	
#intcolLeft h3 a {
	color: #56e0ff;
	text-decoration: none;
	}		

#intcolLeft ul {
	margin: 0 0 0 25px;
	padding: 10px;
	font-size: 11px;
	}
	
#intcolLeft ul li {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 17px;
	color: #d54e0e;
	list-style-type: square;
	}
#intcolLeft ul li a {
	font-size: 12px;
	line-height: 12px;
	}
	
#intcolLeft ul ul li {
	margin-bottom: 0px;
	color: #d54e0e;
	list-style-type: square;
	}	
	
#intcolLeft ul ul li a {
	color: #56e0ff;
	font-size: 11px;
	line-height: 11px;
	}		

#intcolLeft a {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 17px;
	color: #56e0ff;
	}
	
#intcolLeft #bgBoxtop {
	background: transparent url(images/int_bg_left_col.jpg) no-repeat 0 0;
	width: 277px;
	height: 11px;
	line-height: 1px;
	font-size: 1px;
	}
	
	
#intcolLeft #bgBoxbottom {
	background: transparent url(images/int_bg_left_col_bot.jpg) no-repeat 0 0;
	width: 277px;
	height: 11px;
	line-height: 1px;
	font-size: 1px;	
	}			

#intcolRight {
	width: 662px; 
	float: left;
	display: block;
	}
	
#intcolRight #bgIntcolRighttop {	
	background: url(images/int_bg_right_col.jpg) no-repeat 0 0;
	height: 11px;
	line-height: 1px;
	font-size: 1px;
	}	
	
#intcolRight #bgIntcolRightbot {	
	background: url(images/int_bg_right_col_bot.jpg) no-repeat 0 0;
	height: 11px;
	line-height: 1px;
	font-size: 1px;	
	}
	
#bgIntcol {
	background-color: #3b3129;
	}

#intcolRight #box{
	width: 618px;
	min-height: 350px;	
	background: #322922 url(images/line.jpg) repeat-x 0 35px;
	padding: 0 11px 11px 11px;
	margin: 0 auto;
	}
	
#intcolRight h2 {
	font-size: 22px;
	line-height: 23px;
	color: #f9bd57;
	font-weight: normal;
	margin: 0 0 8px 0;
	padding: 8px;
	}
	
#intcolRight h2 a {
	color: #f9bd57;
	text-decoration: none;
	}	
		
#intcolRight h3 {
	font-size: 16px;
	line-height: 17px;
	color: #56e0ff;
	font-weight: normal;
	margin: 0 auto;
	padding: 8px;
	}
	
#intcolRight .postTitle {
	font-size: 16px;
	line-height: 17px;
	color: #56e0ff;
	text-decoration: none;
	background: transparent url(images/line.jpg) repeat-x  0 0;	
	display: block;
	padding-top: 5px;
	}		
	
.postDate {
	display: block;
	font-style: italic;
	font-size: 12px;
	margin: -5px 0 10px 0;
	padding-left: 8px;
	color: #fbf4c1;
	}

#intcolRight p {
	padding-bottom: 8px;
	font-size: 14px;
	line-height: 17px;
	color: #ffffff;
	font-weight: normal;
	padding: 0 12px 10px 8px;
	}
	
#intcolRight ul, #intcolRight ul ol {
	margin: 0 0 0 30px;
	padding: 0px 0px 10px 10px;
	}

#intcolRight ul li {
	font-size: 14px;
	color: #FFF;
	list-style-type: disc; 	
	padding-bottom: 5px;
	}

#intcolRight ul p, #intcolRight ul select {
	margin: 5px 0 8px;
	}

#intcolRight ul ul, #intcolRight ul ol {
	margin: 5px 0 0 10px;
	}

#intcolRight ul ul ul, #intcolRight ul ol {
	margin: 0 0 0 10px;
	}

ol li, #intcolRight ul ol li {
	list-style: decimal outside;
	}

#intcolRight ul ul li, #intcolRight ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

#intcolRight .postmeta {
	padding: 10px 10px;
	font-size: 12px;	
	line-height: 12px;	
	}

#intcolRight .postmeta a {
	font-size: 12px;
	line-height: 12px;
	}
	
#breadCrumbs {
	float: right;
	line-height: 23px;
	padding: 8px;
	}	
	
#containerBottomnav {
	width: 950px;
	height: 124px;
	background: transparent url(images/bottom_nav.jpg) no-repeat 0 0;
	padding-bottom: 11px;	
	}	
	
#containerBottomnav #new {
	width: 133px;
	height: 113px;
	display: block;
	float: left;
	text-decoration: none;
	margin: 0 11px;
	}	
		
#containerBottomnav #service {
	width: 171px;
	height: 113px;
	display: block;
	float: left;
	text-decoration: none;
	}
	
#containerBottomnav #groups {
	width: 148px;
	height: 113px;
	display: block;
	float: left;
	text-decoration: none;
	}	

#containerBottomnav #growth {	
	width: 154px;
	height: 113px;
	display: block;
	float: left;
	text-decoration: none;
	}
	
#containerBottomnav #messages {
	width: 154px;
	height: 113px;
	display: block;
	float: left;
	text-decoration: none;
	}	
	
#containerBottomnav #give {
	width: 157px; 
	height: 113px;
	display: block;
	float: left;
	text-decoration: none;
	}	

#containerBottomnav span{
	visibility: hidden;	
	}	

#intcontainerBottomnav {
	width: 950px;
	height: 124px;
	float: left;
	background: transparent url(images/int_bottom_nav.jpg) no-repeat 0 0;
	padding: 22px 0 11px 0;
	}	
	
#intcontainerBottomnav #new {
	width: 133px;
	height: 113px;
	display: block;
	float: left;
	text-decoration: none;
	margin: 0 11px;
	}	
		
#intcontainerBottomnav #service {
	width: 171px;
	height: 113px;
	display: block;
	float: left;
	text-decoration: none;
	}
	
#intcontainerBottomnav #groups {
	width: 148px;
	height: 113px;
	display: block;
	float: left;
	text-decoration: none;
	}	

#intcontainerBottomnav #growth {	
	width: 154px;
	height: 113px;
	display: block;
	float: left;
	text-decoration: none;
	}
	
#intcontainerBottomnav #messages {
	width: 154px;
	height: 113px;
	display: block;
	float: left;
	text-decoration: none;
	}	
	
#intcontainerBottomnav #give {
	width: 157px; 
	height: 113px;
	display: block;
	float: left;
	text-decoration: none;
	}	

#intcontainerBottomnav span{
	visibility: hidden;	
	}		
	
#containerFooter {
	min-height: 70px;
	background-color: #2d251f;
	}				
	
#navFooter {
	width: 950px;
	margin:0 auto;
	}

	
#navFooter ul {
	list-style-type: none;
	padding-top: 5px;
	text-align: left;
	float: left;
	width: 700px;
	}
	
#navFooter ul li { 
	display: inline; 
	}

#navFooter ul li a {
	padding: 0 0 0 5px;
	margin-right: 8px;
	font-size: 14px;
	color: #008eb0;
	text-decoration: none;	
	}

#navFooter ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;	
	} 	
	
#navFooter #copyright {
	width: 250px;
	float: right;
	text-align: right;
	color: #8b8683;
	padding-top: 5px;		
	}
	
.twitter {
background: transparent url(images/footer_twitter_icon.jpg) no-repeat 0 0; 
display:block;
height:22px;
margin: 10px 10px 0px 0px;
width:22px;	
float: left;
}
	
.facebook {
background: transparent url(images/footer_facebook_icon.jpg) no-repeat 0 0; 
display:block;
height:22px;
margin: 10px 10px 0px 0px;
width:22px;	
float: left;
}
		
.youtube {
background: transparent url(images/footer_youtube_icon.png) no-repeat 0 0; 
display:block;
height:22px;
margin: 10px 10px 0px 0px;
width:22px;	
float: left;
}
			
	
#sig { 	
	margin: 3px 0px 0px 0px;  
	display: block;
	float: right;
	background: transparent url(images/siteby.jpg) no-repeat 0 0; 
	width: 132px; 
	height: 22px;	
	} 

#sig span {
	display: none;
	}			
			 
/**COMMON STYLES**/
a {
	color: #56E0FF;
	}
	
a:hover {
	color: #56E0FF;
	text-decoration: none;
	}	

.clear {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
	}	

a img {
	border: none;
	} 	

ol {
	margin: 5px 0 20px 35px;
	}
	
#intcolRight ul li.linkcat {
	list-style-type: none;
	}	
#intcolRight ul li.linkcat h2 {	
	margin-left: -20px;
	}
/**COMMON STYLES**/

/* 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 15px;
	display: inline;
	}

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

.alignright {
	float: right;
	}

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

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform {
	width: 500px;
	background-color: #a18670;
	padding: 10px;
	width: 430px;
	margin: 0 auto;
	border:1px solid #695749;
	margin-top: 10px;
	}

#commentform input {
	border:none;
	border-top: 1px solid #f0f0f0; 
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 408px;
	}

#commentform #submit {
	background:transparent url(images/button-bg.gif) repeat-x scroll 0 0;
	color:#171310;
	font-size:0.8em;
	margin:5px 3px 4px 0;
	padding:5px;
	width:150px;
	}
/* End Form Elements */

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
	padding:0 12px 10px 8px;
	}
/* End Various Tags & Classes*/
	
#search_box {
	float: right;
    width: 262px;
    height: 22px;
	padding: 8px 4px 0 0;
    background: url(images/bg_search.jpg) no-repeat 53px 8px;
	}
	
#search_box p {
	font-size: 14px;
	float: left;
	width: 53px;
    line-height: 22px;
	}	
	
#search_form {
	width: 209px;
	float: left;  
	text-align: right; 
	}
		
#search_box #s {
    float: left;
    border: 0;
    width: 168px;
	height: 15px;
	padding: 4px 0 0 6px;
    background: none;
    font-size: 13px;
	color: #171310;
	}
	
#search_box #go {
    float: right;
	border: 0;
	}