/*------------------------
doc: WNC CSS
extra layout-specific styles

site: Washington National Cathedral
development: Cobey Potter, Threespot Media
version: q1, 2008

------------------------*/

/* ---

- sIFR
- quick_action
- img_support	
- webcast
- vcard
- form-content

--- */

/*---- sIFR ---*/
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
	}
	
		.sIFR-replaced, .sIFR-ignore {
			visibility: visible !important;
		}
	
	.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	
		.sIFR-active .index .at_glance h3 {
			visibility: hidden;
			font-family: Arial;
			font-size:13px;
			line-height: 1em;
			padding-bottom:0;
			height:13px;
		}
		
		
	.sIFR-active .quick_action h3 {
			visibility: hidden;
			font-family: Arial;
			font-size:16px;
			line-height: 15px;
			margin-bottom:0;
		}
	
/* --- quick_action --- */

		.lvl0 #content .quick_action,
		.lvl0 #content .img_support {
       		float:left;
			margin-left:23px;
		}

	#content .quick_action { 
		background:#EBEFF1; 
		border-top:4px solid #A3B6BF; 
		height:143px; 
		margin-left:22px; 
		width:213px;	
	}
	
		.quick_action h3 { 
			color:#454545; 
			font:16px/16px Georgia, "Times New Roman", Times, serif; 
			margin:11px 0 0 17px; 
		}
		
		.quick_action p { 
			color:#333; 
			font:1.1em/1.5em Arial, Helvetica, sans-serif; 
			margin:5px 17px 11px; 
		}
		
		.quick_action form { margin:11px 17px; }	
		
			.quick_action input { 
				border:1px solid #a5a9ab; 
				color:#999; 
				float:left; 
				font:11px/16px Georgia, "Times New Roman", Times, serif; 
				height:16px;
				padding:2px 6px; 
				width:126px;
			}
		
		#btn_signup { 
			background:url("/images/css/global/elm_go-blue.gif") no-repeat;	
			border:0; 
			cursor:pointer;	
			height:22px; 
			margin:0 0 0 5px; 
			overflow:hidden; 
			position:relative; 
			text-indent:-1000px; 
			top:0; 
			width:34px; 
		}

/* --- img_support --- */	
	
	.lvl0 #content .img_support {
			clear:both;
			float:left;
			margin-left:23px;
			width:452px;
	}
/* --- #gallery-photo --- */
		
	#gallery-photo {
		border-top:1px solid #d9d9d9;
		color:#333;
		font:13px/20px Georgia, "Times New Roman", Times, serif;
		margin:15px 22px 0;
		padding:20px 0;
	}

		.gallery-image {
			float:right;
			margin-left:20px;
			max-width:580px;
			overflow:hidden;
		}
			.gallery-image img {}
			
		#gallery-photo h3 { font-weight:bold; }
		
		#gallery-photo h4 {
			font-style:italic;
			font-weight:normal;
		}
		
		#gallery-photo p {
			margin:20px 0 0;
		}
		
			#gallery-photo p#lnk-util_download { 
				font-size:11px;
				line-height:22px;
				margin:0 0 3px;
				padding:0 0 0 20px; 
			}
			
			#gallery-photo .audio p {
				font-style:italic;
				font-size:12px;
				line-height:18px;
			}
			
			#gallery-photo .audio p.legal {
				color:#999;
				font-size:11px;
				line-height:14px;
			}
			.gallery-post {
				border:1px solid #DAD9D4;
				border-bottom:0;
				border-right:0;
				float:right;
				height:94px;
				margin-top:30px;
				position:relative;
				width:474px;
			}
				.gallery-post div{
					margin:13px 51px;
					display:block;
					position:relative;
					overflow:hidden;
					width:372px;
					height:90px;	
					z-index:1;
				}
				
					.gallery-post ul {
						width:372px;
					}
						.gallery-post li {
							float:left;
							padding:6px;
						}
						
							.gallery-post li a {
								display:block;
								width:50px;
								height:50px;
								overflow:hidden;
							}
							
							.gallery-post li.on,
							.gallery-post li:hover {padding:5px;}
							
							.gallery-post li.on {border:1px solid #088A8C;}
							.gallery-post li:hover {border:1px solid #ccc;}
							
				#gallery-photo a.prev,
				#gallery-photo a.next {
					background:url("/images/css/global/btn_gallery.gif") 0 bottom no-repeat;
					display:block;
					height:16px;
					overflow:hidden;
					position:absolute;
					text-indent:-1000px;
					top:37px;
					width:17px;
					z-index:2;
				}
				#gallery-photo a.prev { left:18px; }
				#gallery-photo a.next { 
					background:url("/images/css/global/btn_gallery.gif") -17px bottom no-repeat; 
					float:right;
					right:18px;
				}
					#gallery-photo .gallery-post a.prev:hover{background-position:0 -1px; }
					#gallery-photo .gallery-post a.next:hover{background-position:-17px -1px; }
