/* @override http://www.pillarchurch.org/css/styles.css */
/* Site: Pillar Church */

@import url(/css/nav.css);

* {
   margin: 0;
   padding: 0;
   line-height: 1;
}
hr{
   display: none;
}

#skip{ display:none;
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

body{
		 			 background: #441812 url(/images/bg_body.jpg);
					 text-align:center;
   	 			 font-size: 62.5%;
   	 			 font-family: "lucida grande", "lucida sans unicode", Arial, Helvetica, Verdana, Tahoma, sans-serif;
	 	 			 color: #1F1E18;
					 text-align:center;
					/padding-top: 50px; 
				
}
#container{
					 width: 800px;
					 position:relative;
   				 margin: 50px auto;
	 				 padding-top: 15px;
	 				 font-size: 1.2em;
					 text-align:left;
}
/* =Header --------------------------------------------------------------- */
#header h1 {display:none;}


/* =Navigation ------------------------------------------------ */
 /* see nav.css */
 
/* =Content-Wrap ---------------------------------------- */
#content-wrap
{
					 float:left;
					 width: 811px;
					 clear:both;
}

/* =Content --------------------------------------------- */
#content{
				 float:right;
				 position:relative; left:-1px; z-index:222;
				 width: 533px;
				 display:inline; 
				 background: url(/images/bg_container.gif) repeat-y -4px 0;
				 padding: 15px;
				 /*min-height: 720px;*/
}
#content h3{
   			 color: #992402;
	 			 margin: 0 0 0.5em;
	 			 text-transform: lowercase;
	 			 font: 1.6em normal georgia, serif;
}

#content h4, #content h5, #content h6 { font-size: 1.1em; margin: 1em 0;  }
#content h4 { 
	color: #B89635; 
}
#content h4.title { 
	margin: 1.5em 0 0.2em; 
}
#content h5 { color: #2A2A2A; }
#content h6 { text-transform: uppercase; font-weight: normal; }

#content p,
#content ul,
#content ol,
#content td{
				 margin: 0 1em 1em 0;
   line-height: 1.5;
}

#content ul,
#content ol{
   margin-left: 3em;
}

#content ul#byline{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin-bottom: 10px;
   font-size: 1.1em;
   list-style: none;
}

#content li{
   line-height: 1.5;
}

#content hr{
   display: block;
   margin-bottom: 1em;
}

#content a{
   color: #992402;
	 text-decoration: underline;
}

#content a:hover{
   text-decoration: none;
}

#content img{
   /*float: left;
   margin: 0 10px 5px 0;*/
}

#content img.mcms_stats{
   display: none;
}

#content #text{
}


/* content topper ---------------------------------------------------- */
#content-topper {
	position: relative; 
	top: -16px; 
	right: 11px;
	}
	

p#breadcrumbs
{ 
 						background: #ededd0;
						display:block;
						padding: 2px 7px;
						width: 530px;
						margin:0;
						position:relative; left: 2px; top:4px;
}
p#breadcrumbs a { color: #ba6100; text-decoration:none; }
p#breadcrumbs a:hover { text-decoration:underline; }
p#breadcrumbs strong { color: #572d0c; font-weight:normal; } /* current page */

#content img#masthead
	{
		 float:none;
		 margin: 0 0 -4px 0;
	}

/* CONTENT CALENDAR --------------------------------------------------*/

#content table.calendar{
   border: 1px solid #d4cfbb;
   margin: 0 auto 25px;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
}

#content table.calendar caption{
   padding-bottom: 10px;
   color: #303030;
	 font-weight:bold; 
	 font-size: 110%;
}

#content table.calendar caption span{
   color: #9f8a51;
}

#content table.calendar th{
   padding: 6px 0;
   background: #7a3a1d;
   color: #fff;
   font-weight: normal;
}

#content table.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #d4cfbb;
   border-left: 0;
   border-top: 0;
   background: #f5f5ea;
   color: #555;
   vertical-align: top;
   font-size: 0.85em;
}

#content table.calendar td.empty{
   background: #f5f5ea;
}

#content table.calendar td a{
   color: #7a3a1d;
   text-decoration: none;
}

#content table.calendar td ul{
   margin: .5em 0 0 .5em;
   font-size: 100%;
   list-style: none;
}

#content table.calendar td li{
   margin-bottom: .75em;
   font-size: 1.1em;
}

#content table.calendar td li a{
   text-decoration: underline;
}

#content table.calendar td li a:hover{
   text-decoration: none;
}



#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 #eee;
   font-size: 1em;
   list-style: none;
}

#content #mediabox li{
   margin-bottom: 5px;
   font-weight: bold;
}

#content #mediabox li a{
   display: block;
   height: 16px;
   padding-left: 20px;
   background-repeat: no-repeat;
}

