/* Site: Lutheran Church of the Well */
/* @override http://lutheranchurchatthewell.cpmpreview1.com/css/styles.css */
* 			{ margin: 0; padding: 0; line-height: 1; }
body 		{ background: #a6a08c url(/images/bg_body.jpg) repeat center top; font-size:62.5%; font-family:Arial, Verdana, sans-serif; }
hr			{ display: none; }
#skip		{ position: absolute; text-indent: -9999px; list-style: none; }
#container	{ position: relative; width: 658px; padding:0; margin: 75px auto 0; background:#fff; }
a			{ overflow: hidden;}

.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 */

/* =Header
---------------------------------------------------------------------
*/
#header			{ position:relative; padding:0; }
h1				{ float:left; width:219px; height:47px; margin:27px 0 17px 5px; background: url(/images/logo.gif) no-repeat; text-indent: -999em; }
h1 a			{ display: block; width: 219px; height: 47px; }
#sub-header 	{ 
			  	  border:2px solid #484940; background:url(/mediafiles/subpage-banner.jpg) no-repeat 5px 5px;
			  	  width:414px; height:78px; display:block;margin:6px 6px 7px 0; float:right;
				}	
#home #sub-header 	{ background:url(/mediafiles/home-banner.jpg) no-repeat 5px 5px; height:297px; margin-bottom:5px; }

/* =Navigation
---------------------------------------------------------------------
*/

#nav			{ clear: left; float: left; padding:0; margin-bottom: 9px; width:221px; list-style: none;}
#home #nav		{ margin-top:-217px; }
#nav li a 		{
				  display: block; padding-left:36px; font-size:1.4em; width:185px;
				  font-family:Arial, Verdana, sans-serif;
				  line-height: 32px; color: #504f49;  text-decoration: none; margin-bottom:4px;
				  background:url(/images/nav_bg.gif) no-repeat left top; text-transform:lowercase;
				}
#nav li 		{ position:relative; float:left; clear:left; }
#nav li:hover a,
#nav li.current a
				{ background-position:left bottom; color: #FFF; }
#nav li ul		{ 	
				  position: absolute; left: -999em; z-index: 999; width: 164px; margin: -50px 0 0 192px; list-style: none; line-height: 1; 
				  border:3px solid #1f2d3a; display:block;
				}
#nav li li		{ width: auto; font-size: .9231em; font-weight: normal; text-transform: none; }
#nav li ul ul	{ margin: -35px 0 0 164px; }

#nav li:hover ul ul,
#nav li.current ul ul	{ left: -999em; }

#nav li:hover ul,
#nav li li:hover ul		{ left: auto;}
#nav li li li			{ font-size: 1em; }
#nav li:hover li a		{ width: 138px; padding: 0 13px; margin:0; background: #1f2d3a; color: #fff; }
#nav li li a:hover		{ background: #8b9e9e }

/* =Content-Wrap
---------------------------------------------------------------------
*/

#content-wrap { display:block; margin-top:0px; padding:0px 6px; background:url(/images/bg_content.gif) repeat-y 234px top; }


/* =Content
---------------------------------------------------------------------
*/

#content	{ float: right; width:394px; padding:14px 11px; border-top:2px solid #484940; position:relative;  }

/* -- HEADINGS --*/
#content h3	{ margin-bottom: .5em; color: #1f2d3a; font-size: 1.6em; font-weight: bold;  }
#content h4,
#content h5,
#content h6	{ margin-bottom: .5em; color: #1f2d3a; font-size: 1.4em; font-weight: bold; }


#content p,
#content li,
#content td	{ margin-bottom: 1em; color: #484940; font-size: 1.2em; line-height: 1.5em; }
#content ul,
#content ol	{ margin: 0 0 1em 3em; }

#content ul#byline		{ display: inline; float: left; margin-bottom: 10px; list-style: none; }
#content ul#byline li	{ font-size: 1.1em; }
#content li				{ margin: 0; }
#content li li,
#content li p,
#content td p			{ font-size: 1em; }
#content blockquote		{ margin-left: 3em; }
#content hr				{ display: block; margin-bottom: 1em; }
#content a				{ color: #b45b25; }
#content a:hover		{ text-decoration: none; }
#content img			{ float: left; margin: 0 10px 5px 0; }
#content img.left-align	{ float:left; margin:10px 10px 10px 0; }
#content img.right-align{ float:right; margin:10px 0 10px 10px; }
#content img.no-border	{ border:0; }
#content #text			{ clear: both; }


/* WHATS GOING ON */ 
#content #whats-going-on h3	{ 
							  width: 414px; height: 36px; margin:0 0 17px; position:relative; top:-14px; left:-11px;
							  background: url(/images/bg_whats-going-on_h3.gif) no-repeat; text-indent: -9999px;
							}
#content #whats-going-on h4		{ margin-bottom: .5em; color: #840c03; font-size: 1.2em; font-weight: bold; text-transform: uppercase;  }
#content #whats-going-on h4 a	{ color: #840c03; text-decoration: none; }
#content #whats-going-on h4 a:hover
								{ text-decoration: underline; }
