/*
	extends core.css
	contains all design specific styles
	
	All attributes in alpha-numeric order starting from 0-9 A-Z
	x = horizontal, y = vertical
	property: trbl, tb rl, t rl b, t r b l;
	bg shorthand: background: color url() repeat vertical-position horizontal-position;
	All font names should be quoted "Arial" 
	However, font families like Serif, Sans-Serif and Monospace do not need quotes.
*/

/* don't forget to update this file name accordingly */
@import url("inspire_core.css");

/* COLORS
-----------------------------------------------------------------------------
	
	#hex (desc)
	
*/

/* TABLE OF CONTENTS
-----------------------------------------------------------------------------

	=WRAP
	=HEADER
	=MASTHEAD
	=CONTENT-WRAP
		=MAIN CONTENT
		=SIDEBAR
	=FOOTER
		
*/

body{
	background: #00000e   url(../content/bg-main.jpg) repeat-x center 0;
	color: #333333;
}
	#wrap{
		margin: 0 auto;
		width: 940px;
	}

/* =HEADER
----------------------------------------------------------------------------- */

#header{
	height: 60px;
	position: relative;
}
	#header h1,
	#header h1 a:link,
	#header h1 a:visited,
	#header div,
	#header div a:link,
	#header div a:visited{
		background: url(../content/logo.png) no-repeat 0 0;
		height: 35px;
		margin-top: 10px;
		width: 259px;
	}
		#header h1 a:link,
		#header h1 a:visited,
		#header div a:link,
		#header div a:visited{
			display: block;
			margin-top: 0;
			text-indent: -1300em;
		}
	#header ul{
		position: absolute;
		right: 0;
		top: 0;
		width: 700px;
	}
		#header ul li,
		#header ul li a:link,
		#header ul li a:visited{
			color: #fcfdfd;
			display: block;
			float: right;
			font: normal 13px/31px "Century Gothic", "Arial", sans-serif;
			height: 31px;
			text-decoration: none;
			text-transform: uppercase;
		}
			#header ul li a:link,
			#header ul li a:visited{
				margin-right: 5px;
				padding-right: 10px;
			}
				#header ul li a span{
					background: none;
					display: block;
					height: 31px;
					padding-left: 13px;
				}
				#header ul li a:hover,
				#header ul li#current a:link,
				#header ul li#current a:visited{
					background: url(../content/nav-right.png) no-repeat right 0;
				}
					#header ul li a:hover span,
					#header ul li#current a:link span,
					#header ul li#current a:visited span{
						background: url(../content/nav-left.png) no-repeat 0 0;
					}
			#header ul li#register a:link,
			#header ul li#register a:visited{
				background: url(../content/btn-register.png) no-repeat 0 0;
				margin: 0 0 0 10px;
				padding-right: 0;
				text-indent: -1300em;
				width: 85px;
			}
				#header ul li#register a:hover{
					background-position: 0 -31px;
				}

/* =MASTHEAD
----------------------------------------------------------------------------- */

#masthead{
	margin-top: 15px;
	position: relative;}
	#flash{
		background: url(../content/flash-bg.png) no-repeat 0 0;
		height: 329px;
		margin-left: -4px;
		width: 724px;
	}
	#connect{
		background: url(../content/bg-connect.png) no-repeat 0 0;
		margin-right: -2px;
		position: absolute;
		right: 0;
		top: 4px;
		width: 222px;
		height: 320px;
	}
		#connect h2{
			background: url(../content/hl-connect.png) no-repeat 0 0;
			margin: 20px 0;
			text-indent:-1300em;
		}
		#connect ul{
			background: url(../content/line.png) no-repeat 0 0;
			list-style-type: none;
			margin-top: -20px;
			padding-left: 0;
		}
			#connect ul li{
				background: url(../content/line.png) no-repeat 0 bottom;
				font: normal 14px/18px "Century Gothic", "Arial", sans-serif;
				margin-left: 0;
				padding: 11px 0;
			}
				#connect ul li a{
					background: url(../content/flikr.png) no-repeat 0 0;
					padding-left: 25px;
					height: 18px;
				}
					#connect ul li#facebook a{background-image: url(../content/facebook.png);}
					#connect ul li#twitter a{background-image: url(../content/twitter.png);}
					#connect ul li#youtube a{background-image: url(../content/youTube.png);}
					#connect ul li#enews a{background-image: url(../content/email.png);}
					#connect ul li a:hover{
						background-position: 0 -18px;
					}
				#connect ul li a:link,
				#connect ul li a:visited{
					color: #a4b1b9;
					text-decoration: none;
				}
					#connect ul li a:hover{color: #ffffff;}
				#connect ul#flikr{
					background: none;
					height: 70px;
					margin-top: 0;
				}
					#connect ul#flikr li{
						background-image: none;
						float: left;
						padding-right: 10px;
					}
						#connect ul#flikr li img{
							border: 3px solid #a4b1b9;
							height: 55px;
							width: 55px;
						}