/* --- webcast --- */
	
	.cast-outside {
		border:1px solid #d9d9d9;
		margin:0 22px 0;
		padding:5px;
		width:678px;
	}
	
		.cast-inside {
			background:#F2F2ED;
			border:1px solid #d9d9d9;
			padding:15px 12px;
		}
			
			#webcast .movie { 
				background:#454545;
				float:left;
				margin:0 20px 15px 0;
				min-height:257px;
				width:320px; 
			}
			
			#webcast .spot-post {
				background:#fff;
				border-bottom:1px solid #c6c6c6;
				border-top:1px solid #c6c6c6;
				height:60px;				
				margin:0 -18px;
				padding:15px 0 0;
				position:relative;
			}
			
			#webcast h3 {
				color:#454545;
				font:22px/24px Georgia, "Times New Roman", Times, serif;
				padding:5px 0 35px;
			}
				#webcast .spot-post h3 {
					background:#900;
					color:#fff;
					font:normal 18px/18px Arial, Helvetica, sans-serif;
					height:55px;
					margin:-15px 0 0;
					padding:20px 15px 0;
					width:74px;
				}
			
				#sct-worship #webcast .spot-post h3 {
					background:#815903;
					color:#fff;
					font:normal 18px/18px Arial, Helvetica, sans-serif;
					height:55px;
					margin:-15px 0 0;
					padding:20px 15px 0;
					width:74px;
				}
			
			#webcast .spot-post img {
				float:left;
				margin:0 10px 0 0px;
			}
				
			#webcast p {
				color:#666;
				font:12px/18px Arial, Helvetica, sans-serif;
				margin:0 0 15px;
			}
			
			#webcast .spot-post div {
				height:50px;
				left:50px;
				overflow:hidden;
				position:relative;
				width:480px;
			}
			
			#webcast .spot-post ul {width:480px;}	
				#webcast .spot-post li.info {
					float:left;
					width:480px;
					padding:0 50px 20px 0;
				}
				
				#webcast .spot-post p { 
					color: #333;
					font:12px/15px Georgia, "Times New Roman", Times, serif;
					margin:0;
					padding:0;
				}
				#webcast p.info-post {
					color:#C4BCBE;
					font:12px/18px Arial, Helvetica, sans-serif;
					margin:0;
				}
				#webcast p.info-ante { margin:0;	}
				#webcast p .cast_date { font-weight:bold; }
				#webcast p .cast_length { font-style:italic; }
				.nav-cast p {color:#C4BCBE;}
			#webcast a {font:11px/15px Georgia, "Times New Roman", Times, serif;}	
				#webcast p.info-ante a { 
					font:bold 11px/11px Arial, Helvetica, sans-serif; 
					text-transform:uppercase;
				}
				#webcast a:hover { text-decoration:underline; }
				
				#webcast a.prev,
				#webcast a.next {
					background:url("/images/css/global/btn_cast.gif") 0 bottom no-repeat;
					display:block;
					float:left;
					height:22px;
					overflow:hidden;
					position:absolute;
					text-indent:-1000px;
					top:27px;
					width:22px;
				}
				#webcast a.prev { left:120px; }
				#webcast a.next { 
					background:url("/images/css/global/btn_cast.gif") -22px bottom no-repeat; 
					float:right;
					right:15px;
				}
					#webcast .spot-post a.prev:hover{background-position:0 1px; }
					#webcast .spot-post a.next:hover{background-position:-22px 1px; }
				
