/* First Christian Church of Tallahassee				*/
/*	Main Style Sheet								*/
/* by Jack L. Wolfgang II							*/
/* 07 May 2006 A.D.								*/
/* Last Updated:  13 July 2009 A.D.					*/

@media all {

/* Body Rules										*/

html			{	background:			#ffffff none	}

body			{	background:			#ffffff none;
				color:				#000000;
				font-style:			normal;
				font-weight:			normal		}

/* END Body Rules									*/

/* Header, Footer, and Column Layout					*/

/*  I hate IE hacks, but they are a necessary evil. 	*/
/* 	IE ignores the next rule, so all other browsers	*/
/* 	implement it.									*/
/* Hack Src: 										*/
/* 	http://www.ibloomstudios.com/article7/ 			*/

*:lang(en) #Content
			{	float:				none			}
			
#Content		{	float:				left;
				margin:				0;
				padding-top:			0;
				width:				auto			}
				
#Content .column
			{	float:				left;
				margin-bottom:		1.0em;
				position:			relative		}
				
div.SidebarLeft
			{	padding-left:			215px;
				padding-right:		0			}
				
div.SidebarRight
			{	padding-left:			0;
				padding-right:		215px		}
				
div.SidebarBoth
			{	padding-left:			215px;
				padding-right:		215px		}
				
#center		{	font-size:			1.2em;
				margin-top:			0;
				padding-top:			0;
				width:				100%			}
				
#left		{	margin-top:			0;
				margin-left:			-215px;
				padding-top:			0;
				padding-right:		015px;
				width:				200px		}
				
#right		{	font-size:			1.0em;
				margin-top:			0;
				margin-left:			0;
				margin-right:			-100%;
				padding-top:			0;
				padding-left:			015px;
				width:				200px		}
				
#footer		{	border-top-color:		#990000;
				border-top-style:		solid;
				border-top-width:		2px;
				clear:				both;
				margin-top:			15px;
				padding:				0;
				padding-top:			5px;
				width:				100%			}

/* END Header, Footer, and Column Layout				*/

/* When Visibility is Better Implemented, 			*/
/* 	the Positioning will be unnecessary				*/

.hide		{	left:				-51400px;
				position:			absolute;
				visibility:			collapse		}

/* Main Title Rules								*/

h1#Title		{	border-style:			none;
				display:				block;
				position:			relative;
				text-align:			left;
				vertical-align:		middle		}

h1#Title a, h1#Title a:LINK, h1#Title a:HOVER,
	h1#Title a:ACTIVE, h1#Title a:VISITED
			{	color:				#990000;
				text-decoration:		none			}

/* Image Replacement Routine:  I independently came up	*/
/* 		with this, because putting the image in the	*/
/* 		background  does not print!					*/

/* Set the width of the header to 100%-->overflow to 	*/
/*    auto.  Push the text to the back.				*/

h1#Title		{	font-size:			0.8em;
				height:				65px;
				overflow:			hidden;
				margin-bottom:		0;
				padding:				0;
				vertical-align:		bottom;
				z-index:				0			}

/* Overlay the text with the white 1x1 picture file	*/
/* 		to hide.									*/
/* Width set to 97% to prevent scrolling in IE?		*/

h1#Title img.FakeBG
			{	bottom:				0;
				border:				none;
				height:				100%;
				left:				0;
				margin:				0;
				padding:				0;
				position:			absolute;
				width:				97%;
				z-index:				1			}

/* Finally, overlay the logo on the white			*/
/* 		background								*/

h1#Title img.logo
			{	bottom:				0;
				color:				#ffffff;
				font-size:			xx-small;
				left:				0;
				position:			absolute;
				z-index:				2			}

/* END Title Styling								*/

/* Heading Styles									*/

h1, h2, h3, h4, h5, h6
			{	text-align:			center		}

h2			{	font-size:			175%			}

h3			{	font-size:			130%			}

h4			{	font-size:			110%			}