#content #mediabox li#mb_print a{
   background-image: url(/images/mb_print.gif);
}

#content #mediabox li#mb_video a{
   background-image: url(/images/mb_video.gif);
}

#content #mediabox li#mb_download a{
   background-image: url(/images/mb_download.gif);
}

#content #mediabox li#mb_notes a{
   background-image: url(/images/mb_notes.gif);
}

#content #mediabox li#mb_jukebox a{
   background-image: url(/images/mb_jukebox.gif);
}

#content #mediabox li#mb_podcast a{
   background-image: url(/images/mb_podcast.gif);
}

#content #spacer{
   float: left;
   width: 1px;
   height: 700px;
}


	
	
/* =Sidebar ---------------------------------------------------- */
#sidebar 
{
 	position:absolute; top:14px; left:0;
 	background: url(/images/bg_side.gif) repeat-y -3px 0;
 	width: 248px;
	color: #2B2F2F;
}
#side-bottom
{
 	background: url(/images/bg_side2.gif) no-repeat -3px 100%;
         position:relative; z-index: 111;
	height: 12px;
	width: 248px;
}
#sidebar p { margin: 10px; }
#sidebar h3 
{ 
 			 background: url(/images/bg_side_h3.gif) no-repeat -3px 50%;
			 display:block; 
                              margin-bottom: 10px;
			 padding: 4px 20px;
			 font: 1.5em normal georgia, serif;
			 color: #92460a;
                              text-transform:lowercase;
 }
#sidebar h3 span
{
				color: #572d0c;
}
#sidebar ul { list-style: none; margin: 0 0 10px 8px; }
#sidebar a { color: #5C340A; }



/* sub nav */
#subnav
{
 			 background: url(/images/bg_side_subnav.gif) no-repeat -3px 0;
			 padding: 55px 0 0 0;			 
			 position:relative;
}
#subnav h3
{
 				position:absolute; top: 13px; left: 52px;
				background: transparent; padding:0;
}
#subnav ul#sub-nav 
{
			 list-style:none;
			 margin-left: 32px;
}
#subnav ul#sub-nav li {
   display: none;
}
#subnav ul#sub-nav li.current
{
 			 display:block;
		height:1%;
}
#subnav ul#sub-nav li a,
#subnav ul#sub-nav li.current li a {
 	display:block;
	padding: 3px 0 3px 15px;
height:1%;
	text-decoration:underline;
 	background: url(/images/bg_subnav.gif) no-repeat left center;
	color: #5C340A;
	}
#subnav ul#sub-nav li.current a,
#subnav ul#sub-nav li li.current a {
 	background: url(/images/bg_subnav_current.gif) no-repeat left center;
	color: #b32a02;
height:1%;
}
#subnav ul#sub-nav li.current li {
height:1%;
   display: block;
}

/* non-nav page specific sub-nav */
body#articles ul#sub-nav li#sub-nav_resources,
body#sermons ul#sub-nav li#sub-nav_resources,
body#articles ul#sub-nav li#sub-nav_resources li,
body#sermons ul#sub-nav li#sub-nav_resources li {
	display:block;
	}
body#articles ul#sub-nav li#sub-nav_resources a,
body#sermons ul#sub-nav li#sub-nav_resources a {
 	background: url(/images/bg_subnav_current.gif) no-repeat left center;
	color: #b32a02;
	}
body#articles ul#sub-nav li#sub-nav_resources li a,
body#sermons ul#sub-nav li#sub-nav_resources li a {
 	background: url(/images/bg_subnav.gif) no-repeat left center;
	color: #5C340A;
         }
body#articles ul#sub-nav li#sub-nav_resources li#sub-nav_resources_articles a,
body#sermons ul#sub-nav li#sub-nav_resources li#sub-nav_resources_sermons a {
 	background: url(/images/bg_subnav_current.gif) no-repeat left center;
	color: #b32a02;
	}
/* 
the above styles depend upon a body id attribute 
to specify which portion of the menu to show 
in the subnav area 
*/


/*----- BLOG -----*/
#blog-sidebar ul {margin-left:25px;}
#blog-sidebar li a:hover {text-decoration: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 */

.post-foot, #post-options						{ background:#f2efc9; padding:5px; height:20px; }
.post-foot .category, .send 					{ float:left;  }
.post-foot .comments, #post-options .comments 	{ float:right;  }
.post-foot .comments a,
#post-options .comments 						{ background:url(/images/comments.png) no-repeat; padding-left:20px; behavior:url(/iepngfix.htc); }
#blog-text										{ margin-top:1em; }

form label 	{ display:block; margin-bottom:0.5em; }
form input	{ width:500px; padding:4px; font-size:1.2em; }
form textarea {width:500px; height:200px; padding:2px; font-size:1.2em; }
#send		{ width:100px; }