/* --- vcard --- */			

	#content .vcard {
		color:#333;
		font:13px/20px Georgia, "Times New Roman", Times, serif;
	}
	#sidebar .vcard,
	#sidebar .vcard span {
		color:#666;
		font:12px/18px Arial, Helvetica, sans-serif;
	}
	
		#content .vcard .org {font-weight:bold;}
	
		.vcard .type {display:none;}
		
		#sidebar .vcard li {
			margin:0;
			padding:0 12px;
		}

		.vcard .type2 { font-style:italic !important; }
		.vcard .type2,
		.vcard .fax  { 
			margin-top:8px !important;
		}	
		
/* --- form-content --- */

	#form-content {	}	
		#form-content fieldset {
			clear:both;
			padding:5px 0;
		}
			#form-content label {
				color:#333; 
				display:block;
				float:left;
				font:13px/20px Georgia, "Times New Roman", Times, serif;
				margin-right:20px;
				width:100px;
			}
				#form-content fieldset.chkbox label {
					display:inline;
					float:none;
					font-weight:bold;
				}
				
			#form-content input {
				border:1px solid #989891;
				color:#000;
				font:11px/18px Georgia, "Times New Roman", Times, serif;
				padding:2px;
				height:16px;
				width:250px;
			}
				#form-content fieldset.chkbox input {
					margin-bottom:-1px;
					padding:0;
					width:20px;
				}
			
		#content #form-content p {
			color:#666;
			font:italic 12px/30px Arial, Helvetica, sans-serif;
			margin:0;
		}
			#content #form-content p a{	font:italic 12px/30px Arial, Helvetica, sans-serif;	}
			#content #form-content fieldset.chkbox p {margin:-5px 0 0 28px; }
		#form-content .btn_subscribe {
			background:url("/images/css/global/btn_subscribe.gif") no-repeat;
			border:0;
			cursor:pointer;
			display:block;
			height:33px;
			margin:20px 0 0;
			overflow:hidden;
			text-indent:-1000px;
			width:120px;
		}
		
		#form-content .btn_subscribe:hover {
			background:url("/images/css/global/btn_subscribe-on.gif") no-repeat;
		}
		
		
/* --- calendar --- */

#form-calendar {
	background:#F2F2EF;
	border:1px solid #d9d9d9;
	float:left;
	margin:0 23px;
	padding:7px 6px;
	width:198px;
}
	
	#form-calendar fieldset { padding:0px 5px 5px 8px;}
		
		#form-calendar label {
			font:12px/15px Arial, Helvetica, sans-serif;
			position:relative;
			top:-2px;
			text-transform:uppercase;
		}
		
		#form-calendar input,
		#form-calendar select {
			border:1px solid #989890;
		}
	
	
	.cal-heading {
		background:#E3E3DB;
		border:1px solid #fff;
		position:relative;
		text-align:center;
	}
	
		.cal-heading h4 {
			border-left:1px solid #d8d8cd;
			border-right:1px solid #fff;
			color:#631f5f;
			font:18px/21px Georgia, "Times New Roman", Times, serif;
			margin:6px 17px;
			width:160px;
		}
		
		.cal-heading p a{
			display:block;
			font:bold 14px/21px Arial, Helvetica, sans-serif;
			position:absolute;
			overflow:hidden;
			text-indent:-1000px;
			top:6px;
			width:16px;
		}
			.cal-heading p.prev a{
				background:url("/images/css/calendar/lnk_calendar.gif") 2px 0 no-repeat;
				border-right:1px solid #fff;
				left:0;
			}
			.cal-heading p.next a{
				background:url("/images/css/calendar/lnk_calendar.gif") -16px 0 no-repeat;
				border-left:1px solid #d8d8cd;
				right:0px;
			}

	.calendar {
		background:#fff;
		margin-bottom:13px;
		padding:8px 1px 0;
	}
		.calendar td {
			background:#d9d9c9;
			border:1px solid #fff;
			color:#fff;
			font:16px/22px Georgia, "Times New Roman", Times, serif;
			height:24px;
			width:26px;
			text-align:center;
		}
			td.in_month a,
			td.in_week a {
				color:#7e7c63;
				display:block;
				height:24px;
				width:26px;
			}
			
			td.in_week a {
				background:#704953;
				color:#eaeae4 !important;
			}
			
		#form-calendar .calendar fieldset {
			background:#d9d9c9;
			border-bottom:2px solid #fff;
			display:block;
			margin:10px 0 0;
			padding:9px 10px;
		}
			.calendar #elm-cal_view {
				color:#000;
				font:11px/20px Arial, Helvetica, sans-serif;
				padding:2px;
				width:100%;
			}
			
			#btn_filter {
				background:url("/images/css/calendar/btn_filters.gif") no-repeat;
				border:0;
				cursor:pointer;
				height:27px;
				margin:8px 0 15px 24px;
				overflow:hidden;
				position:relative;
				text-indent:-1000px;
				top:0px;
				width:146px;
			}
			
			#btn_filter:hover { background:url("/images/css/calendar/btn_filters.gif") 0 -27px no-repeat; }
			
