/* @override http://www.thecityaustin.com/css/styles.css */

/*=====
SITE: The City Community Church
FILE: styles.css
CREATED: 3/4/2008
MODIFIED:9/12/2008
AUTHOR: Ben Otero (ben@churchplantmedia.com)

TOC
I.		GLOBALS
II. 	HEADER
III.	NAVIGATION
IV.		PRIMARY CONTENT
V.	 	SECONDARY CONTENT
VI. 	FOOTER
VII.	CALENDAR
VIII.	SERMON SECTION
XI.		MISCELLANEOUS

=====*/

/* @group GLOBALS */
html					{ height:100%; }
/*body					{ 
						  background:#fdf4d3; font-size:62.5%; font-family:helvetica, arial, verdana, sans-serif; color:#5a4a42; 
						  margin:0; padding:0; height:100%;
						}*/ /*5a4a42   #5D826E*/
/*body					{ 
						  background:#000000; font-size:62.5%; font-family:helvetica, arial, verdana, sans-serif; color:#ffffff; 
						  margin:0; padding:0; height:100%;
						}*/
body					{ 
						  background:url(/images/amh2.jpg) #000000 no-repeat center top; font-size:62.5%; font-family:helvetica, arial, verdana, sans-serif;        
                          color:#ffffff; margin:0; padding:0; height:100%;
						}


#outer-container		{  display:block; }
/*#outer-container		{ background:url(/images/amh2.png) #000000 repeat-x; center top; display:block; }*/
/*#outer-container		{ background:url(/images/outer_container_3.jpg) no-repeat center top; display:block; }*/
/*#outer-container		{ background:url(/images/outer_container_3.jpg) no-repeat center top; position:relative; min-height:100%; }*/
/*#home #outer-container	{ background:url(/images/home_outer_container_bg.jpg) no-repeat center top; padding-bottom:0; }*/
#container				{ margin:0 auto; width:900px;  }
* html #outer-container	{ height:100%; }
#mainContent			{ padding-bottom:40px; }
#home #mainContent		{ padding:0; }
.show 					{ display:block; }
.hidden, hr				{ display:none; }

/*.clearfix:after 		{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }*/
.clearfix 				{ display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix 		{ height: 1%;}
/*.clearfix 				{ display: block;}*/
/* End hide from IE-mac */

/* @end */

/* @group HEADER
#logo {
	display: block; margin-top:10px;
	height: 50px;
	width: 230px;
	background-image: url(/images/ccclogo_dark2.png);
} */
#logo {
	display:inline; margin-top:0px; margin-bottom:5px;
	height: 50px;
	width: 230px;
	background-image: url(/images/ccclogo_dark2.png);
}
#header				{ position:relative; z-index:1000; height:25px; margin-bottom:0px; }
#skip				{ position:absolute; top:-999em; left:-999em; }
#header h1,
#header h1 a		{ display:block; width:227px; height:43px; }
#header h1 			{ 
					  position:absolute; top:32px; left:8px; background:url(/images/logo3.gif) no-repeat; text-indent:-999em; 
					  margin:0; padding:0; display:none; 
					}
#header h1 a:focus	{ outline:none; }

#topbar				{ position:absolute; top:0; right:-2px; }
/*#topbar p			{ margin:11px 0 0; padding:0; font-size:1.1em; color:#5a4a42; }*/
#topbar p			{ margin:11px 0 0; padding:0; font-size:1.1em; color:#ffffff; }
#topbar p b			{ font-weight:normal; color:#ffffff; }
#topbar a			{ 
					  padding:2px; color:#fff; text-transform:uppercase; 
					  text-decoration:none; background:#5a4a42; margin-left:0px; 
					}
#topbar a:hover			{ 
					  padding:2px; color:#fff; text-transform:uppercase; 
					  text-decoration:none; background:#e4182b; margin-left:0px; 
					}
/* @end */

/* @group NAVIGATION */
#nav, #nav * 		{ list-style:none; margin:0; padding:33px 0px 0px;}
/*#nav				{ 
					  position:absolute; top:88px; height:41px; width:840px; border-top:1px solid #bbbbbb; 
					  border-width:1px 0; z-index:1001;
					}*/
#nav				{ 
					 display:inline; height:50px; width:840px; border-top:1px solid #bbbbbb; 
					  border-width:1px 0; z-index:1001;vertical-align: bottom; margin-top:50px; 
					}