/* =CONTENT-WRAP
----------------------------------------------------------------------------- */

#content-wrap{
	margin-top: 25px;
	position: relative;
}
	#main-content{
		float: left;
		width: 700px;
	}
		#main-content h1{
			background: transparent url(../content/content-line.png) no-repeat 0 bottom;
			color: #c56729;
			font: 30px/40px "Century Gothic", "Arial", sans-serif;
			margin: 15px 0;
			padding-bottom: 15px;
		}
		#main-content p{
			color: #c1ced8;
			font: normal 18px/26px "Georgia", "Arial", sans-serif;
			margin-top: 10px;
		}
			#main-content #body-text p{
				color: #aaaeb2;
				font: normal 12px/22px "Century Gothic", "Arial", sans-serif;
				padding: 0;
			}
			#main-content p span.orange{
				font-size: 11px;
				font-style: italic;
				color: #c56729;
			}
				#main-content .orange{color: #c56729;}
			#main-content h2{
				color: #049dc6;
				font: normal 18px/28px "Century Gothic", "Arial", sans-serif;
			}
			#body-text img.content{
				border: 3px solid #86949d;
				float: right;
				margin: 0 0 15px 15px;
			}
			#main-content span.time{
				color: #c56729;
				display: block;
				float: left;
				font: italic 12px/22px "Georgia", "Arial", sans-serif;
				width: 110px;
			}
			
		#main-content form{
			background: transparent url(../content/box.png) repeat 0 0;
			border: 1px solid #333333;
			margin: 15px 0;
			padding: 15px;
		}
			#main-content form.paypal{
				background: none;
				border: none;
				padding: 0;
			}
			#main-content label{
				font: normal 16px/20px "Century Gothic", "Arial", sans-serif;
				color: #cccccc;
				display: block;
				margin: 0 15px 0 0;
			}
				#main-content em.error{
					font: italic 11px "Georgia", "Times", serif;;
					color: #c56729;
				}
			#main-content input, 
			#main-content select{
				background-color: #cccccc;
				margin: 0 0 10px;
				padding: 2px 5px 4px 5px;
			}
				#main-content input.error{
					background-color: #d08f66;
					border: 1px solid #c56729;
				}
				#main-content select{
					display: block;
					float: left;
					width: 160px;
				}
				#main-content form div.field{
					float: left;
					width: 330px;
				}
				#main-content form div.city{
					float: left;
					width: 260px;
				}
				#main-content form div.state{
					float: left;
					width: 180px;
				}
				#main-content form div.zip{
					float: left;
					width: 80;
				}
				#main-content form div.full{
					display: block;
					float: left;
					width: 600px;
				}
				#main-content input.small{width: 50px;}
				#main-content input.medium{width: 230px;}
				#main-content form input.submit{
					clear: both;
					margin-top: 20px;
					background: none;
					border: none;
					width: 93px;
					height: 31px;
					margin-right: 200px;
				}
					#main-content form input.donate{
						width: 121px;
						height: 39px;
						background: none;
						border: none;
						margin-left: -9px;
					}
					#main-content form #largecheck .check input{
						display: inline;
						width: 20px;
					}
					#main-content form #largecheck .check h5{
						color: #cccccc;
						display: inline;
						font-weight: normal;
						width: 180px;
					}
					#main-content form #largecheck .check{
						float: left;
						width: 200px;
					}
						#main-content textarea{width: 490px;}
			
				#main-content #blog-form form{
					float: left;
					padding: 20px;
					width: 310px;
				}
					#main-content #blog-form textarea{width: 300px;}
					
					#main-content #live-preview{
						float: left;
						padding-left: 20px;
						width: 310px;
					}
					
						#main-content #body-text #live-preview h3{
							color: #c56729;
							font: bold 18px/18px "Georgia", "Times", sans-serif;
						}
						#live-preview h3 span{
							color: #564422;
							font: italic 14px/18px "Georgia", serif;
						}
						#preview{
							padding: 10px;
							width: 310px;
						}
						#blog input#comment-btn{
							background: transparent url(../images/site/btn-comment.jpg) no-repeat 0 0;
							border: none;
							display: block;
							height: 22px;
							margin-bottom: 20px;
							width: 133px;
						}
						#live-preview p{
							margin-top: 20px;
						}
			
			#main-content #body-text h2{
				background: transparent url(../content/content-line.png) no-repeat 0 12px;
				padding: 20px 0 0;
			}
				#main-content #body-text h2 a{
					font-weight: normal;
					text-decoration: none;
				}
					#main-content #body-text h2 a:hover{text-decoration: underline;}
			#main-content #body-text #body-text h3,
			#main-content h3{
				color: #c56729;
				font: italic 12px/22px "Georgia", "Arial", sans-serif;
				margin-bottom: -15px;
			}
			#main-content #body-text ul li{
				color: #cccccc;
				font: normal 12px/20px "Century Gothic", "Arial", sans-serif;
				margin: 5px 0 0 25px;
			}
			 
		#main-content a, 
		#sidebar a{
			color: #049dc6;
			font-weight: bold;
		}
		#blog{
			background: url(../content/bg-sidebar-btm.png) no-repeat 0 bottom;
			float: left;
			margin: 30px 20px 0 0;
			width: 220px;
		}
			#inside #blog{
				float: none;
				margin: 0 0 20px 0;
			}
			#blog #blog-int{
				background: url(../content/bg-sidebar.png) no-repeat 0 0;
				display: block;
				margin-bottom: 15px;
				padding-top: 15px;
			}
				#inside #blog{padding-bottom: 1px;}
				#inside #blog #blog-int{margin-bottom: 14px;}
				#blog h3{
					background: url(../content/hl-bloggable.png) no-repeat 0 0;
					text-indent: -1300em;
					margin: 0 15px 15px 15px;
				}
				#blog ul{
					background: url(../content/blog-line.png) no-repeat center top;
					margin-bottom: 10px;
				}
					#blog ul li{
						background: url(../content/blog-line.png) no-repeat center bottom;
						list-style: none;
						padding: 10px;
					}
						#blog ul li span.month{
							background: url(../content/bg-date.png) no-repeat 0 0;
							color: #a5b0b7;
							display: block;
							float: left;
							font: 12px/12px "Century Gothic", "Arial", sans-serif;
							height: 54px;
							letter-spacing: 1px;
							padding-top: 3px;
							text-align: center;
							text-transform: uppercase;
							width: 46px;
						}
							#blog ul li span.number{
								background: none;
								color: #c56729;
								display: block;
								float: left;
								font: normal 35px/35px "Georgia", "Times New Roman", serif;
								margin-top: -2px;
								text-align: center;
								width: 46px;
							} 
					#blog ul li a{
						display: block;
						float: left;
						font: normal 12px/16px "Century Gothic", "Arial", sans-serif;
						padding-left: 10px;
						text-decoration: none;
						width: 130px;
					}
			#blog #blog-btn,
			#blog #blog-btn a:link,
			#blog #blog-btn a:visited{
				background: url(../content/btn-blog.png) no-repeat 0 0;
				height: 31px;
				float: right;
				margin: 0 15px 0 0;
				text-indent: -1300em;
				width: 58px;
			}
				#blog #blog-btn a:link,
				#blog #blog-btn a:visited{
					display: block;
					margin: 0;
				}
					#blog #blog-btn a:hover{
						background-position: 0 -31px;
					}
		
		#whats-new{
			background: transparent url(../content/whats-new-line.png) no-repeat 0 47px;
			float: left;
			margin-top: 30px;
			position: relative;
			width: 460px;
		}
			#whats-new h2{
				background: url(../content/hl-whats-new.png) no-repeat 0 0;
				text-indent: -1300em;
				height: 27px;
				margin: 2px 0 15px;
				width: 247px;
			}
			
			#whats-new #follow,
			#whats-new #follow a:link,
			#whats-new #follow a:visited{
				background: url(../content/btn-follow.png) no-repeat 0 0;
				height: 31px;
				position: absolute;
				right: 0;
				text-indent: -1300em;
				top: 0;
				width: 128px;
			}
				#whats-new #follow a:link,
				#whats-new #follow a:visited{
					display: block;
					margin: 0;
				}
					#whats-new #follow a:hover{background-position: 0 -31px;}
			#whats-new .tweet{
				padding-top: 7px;
				position: relative;
			}
				#whats-new .tweet img{
					border: 3px solid #86949d;
					left: 0;
					position: absolute;
					top: 25px;
				}
				#whats-new .tweet p{
					display: block;
					font: normal 12px/22px "Century Gothic", "Arial", sans-serif;
					margin-left: 68px;
					width: 380px;
				}
					#whats-new .tweet p a{
						font-weight: normal;
						text-decoration: none;
					}
					#whats-new .tweet p span{
						color: #c56729;
						font: italic 12px/22px "Georgia", "Times New Roman", serif;
					}
					#whats-new .tweet p span span{
						color: #c1ced8;
						font: normal 10px/22px "Century Gothic", "Arial", sans-serif;
					}
		
	#sidebar{
		position: absolute;
		right: 0;
		width: 220px;
	}
		#inside #sidebar{
			position: relative;
			float: right;
		}
		#sidebar ul#buttons li,
		#sidebar ul#buttons li a:link,
		#sidebar ul#buttons li a:visited{
			background: url(../content/sponsor-btn.png) no-repeat 0 0;
			height: 82px;
			list-style: none;
			margin-bottom: 15px;
			text-indent: -1300em;
			width: 220px;
		}
			#sidebar ul#buttons li#register,
			#sidebar ul#buttons li#register a:link,
			#sidebar ul#buttons li#register a:visited{background-image: url(../content/btn-register-big.png);}
			
			#sidebar ul#buttons li#donate,
			#sidebar ul#buttons li#donate a:link,
			#sidebar ul#buttons li#donate a:visited{background-image: url(../content/btn-donate-big.png);}
			
			#sidebar ul#buttons li.wake,
			#sidebar ul#buttons li.wake a:link,
			#sidebar ul#buttons li.wake a:visited{background-image: url(../content/btn-wake-the-silence.png);}
			
			#sidebar ul#buttons li.fellowship,
			#sidebar ul#buttons li.fellowship a:link,
			#sidebar ul#buttons li.fellowship a:visited{background-image: url(../content/btn-fellowship.png);}
			
			#sidebar ul#buttons li.greatworship,
			#sidebar ul#buttons li.greatworship a:link,
			#sidebar ul#buttons li.greatworship a:visited{background-image: url(../content/btn-greatworship.png);}
			
			#sidebar ul#buttons li a:link,
			#sidebar ul#buttons li a:visited{
				display: block;
				margin: 0;
			}
				#sidebar ul#buttons li a:hover{
					background-position: 0 -82px;
				}
				
	#list{
		background: transparent url(../content/content-line.png) no-repeat 0 0;
		margin-top: 15px;
	}
		.session{
			background: transparent url(../content/content-line.png) no-repeat 0 bottom;
			float: left;
			margin-right: 25px;
			padding: 10px 0;
			width: 335px;
		}
			.other{
				margin-right: 0;
			}
			
			.session img,
			img#speaker_image{
				border: 3px solid #86949d;
				display: block;
				float: left;
				margin: 7px 15px 10px 0;
			}
			#main-content .session h2{
				color: #049dc6;
				font: normal 18px/28px "Century Gothic", "Arial", sans-serif;
				margin-bottom: 6px;
			}
				#main-content .session h2 a:link,
				#main-content .session h2 a:visited{
					font-weight: normal;
					text-decoration: none;
				}
			#main-content .session p{
				color: #d5dde3;
				font: normal 12px/22px "Century Gothic", "Arial", sans-serif;
				margin: 5px 0;
			}
				#main-content .session p small{font: italic 12px/22px "Georgia", "Times New Roman", serif;}
				#main-content .session p a:link,
				#main-content .session p a:visited{color: #c56729;}
	
/* =FOOTER
----------------------------------------------------------------------------- */

#footer{
	background: url(../content/content-line.png) repeat-x center 0;
	margin-top: 40px;
	width: 940px;
}
	#footer ul{
		margin: 0 auto;
		padding: 20px 0 40px;
		width: 700px;
	}
		#footer ul li,
		#footer ul li a:link,
		#footer ul li a:visited{
			color: #86949d;
			float: left;
			font: 12px/30px "Century Gothic", "Arial", sans-serif;
			list-style: none;
			margin-left: 20px;
			text-decoration: none;
			text-transform: uppercase;
		}
			#footer ul li a:link,
			#footer ul li a:visited{margin-left: 0;}
				#footer ul li a:hover{
					color: #ffffff;
					text-decoration: underline;
				}