/* --- cal-list --- */		

	#cal-list { 
		margin:0 40px 0 258px;
		min-height:600px;
		position:relative;
	}	
	  #cal-list2 {
      margin:0 23px;
      position:relative;
    }    
		
		#cal-list h2 {
			border-bottom:1px solid #c2c0b7;
			color:#858270;
			font:30px/34px Georgia, "Times New Roman", Times, serif;
			padding-bottom:10px;
		}
		
		#cal-list h3,
    #cal-list2 h3 { 
			color:#6a454d;
			font:16px/22px Georgia, "Times New Roman", Times, serif;
			padding:4px 0;
		}
			#cal-list div.cal-event h3{ margin-left:70px; }
				#cal-list h3 span,
        #cal-list2 h3 span { 
					color:#333;
					font:11px/16px Georgia, "Times New Roman", Times, serif;
				}
        #cal-list2 h3 span {display:block;}			

		#cal-list h4,
    #cal-list2 h4 {
			border-bottom:1px solid #e3e0d9;
			color:#464646;
			font:bold 12px/20px Arial, Helvetica, sans-serif;
			padding:10px 2px 0;
			text-transform:uppercase;
		}
		
		#cal-list div.ongoing,
		#cal-list div.cal-event,
    #cal-list2 div.cal-event { 
			margin:0 0 20px;
			position:relative; 
		}		
		
		#cal-list .events li,
    #cal-list2 .events li {
			border-bottom:1px dashed #e3e0d9;
			padding-right:10px;
		}
      #cal-list2 .events li {padding:5px 0;}
			#cal-list .events li.special { background:#e8e2e4; }
		
		#cal-list p {
			font:12px/18px Arial, Helvetica, sans-serif;
		}	
			#cal-list .cal-event p {
				margin:0 0 20px 70px;
			}	
			
			#cal-list .info-ante,
			#cal-list span.time,
      #cal-list2 span.time {
				color:#7e7c63;
				font:bold 11px/16px Arial, Helvetica, sans-serif;
				margin:10px 0 0;
				text-transform:uppercase;
			}
			
			#cal-list .prev,
			#cal-list .next{
				position:absolute;
				top:13px;
			}
				#cal-list .prev {
					border-right:1px solid #c8c2b4;
					padding: 0 4px 1px;
					right:24px;
				}
				
				#cal-list .next {
					padding:0;
					right:0;
				}
				
					#cal-list .prev a,
					#cal-list .next a{
						background:url("/images/css/calendar/lnk_dates.gif") -27px -22px no-repeat;
						display:block;
						height:18px;
						overflow:hidden;
						text-indent:-1000px;
						width:16px;
					}
					
					#cal-list .prev a {	
						background:url("/images/css/calendar/lnk_dates.gif") 0 -22px no-repeat;
						margin-right:3px;					
					}
					
					#cal-list .prev a:hover,
					#cal-list .prev a.off {
						background:url("/images/css/calendar/lnk_dates.gif") 0 1px no-repeat; 						
					}
					#cal-list .next a:hover,
					#cal-list .next a.off {
						background:url("/images/css/calendar/lnk_dates.gif") -27px 1px no-repeat;						
					}
		
			#cal-list .lnk-top {
				position:absolute;
				right:0;
				top:10px;
			}
			
			#cal-list span.time {
				color:#919191;
				display:block;
				float:left;
				margin:8px 0 0 5px;
			}
						
			#cal-list a { font:11px/16px Georgia, "Times New Roman", Times, serif; }
				#cal-list .lnk-top a { font:11px/20px Arial, Helvetica, sans-serif; }
				