#nav li 			{ cursor:pointer;float:left;}
#nav li#nav_home	{ margin-left:-12px; }
#events #nav_home a,
#sermons #nav_home a,
#articles #nav_home a,
#nav li a 			{ 
					  display:block; font:1.4em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, verdana, sans-serif; 
					  color:#ffffff; text-decoration:none; padding:0 18px; text-transform:uppercase; font-weight: bold;
					}
/*
#nav li a 			{ 
					  display:block; font:1.4em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, verdana, sans-serif; 
					  color:#ffffff; text-decoration:none; padding:0 18px; line-height:43px; text-transform:uppercase; font-weight: bold;
					}
*/
#events #nav_events a,
#sermons #nav_media-library a,
#articles #nav_media-library a,

#events #nav_home a:hover,#sermons #nav_home a:hover, #articles #nav_home a:hover,
#nav li a:hover,
#nav li.current a	{ color:#fc3043; }
#nav li ul 			{ display:none;}

/* @end 5a4a42*/

/* @group BANNER IMAGES */
#banner			{ 
				  display:block; width:840px; height:197px; background:url(/mediafiles/subpage-header.jpg) no-repeat; 
				  margin-bottom:20px; position:relative;
				} 
#home #banner	{ background:url(/mediafiles/home-header.jpg) no-repeat; height:341px; } 
/* @end */

/* @group PRIMARY CONTENT 676767 5a4a42*/
/*.column					{ float:left; width:240px; padding-right:20px; margin-right:15px; }*/
.column					{ float:left; width:224px; padding-right:10px; margin-right:5px; }
.last					{ margin:0; }
#primaryContent			{ padding-left:15px; float:left; width:545px; }
#primaryContent	a		{ color:#ff0000; }
#primaryContent a:hover	{ text-decoration:none }
#primaryContent	p,
#primaryContent li,
#primaryContent td		{ color:#ffffff; font-size:1.4em; line-height:1.5em; }
#primaryContent li p,
#primaryContent td p	{ font-size:1.1em; font-weight: lighter; text-align: left; }
img.left-align			{ float:left; margin:10px 10px 10px 0; }
img.right-align			{ float:right; margin:10px 0 10px 10px; }
img.no-border			{ border:0; }

#primaryContentOpenLetter			{ padding-left:15px; float:left; width:840px; }
#primaryContentOpenLetter	a		{ color:#676767; }
#primaryContentOpenLetter a:hover	{ text-decoration:none }
#primaryContentOpenLetter	p,
#primaryContentOpenLetter li,
#primaryContentOpenLetter td		{ color:#5a4a42; font-size:1.4em; line-height:1.5em; }
#primaryContentOpenLetter li p,
#primaryContentOpenLetter td p	{ font-size:1.1em; font-weight: lighter; text-align: left; }


	/* @group HEADINGS */
	#primaryContent h2		{ font-size:1.8em; color:#ffffff; text-transform:uppercase; margin:0;}
	#home .column h2		{ margin:0; font-size:1.8em; color:#ffffff; font-weight:bold; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; }
	#primaryContent h3		{ font-size:1.5em; color:#ffffff}
	#primaryContent h4		{ font-size:1.4em; color:#ffffff}
	#primaryContent h5		{ font-size:1.3em; color:#ffffff; }
	#primaryContent h6		{ font-size:1.2em; color:#ffffff; }
	
	/* ARTICLE HEADINGS */
	.article						{ padding-bottom:15px;  }
	h4.title						{ margin:0; text-transform:uppercase; }
	h4.title a						{ text-decoration:none; }
	#primaryContent h4.title a:hover{ text-decoration:underline; }
	.article p						{ margin-top:0; }
	/* @end */

	/* @group UPCOMING EVENTS */
	#upcoming-events			{ padding-left:10px;  }
	#upcoming-events.column h2	{ margin-bottom:6px; }
	#upcoming-events .event		{ padding:10px 0;  }
	#upcoming-events h4			{ margin:0; font-size:1.2em; font-weight:normal; color:#828181;padding-bottom: 2px; }
	#upcoming-events p			{ margin:0; font-size:1.1em; color:#5a4a42; line-height: 1.3em; }
	#upcoming-events p a		{ font-weight:bold; color:#5a4a42; }
	#upcoming-events p a:hover	{ text-decoration:underline; }
	/* @end */
	
	/* @group WELCOME */
    