.LessonAudio, .NoCenterHead
			{	text-align:			left			}

.LessonAudio	
			{	font-size:			1.0em;
				font-weight:			normal		}

#right h1, #right h2, #right h3
			{	font-weight:			bold			}

#right h4 	{	font-weight:			normal		}

#right h1	{	font-size:			1.4em		}

#right h2	{	font-size:			1.2em		}

#right h3, #right h4
			{	font-size:			1.2em		}

.TopHead 	{	margin-top:			0;
				padding-top:			0			}

/* END Heading Styles								*/

/* Justification Class Rules						*/

.Center, .Centered
			{	text-align:			center		}

.LeftJustify	{	text-align:			left			}

.RightJustify	{	text-align:			right		}

/* END Justification Class Rules					*/

/* List Rules										*/

dl dt		{	font-weight:			bold;
				padding-top:			0.75em;
				padding-bottom:		0.50em		}

dl dd		{	font-weight:			normal		}

ol.Roman, ol.Outline	
			{	list-style-type:		upper-roman	}

ol.Alpha, ol.Outline ol	
			{	list-style-type:		upper-alpha	}

ol.Arabic, ol.Outline ol ol	
			{	list-style-type:		decimal		}

ol.LowerAlpha, ol.Outline ol ol ol
			{	list-style-type:		lower-alpha	}

		
ol.LowerRoman, ol.Outline ol ol ol ol
			{	list-style-type:		lower-roman	}

ul			{	margin-top:			0px;
				margin-bottom:		0px;
				padding-top:			0%;
				padding-bottom:		0%			}

li			{	width:				100%			}

li#feed img	{	display:				inline;
				text-decoration:		none			}

div#right ul li ul
			{	margin-left:			0.75em;
				padding-left:			0			}

ul#logins, ul.NoBullets
			{	list-style:			none			}

ul#logins li	{	display:				inline;
				float:				left;
				padding-left:			10px;
				vertical-align:		bottom;
				width:				auto			}

				
ul.NoBullets	{	margin-left:			0;
				padding-left:			0			}

/* Pipe List (Pipe Separated List Items)				*/
/* Based on the PipeDream List Layout				*/
/* http://lumino.us/weblog/pipe_dream				*/

ul.PipeList	{	list-style:			none;
				margin:				0;
				overflow:			hidden;
				padding:				0;
				width:				100%			}

ul.PipeList li
			{	border-left-color:	#000;
				border-left-style:	solid;
				border-left-width:	1px;
				float:				left;
				line-height:			+1.1em;
				margin-top:			+0.10em;
				margin-bottom:		+0.10em;
				margin-left:			-0.5em;
				margin-right:			+0.5em;
				padding:				00;
				padding-left:			+0.5em;
				padding-right:		+0.5em;
				width:				auto			}

/* END Pipe List									*/

/* END List Rules									*/

/* Biblio (Title, Date, Author) Info Rules			*/
/* Used for lesson posts							*/

div.Biblio	{	display:				block;
				margin-top:			2em			}

div.Biblio h3	{	background-color:		#dddddd;
				color:				#000000;
				margin-bottom:		0;
				margin-top:			0;
				text-align:			left			}

div.Biblio p.author
			{	margin-top:			0			}

span.LessonDate
			{	background-color:		#ffffff;
				border-color:			#000000;
				border-style:			solid;
				border-width:			2px;
				color:				#000000;
				display:				block;
				float:				left;
				margin:				0;
				margin-bottom:		10px;
				margin-right:			10px;
				padding:				5px;
				padding-top:			10px;
				padding-bottom:		10px;
				position:			relative		}

span.LessonDate abbr
			{	border-style:			none;
				text-decoration:		none			}

span.LessonDate span
			{	display:				block;
				font-size:			small;
				text-align:			center		}

span.LessonDate span.DayNumb
			{	font-size:			large;
				font-weight:			bold			}

/* END Biblio Rules								*/