/* side calendar  -------------------------------------------------- */
#calendar
{
			 padding: 0 0 10px;
}

#sidebar table.calendar{
	margin: 0 auto;
   	border: 1px solid #d0c89c;
   	border-collapse: collapse;
   	background: #f4f2cf;
   	font-size: 0.9em;
}

#sidebar table.calendar caption{
			 margin: 0 auto;
   color: #848262;
	 text-transform: uppercase;
          text-align:center;
	 padding: 0 0 7px;
}

#sidebar table.calendar caption span{
   color: #6f603d;
	 font-weight:bold;
}

#sidebar table.calendar th{
   background: #7a3a1d;
   padding: 6px 0;
   color: #cecdcd;
   font-weight: normal;
   text-align: center;
}

#sidebar table.calendar td{
   width: 28px;
   height: 28px;
   border-top: 0;
   border-left: 0;
   color: #1d1d1a;
   font-weight: normal;
   text-align: center;
}

#sidebar table.calendar td.linked-day{
   /*padding: 1px 1px;*/
}

#sidebar table.calendar a{
   display: block;
   padding: 7px;
   background: #dbd9b3;
   color: #7a3a1d;
   text-decoration: none;
}

#traildiv{
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 999;
   visibility: hidden;
   width: 100px;
   height: 100px;
}

#traildiv ul{
   padding: .75em;
   padding-bottom: 0;
   border: 1px solid #d0c89c;
   background: #f4f2cf;
   font-size: 1.1em;
   list-style:none;
}

#traildiv li{
   color: #555550;
   margin-left: 0;
   margin-bottom: .75em;
}

#traildiv a{
   color: #555550;
   text-decoration: none;
}


/* quicklinks -------------------------------*/

#sidebar #quicklinks h3
{
			 margin-bottom: 15px;
}
#sidebar #quicklinks li
{
 						margin: 1px 0 1px 12px;
}
#sidebar #quicklinks img
{
 						border:0;
}


/* about */
#about-pillar {
	width: 250px;
	background: url(/images/bg_logo.jpg) no-repeat -3px 0;
	padding: 6px 0 0;
	position:relative; z-index: 102;
}
#about-pillar p#logo a  {
	display:block;
	text-indent: -999em;
	width: 240px;
	height: 72px;
}

#about-pillar p#addr {
	padding: 3px 5px 0; 
	margin:0;
	font-size: 0.85em;
         letter-spacing: -0.05em;
}
#about-pillar br {
 	display:none;
 }
#about-pillar img {
	border:0;
}


/* sermons */
#sidebar .sermon ul { width: 100%; float:left; clear:both; }
#sidebar .sermon li
{ 
				 display:inline;
				 float:left;
				 margin: 0 1px 0 0;
}
#sidebar .sermon li#sb_listen a
{ 
				 background: url(/images/bg_listen.gif) no-repeat center center;
				 display:block;
				 height: 23px;
				 width: 69px;
				 text-indent: -999em;
}
#sidebar .sermon li#sb_download a
{ 
				 background: url(/images/bg_download.gif) no-repeat center center;
				 display:block;
				 height: 23px;
				 width: 88px;
				 text-indent: -999em;
}
span.sermon-date { font-size: 90%; color: #5C340A; }
p.view-all-services { text-align:right; }
p.view-all-services a { text-decoration:underline; color: #5d5a55; }
#recent-sermon h4 { text-transform: capitalize; }



/* e-letter */
#e-letter 
{ 
					background: url(/images/bg_e-letter.gif) no-repeat -1px 0; 
					height: 26px; 
					width: 220px; 
					padding: 5px 10px 0 20px;
}
#e-letter input
{
font-size: 0.85em;
text-transform: lowercase;
}
#e-letter fieldset { border:0; }
#e-letter input#newsletter_text 
{
background: transparent;
border:0;
padding: 3px;
width: 120px;
margin-right: 3px;
color: #766d55;
width: 157px;
}
#e-letter input#newsletter_submit 
{
height: 21px;
width: 47px;
border:0;
font-weight:bold; 
color: #9c2d01;
background: transparent;
cursor: pointer;
}

/* =Footer
---------------------------------------------------------------------
*/

#footer
{
 	position:relative; top: -5px; 
         /top: -20px; 
         left:247px; 
         z-index: 111;
         width: 557px;
         clear: both;
         background: transparent url(/images/bg_footer.gif) no-repeat right top;
         height: 20px;
         font-size: 95%;
}
#footer,
p.copyright a, 
p.powered a 
{ 
						color: #f5f4eb; 
						overflow:visible;
}
p.copyright 
{ 
						position:absolute; top: 20px; left: 15px;
}
p.powered 
{ 
					position:absolute; top: 20px; right: 15px;
					text-align:right; 
}