#sidebar{
    float:left;
    display:inline;
    margin: 0px;
    width:180px;
    color:white;
    margin-right:10px;
}
/*
#sidebarheader{
    background:#83907f;
    padding:8px 4px 0px; display:block;
}
#sidebarheader h3{
    font-weight:normal;
    font-size:15px;
    color: #f7f6cd;
    line-height:1em;
    text-transform:uppercase;
    display:inline;
}
*/
#sidebarheader{
    background:#b2c1ac;
    padding:8px 4px 0px; display:block;
}
#sidebarheader h3{
    font-weight:normal;
    font-size:15px;
    color: #293124;
    line-height:1em;
    text-transform:uppercase;
    display:inline;
}
#sidebarcontents{
    display:block;
    background:black;
    padding:8px 4px 0px;
    height:80px;
    margin-bottom: 5px;
}
#sidebar p			{ margin:11px 0 0; padding:0; font-size:1.1em; color:#ffffff; }
#sidebar p b		{ font-weight:normal; color:#ffffff; }
#sidebar a			{ 
					  padding:2px; color:#fff; text-transform:uppercase; 
					  text-decoration:none; background:#000000; margin-left:0px; 
					}
#sidebar a:hover	{ 
					  padding:2px; color:#fff; text-transform:uppercase; 
					  text-decoration:none; background:#e4182b; margin-left:0px; 
					}


#flashloop						{ clear:both; display:block; width:900px; height:340px; position:relative; background:none; z-index: 1; }
#rotator 					{ z-index: 0; border: 0; overflow: hidden; margin: 0;  position:relative; margin-left: 10; }
/*
#rotator 					{ z-index: 0; border: 0; overflow: hidden; margin: 0;  position:absolute; top:0; left:0; width: 840px; height: 340px; }
    #welcome		{ margin-left:7px; position:relative; min-height:250px; padding-bottom: 12px; }
	#welcome p		{ font-size:1.2em; color:#5a4a42; line-height:1.6em; padding-top: 0px; }
	#welcome p a	{ 
					  display:block; padding:0px 20px 2px 0px;  
					  font-size:12px; text-transform:uppercase; color:#676767; 
					}
	#welcome a:hover{ color:#fc3043; }
    */
        
/*#welcome				{ position:absolute; top:11px; right:11px; padding:20px; width:245px; height:280px; background:#fff; overflow:hidden; z-index: 1000;}
#welcome				{ position:relative; margin-bottom:10px; width:900px;  height:100px; background:#FCF9B6; overflow:hidden; z-index: 1000;}*/
#welcome				{ position:relative; margin-bottom:10px; width:900px;  height:100px; background: url(/images/yellow.png) repeat;  overflow:hidden; z-index: 1000;}
#welcome h2				{ font-size:1.8em; color:#696969; font-weight:bold; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif; }
#welcome h3				{ font-size:1.8em; color:#374452; font-weight:normal; margin-top:0; }
#welcome p				{ font-size:1.1em; color:#3d3d3d; line-height:1.2em;}
#welcome .intro			{ font-size:1.4em; color:#516a85; line-height:1.3em; }

	/* @end */
	
	/* @group MEDIA */
	#media				{ margin-right:0; margin-left:8px; position:relative; min-height:245px; padding-bottom:55px; }
	#media.column h2	{ margin-bottom:0px; }
	#media .sermon		{ position:relative; padding:10px 0; }
	#media p, #media h4	{ margin:0; width:70%; }
	#media h4			{ font-size:1.3em; line-height:1.4em; color:#828181; }
	#media h4 a			{ color:#5a4a42; text-decoration:none; }
	#media h4 a:hover	{ text-decoration:underline; }
	#media p			{ font-size:1.2em; color:#5a4a42;}
	#media a.play		{ 
						  position:absolute; top:18px; right:-18px; text-indent:-999em;
						  display:block; background:url(/images/play_btn.gif) no-repeat; width:62px; height:25px;
						}
	#media a.play:focus	{ outline:none; }
	a.podcast			{ display:block; width:254px; height:42px; background:url(/images/podcast_btn.gif) no-repeat; text-indent:-999em; }
	.podcast:focus		{ outline:none; }
	#media a.podcast	{ position:absolute; bottom:0; padding-bottom: 5px; }
	/* @end */
	
	/* @group QUICKLINKS */
	#quicklinks			{ clear:both; margin-right:-50px; position:relative; margin-top: 10px; }
	#quicklinks a		{ margin-right:25px; }
	#quicklinks img		{ border:0; }
	/* @end */