#content #whats-going-on h4 span.date
								{ margin-left: 4px; color: #938C76; font-size: 0.8333em; font-weight: normal; text-transform: uppercase;}
#content #whats-going-on .item	{ margin-bottom: 15px; }
#content #whats-going-on .item p{ line-height: 1.2; }
#content #whats-going-on p.more	{ float: right; text-indent: -9999px; }
#content #whats-going-on p.more a{ display: block; width: 72px; height: 10px; background: url(/images/bg_whats-going-on_more.gif) no-repeat;}
#buttons						{ margin-top:1.8em; }
#buttons img					{ border:0; display:inline; margin-right:3px; }

/* =Sidebar
---------------------------------------------------------------------
*/

#sidebar		{ float: left; clear:left; width: 221px; ;  }
#sidebar h3		{ 
				  margin: 0 0 .5em 8px; padding-bottom: 5px; border-bottom: 1px dotted #e7e7e7; color:#1f2d3a; 
				  font-size: 1.4em; font-weight: bold;
				}
#sidebar p		{ padding: 0 22px 15px; line-height: 1.5; }
#sidebar ul		{ margin:1.5em; padding:0; list-style:none }
#sidebar li a	{ font-size:1.2em; color:#b45b25; }
#sidebar li a:hover	{ text-decoration:none; }
#quicklinks img { padding:4px; border:2px solid #484940; width:209px; margin-bottom:5px;}
#quicklinks		{ margin-top:-8px; }


/* BLOG */
p#subscribe		{ 
				  background:url(/images/mb_podcast.gif) no-repeat left top; padding-left:20px; 
				  position:absolute; top:15px; right:10px;
				}
#content .post		{ margin:1.5em 0; }
#content .post h4	{ margin-bottom: 0;}
#content p.byline	{ font-size:1em; margin-top:0; }
.comments			{ margin-left:10px; background:url(/images/comments_icon.gif) no-repeat; padding-left:20px; }
#post-options .comments	{ margin-left:0;}
span.date			{ font-style:italic; }
/* =Footer
---------------------------------------------------------------------
*/

#footer				{ 
					  width:644px; padding:10px 7px 60px; margin:0 auto 60px; height:30px;
					  background:url(/images/bg_footer.gif) no-repeat left top; position:relative; top:-8px;
					} 
#footer p			{ 
   			  		  color: #fff; margin-top:13px;
   					}
#footer p.powered	{ float: left; }
#footer a			{ color: #fff; }
#footer a:hover		{ text-decoration:none; }


/* Calendar */
#content table					{ width:100%; }
#content table.calendar			{ 
								  margin-bottom: 25px; border: 1px solid #ccc; border-right: 0; 
								  border-bottom: 0; border-collapse: collapse; 
								}
#content table.calendar caption	{ padding-bottom: 10px; color: #1f2d3a; font-size: 1.4em; font-weight: bold; }
#content table.calendar caption span	{ color: #666; }
#content table.calendar th		{ padding: 6px 0; background: #1f2d3a; color: #fff; font-size: 1.2em; font-weight: normal; }
#content table.calendar td		{ 
								  width: 68px; height: 68px; padding: 2px; border: 1px solid #ccc; border-left: 0; border-top: 0;
								  background: #e7e7e7; color: #666; font-size: 1em; vertical-align: top; 
								}
#content table.calendar td a	{ text-decoration: none; }
#content table.calendar td ul	{ margin: .5em 0 0 .5em; padding:0; font-size: 100%; list-style: none; }
#content table.calendar td li	{ margin-bottom: .75em; font-size: 1.1em; line-height: 1.2; }
#content table.calendar td li a	{ text-decoration: underline; }
#content table.calendar td li a:hover
								{ text-decoration: none; }

/* SERMONS */
#content .sermonbox		{ margin-bottom: 20px; }
#content .sermonbox h4	{ margin-bottom: 5px; }
#content .sermonbox p	{ padding: 0; margin: 0; }
#content .sermonbox p.sermonlink{ margin-top: 10px; }
#content .sermonbox p.eventtime	{ margin-bottom: 0; }

#content #mediabox		{ float: right; width: 125px; padding: 5px 5px 0; border: 1px solid #D7D0BB; list-style: none; }
#content #mediabox li	{ margin-bottom: 5px; font-size: 1.1em; font-weight: bold; }
#content #mediabox li a	{ display: block; height: 16px; padding-left: 20px; background-repeat: no-repeat; background-position:left bottom;}
#content #mediabox li#mb_print a	{ background-image: url(/images/mb_print.gif); }
#content #mediabox li#mb_video a	{ background-image: url(/images/bg_sermonlist_watch-video.gif); }
#content #mediabox li#mb_download a	{ background-image: url(/images/bg_sermonlist_download.gif); }
#content #mediabox li#mb_notes a	{ background-image: url(/images/bg_sermonlist_download-notes.gif); }
#content #mediabox li#mb_jukebox a	{ background-image: url(/images/bg_sermonlist_listen.gif); }
#content #mediabox li#mb_podcast a	{ background-image: url(/images/mb_podcast.gif); }