/* --- cal-list2 --- */		

	#cal-list { 
		margin:0 40px 0 258px;
		min-height:600px;
		position:relative;
	}	
	
		#cal-list h2 {
			border-bottom:1px solid #c2c0b7;
			color:#858270;
			font:30px/34px Georgia, "Times New Roman", Times, serif;
			padding-bottom:10px;
		}
		
		#cal-list h3 { 
			color:#6a454d;
			font:16px/22px Georgia, "Times New Roman", Times, serif;
			padding:4px 0;
		}
			#cal-list div.cal-event h3{ margin-left:70px; }
				#cal-list h3 span { 
					color:#333;
					font:11px/16px Georgia, "Times New Roman", Times, serif;
				}
			
		#cal-list h4 {
			border-bottom:1px solid #e3e0d9;
			color:#464646;
			font:bold 12px/20px Arial, Helvetica, sans-serif;
			padding:10px 2px 0;
			text-transform:uppercase;
		}
		
		#cal-list div.ongoing,
		#cal-list div.cal-event { 
			margin:0 0 20px;
			position:relative; 
		}		
		
		#cal-list .events li {
			border-bottom:1px dashed #e3e0d9;
			padding-right:10px;
		}
			#cal-list .events li.special { background:#e8e2e4; }
			#cal-list .events li.specialcs { background:#dcc38c; }
		
		#cal-list p {
			font:12px/18px Arial, Helvetica, sans-serif;
		}	
			#cal-list .cal-event p {
				margin:0 0 20px 70px;
			}	
			#cal-list .info-ante,
			#cal-list span.time {
				color:#7e7c63;
				font:bold 11px/16px Arial, Helvetica, sans-serif;
				margin:10px 0 0;
				text-transform:uppercase;
			}
			
			#cal-list .prev,
			#cal-list .next{
				position:absolute;
				top:13px;
			}
				#cal-list .prev {
					border-right:1px solid #c8c2b4;
					padding: 0 4px 1px;
					right:24px;
				}
				
				#cal-list .next {
					padding:0;
					right:0;
				}
				
					#cal-list .prev a,
					#cal-list .next a{
						background:url("/images/css/calendar/lnk_dates.gif") -27px -22px no-repeat;
						display:block;
						height:18px;
						overflow:hidden;
						text-indent:-1000px;
						width:16px;
					}
					
					#cal-list .prev a {	
						background:url("/images/css/calendar/lnk_dates.gif") 0 -22px no-repeat;
						margin-right:3px;					
					}
					
					#cal-list .prev a:hover,
					#cal-list .prev a.off {
						background:url("/images/css/calendar/lnk_dates.gif") 0 1px no-repeat; 						
					}
					#cal-list .next a:hover,
					#cal-list .next a.off {
						background:url("/images/css/calendar/lnk_dates.gif") -27px 1px no-repeat;						
					}
		
			#cal-list .lnk-top {
				position:absolute;
				right:0;
				top:10px;
			}
			
			#cal-list span.time {
				color:#919191;
				display:block;
				float:left;
				margin:8px 0 0 5px;
			}
						
			#cal-list a { font:11px/16px Georgia, "Times New Roman", Times, serif; }
				#cal-list .lnk-top a { font:11px/20px Arial, Helvetica, sans-serif; }