/* @end */

#cityteams li { font-size: 14px; }


/* @group SECONDARY CONTENT */
#secondaryContent		{ float:right; width:220px; }

	/* @group SUBNAV */
	#subnav			{ background:#5a4a42; padding:4px; margin:0 15px 25px -18px; }
	#snav, #snav *	{ margin:0; padding:0; list-style:none; }
	#snav			{ border:1px solid #212121; padding:12px 18px; }	
	
	#sermons #snav_home,
	#events #snav_home,
	#articles #snav_home,
	#snav li							{ display:none; }
	
	#events #snav_events,
	#events #snav_events *,
	#sermons #snav_media-library,
	#sermons #snav_media-library *,
	#articles #snav_media-library,
	#articles #snav_media-library *,
	#snav li.current, #snav li.current *{ display:block; }
	
	#events li#snav_events a,
	#sermons li#snav_media-library a,
	#articles li#snav_media-library a,
	#snav li.current a					{ font-size:1.4em; font-weight:bold; color:#fff; text-decoration:none; text-transform:uppercase; border-bottom:1px solid #212121; display:block; line-height:27px; margin-bottom:10px;}
	
	#events #snav_events li a,
	#sermons #snav_media-library li a,
	#articles #snav_media-library li a,
	#snav li.current li a				{ font-size:13px; color:#939393; text-transform:none; font-weight:normal; margin:0; border:0; padding-left: 5px;padding-bottom:5px; }
	
	#events #snav_events li a:hover,
	#sermons #snav_media-library li a:hover,
	#articles #snav_media-library li a:hover,
	#snav li.current li a:hover			{ color:#fff; }
	
	
	#sermons #snav_media-library li#snav_media-library_sermons a,
	#articles #snav_media-library li#snav_media-library_articles a,
	#snav li.current li.current a		{background:url(/images/subnav_current.gif) no-repeat; color:#fff; position:relative;left:-12px; padding-left:18px; width:181px; }
	
	/* @end */
/* @end */

/* @group FOOTER padding-bottom: 40px; */
#footer				{ position:relative; height:5px; clear:both; }
#footer-inner		{ width:900px; padding:13px 0; margin:27px auto 0; }
#footer p			{ font-size:1.2em; color:#ffffff; margin:0; }
#footer a           { color:#dddddd; text-decoration:underline; }
#footer a#cpm		{ 
					  display:block; width:142px; height:22px; background:url(/images/cpm_logo.png) no-repeat; 
					  text-indent:-999em; margin-top:12px;
					}
#footer a#cpm:hover	{ background-position:left bottom; }
#footer form		{ background:url(/images/search_bg.png) no-repeat; margin:0; padding:0; width:244px; height:32px; margin-left: 17px;}
#footer fieldset	{ border:0; margin:0; padding:0; }
#footer form input	{ 
					  float:left; width:145px; background:none; border:0; padding:4px; 
					  margin:5px 0 0 9px; font-size:1.1em; color:#797979;
					}
#footer form a		{ 
					  display:block; position:relative; left:5px; top:0px; width:70px; height:25px;
					  float:left; text-indent:-999em;
					}
#footer form a:focus{ outline:none; }
#footer .column.last{ margin:0; width:270px; text-align:right; position:relative; right:-20px;}
/* @end */