/* Rules for Lesson Power Point Title Slides			*/

div.PPTslide	{	display:				block;
				float:				right;
				margin:				0;
				padding:				0;
				padding-left:			10px;
				padding-bottom:		10px			}

div.PPTslide img
			{	border-color:			#000000;
				border-style:			solid;
				border-width:			2px;
				height:				225px;
				margin:				0;
				padding:				0;
				width:				300px		}

/* END Lesson Power Point Title Slide Rules			*/

/* Search Results									*/

.ResultTitle	{	margin-left:			0;
				text-align:			left			}

.ResultDescription
			{	margin-left:			5%			}

/* END Search Results								*/

/* Link Rules										*/

a			{	background:			transparent none;
				font-weight:			bold;
				text-decoration:		underline	}

a:LINK		{	color:				#990000		}

div#Content a:HOVER, div#Content a:ACTIVE
			{	background-color:		#e7e7b8;
				background-image:		none;
				border-top-color:		#990000;
				border-top-style:		solid;
				border-top-width:		1px;
				border-bottom-color:	#990000;
				border-bottom-style:	solid;
				border-bottom-width:	1px;
				color:				#990000		}

a:VISITED	{	color:				#666666		}

/* END Link Rules									*/

/* Horizontal Rule Rules							*/

hr			{	text-align:			center;
				margin-top:			0.5em;
				margin-bottom:		0.5em		}

hr.SoftBreak	{	width:				50%			}

/* END Horizontal Rule Rules						*/

/* 300px wide Static Map Rules						*/

p.Map300		{	display:				block;
				margin-left:			auto;
				margin-right:			auto;
				width:				300px		}

p.Map300 a	{	text-decoration:		none			}

p.Map300 a:HOVER, p.Map300 a:ACTIVE
			{	background-color:		transparent;
				background-image:		none;
				border-top-color:		transparent;
				border-top-style:		none;
				border-top-width:		0;
				border-bottom-color:	#990000;
				border-bottom-style:	solid;
				border-bottom-width:	1px;
				color:				#990000		}

/* END 300px wide Static Map Rules					*/

/* Scripture Markup Rules							*/

.scripture, .title
			{	font-style:			italic		}

blockquote.scripture	
			{	margin-bottom:		0;
				margin-left:			0;
				padding-bottom:		0;
				padding-left:			0			}

blockquote.scripture p
			{	margin-top:			0.25em;
				padding-top:			0.50em;
				margin-bottom:		0;
				padding-bottom:		0			}

div.Bible p.cite
			{	margin-top:			0;
				margin-left:			50%;
				padding-top:			0			}

/* END Scripture Markup Rules						*/

/* Footer Rules									*/

address, div#Updated
			{	font-style:			italic		}

#footer address
			{	clear:				none			}

#FootLeft	{	clear:				none;
				float:				left;
				margin-top:			0;
				padding:				0;
				width:				50%			}

#FootRight	{	clear:				none;
				display:				block;
				float:				right;
				height:				100%;
				margin-top:			0;
				padding:				0;
				width:				45%			}

#logins		{	bottom:				0;
				clear:				none;
				float:				right;
				height:				100%;
				margin-top:			0;
				padding:				0;
				vertical-align:		bottom		}

#logins img	{	margin:				0;
				padding:				1px			}

/* END Footer Rules								*/

/* Miscellaneous Rules								*/

.SmallText	{	font-size:			x-small		}

.Subtitle	{	margin-top:			0;
				padding-top:			0			}

.WithSub		{	margin-bottom:		0;
				padding-bottom:		0			}

.footnote	{	font-size:			small		}

img			{	border:				0			}

q:before, q:after
			{	content:				""			}

/* Put a space under the posts to separate from the	*/
/* 		next post								*/

div.post		{	padding-bottom:		0.25em		}

/* END Miscellaneous Rules							*/

}

/* All Media Rules								*/

/* END Style Sheet								*/