/* @group SERMONS */
#filter select						{ width:200px; margin-left:5px;}
#filter a							{ margin-left:5px; }
.sermonbox							{ position:relative; padding:10px 0; border-bottom:1px solid #212121}
.sermonbox a						{ text-decoration:underline; }
.sermonbox a:hover					{ text-decoration:none; }
#primaryContent .sermonbox h5		{ margin:0;}
#primaryContent .sermonbox h5 span	{ font-size:11px; }
#primaryContent .sermonbox p		{ margin:0; }


.sermonbox ul					{ position:absolute; top:20px; right:10px; }
.sermonbox li					{ float:left; display:inline; margin-right:5px; }
.sermonbox li a					{ display:block; width:16px; height:16px; text-indent:-999em; }
.sermonbox li.sl_listen a		{ background:url(/images/play_icon_app.gif) no-repeat; }
.sermonbox li.sl_download a		{ background:url(/images/download_icon_app.gif) no-repeat; }
.sermonbox li.sl_notes a		{ background:url(/images/notes_icon_app.gif) no-repeat; }
.sermonbox li.sl_video a		{ background:url(/images/video_icon_app.gif) no-repeat; }
.sermonbox li a:focus			{ outline:none; }

	/* @group MEDIA BOX */
	#byline						{ margin:10px 0 0; padding:0; list-style:none; }
	#mediabox					{ float:right; background:#181818; border:1px solid #212121; padding:10px; margin:-88px 0 0 10px;; list-style:none; }
	#mediabox li 				{ padding:2px 0 0px 20px; }
	#mediabox li#mb_links		{ font-weight:bold; margin:-10px -10px 0; padding:10px; }
	#mediabox li#mb_jukebox		{ background:url(/images/play_icon_app.gif) no-repeat left 2px; }
	#mediabox li#mb_download	{ background:url(/images/download_icon_app.gif) no-repeat left 2px; }
	#mediabox li#mb_notes		{ background:url(/images/notes_icon_app.gif) no-repeat left 2px; }
	#mediabox li#mb_video		{ background:url(/images/video_icon_app.gif) no-repeat left 2px; }
	#mediabox li#mb_podcast		{ background:url(/images/feed_icon_app.gif) no-repeat left 2px; }
	#text						{ margin-right:10px;}
	/* @end */

	#subnav			{  padding:4px; }
	#snav, #snav *	{ margin:0; padding:0; list-style:none; }
	#snav			{ border:1px solid #212121; padding:18px; }

	/* @group HOW IT WORKS */
	#how-it-works, 	#sorting	{ background:#181818; padding:4px; margin:0 15px 25px -18px; }		
	#sorting ul,#how-it-works ul{ margin:0; padding:18px; list-style:none; border:1px solid #212121; }
	#how-it-works li			{ padding-left:20px; margin-bottom:1.5em; font-size:1.2em; color:#fefefd;}
	#sorting li#sort,
	#how-it-works li#works		{ font-size:1.6em; margin:0 0 1em -20px; color:#a2dffe; text-transform:uppercase; }
	#how-it-works li span		{ font-weight:bold; }
	#how-it-works li#play		{ background:url(/images/play_icon_app.gif) no-repeat; }
	#how-it-works li#notes		{ background:url(/images/notes_icon_app.gif) no-repeat; }
	#how-it-works li#video		{ background:url(/images/video_icon_app.gif) no-repeat; }
	#how-it-works li#save		{ background:url(/images/download_icon_app.gif) no-repeat; }
	/* @end */
	
	/* @group SORTING */
	#sorting li#sort			{ margin-left:0; }
	#sorting li a				{ font-size:1.2em; color:#a2dffe;  }
	#sorting li a:hover			{ text-decoration:none }
	/* @end */

/* @end */

/* @group CALENDAR */
#primaryContent table.calendar				{ 
											  margin-bottom: 25px; border: 1px solid #212121; border-right: 0; border-bottom: 0; 
											  border-collapse: collapse; width:100%; 
											}
#primaryContent table.calendar caption		{ padding-bottom: 10px; color: #fff; font-size: 1.6em; }
#primaryContent table.calendar caption span	{ color: #fff; }
#primaryContent table.calendar th			{ 
											  padding: 6px 0; background: #181818; color: #fff; font-size: 1.3em; 
											  font-weight: normal; 
											}
#primaryContent table.calendar td			{ 
											  width: 68px; height: 68px; padding: 2px; border: 1px solid #181818; border-left: 0;
											  border-top: 0; background: #212121; color: #FCFDFE; font-size: 1em; vertical-align: top; 
											}
#primaryContent table.calendar td a			{ text-decoration: none; }
#primaryContent table.calendar td ul		{ padding:0; margin: .5em 0 0 .5em; font-size: 100%; list-style: none; }
#primaryContent table.calendar td li		{ margin-bottom: .75em; font-size: 1.1em; line-height: 1.2; }
#primaryContent table.calendar td li a		{ text-decoration: underline; }
#primaryContent table.calendar td li a:hover{ text-decoration: none; }
#primaryContent table.calendar td.current	{ background:#a2dffe; color:#181818;}
#primaryContent table td.current li a,
#primaryContent table.calendar td.current a	{ color:#181818; }
/* @end */