/*
THEME NAME: Today's Catholic
THEME URI: http://www.nichols-co.com
DESCRIPTION: A custom theme created for the Catholic Diocese of Fort Wayne—South Bend.
VERSION: 1.0
AUTHOR: The Nichols Company
AUTHOR URI: http://www.nichols-co.com
TAGS: N/A
*/


/*======================= CSS STYLE RESET ======================== */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
/*a,*/ abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* =================================================================================================== */
/* !GENERAL SITE CSS */
/* =================================================================================================== */
body{
	background: #FFF;
	margin: 0 auto;
	width: 100%;
	color: #666;
	font-size: 11px;
	font-family: "Verdana", "Arial", sans-serif;
	text-align: center;
	z-index: 1;
	}
	
	/* =================================================================================================== */
	/* !GENERAL STYLING */ 
	/* =================================================================================================== */
	/* base links */	
	a:link, a:visited{background:none; color:#FFF; text-decoration:underline;}
	a:hover, a:active{background:none; color:#FFF; text-decoration:underline;}	
	
	/* text treatments */
	h1, h2, h3, h4, h5, h6{font-family:"Verdana", "Arial", sans-serif;}
	h1{margin:10px 0 10px 0; color:#699; font-size:26px; line-height:30px; text-transform:uppercase; font-weight:normal;}
	h2{margin:30px 0 10px 0; color:#FFF; font-size:18px; text-transform:uppercase; font-weight:bold;}
		a h2{color:#699;}
		.content #left_col h2{
			color: #699; 
			text-transform: capitalize; 
			font-weight: normal; 
			border-bottom: 2px solid #D0DBDB; 
			padding-bottom: 10px; 
			margin-bottom: 20px;
			}
	h3{margin:35px 0 5px 0; color:#9AA; font-size:16px; text-transform:capitalize; font-weight:normal;}
	h4{margin:35px 0 5px 0; color:#666; font-size:12px; text-transform:capitalize; font-weight:normal;}
	
	a img{border:none; outline:none; background:none;}
	a{outline:none !important;}
	.no_effect{background:none !important;}
	p{font-size:12px; font-family:"Verdana", "Arial", sans-serif; margin:0 0 15px 0; line-height:18px;}
	q{color:#FFC;}
	strong{color:#555;}
	blockquote{margin:20px 30px; padding:0; font-size:34px; font-style:italic; font-family:"Times New Roman"; color:#577;}
	
	.wp-caption-text{font-size:10px; line-height:13px; padding-top:3px;}
	
	ul{list-style:disc;}
	ul li{margin:5px 0 5px 35px;}

	ol{list-style:decimal;}
	ol li{margin:30px 0 30px 35px;}

	small, small a{font-size:9px; color:#999 !important;}
	hr{background:#D0DBDB; height:2px; border:none; margin:30px 0;}
	
	/* basic classes */
	.clearer{height:0px; padding:0; margin:0; clear:both;}
	.alignleft{position:relative; float:left; margin:0 30px 5px 0;}
	.aligncenter{position:relative; text-align:center; margin:15px auto;}
	.alignright{position:relative; float:right; margin:0 0 5px 30px;}
	.rtt{position:relative; text-align:right; clear:both;}
	.vcard{display:none;}	/* hide embedded hcard */
	.toggler, .toggler2{cursor:pointer;}
	
	.grid{position:relative; list-style:none; margin:50px auto; padding:0;}
	.grid li{position:relative; float:left !important; padding:0 20px 30px 20px !important; margin:0 !important;}
	.grid li p{text-align:center;}	
	
	iframe{background:transparent; border:10px solid #C0CBCB; margin:25px 0; overflow:hidden;}
	.slideElement{height:253px !important; width:531px !important;}
	
	/* =================================================================================================== */
	/* !LAYOUT STYLING */ 
	/* =================================================================================================== */
	/* !HEADER */ 
	/* =================================================================================================== */
	#header{position:relative; width:100%; height:110px; background:#FFF; z-index:1;}
		#header .content{position:relative; height:inherit; width:980px; padding:0 10px; margin:0 auto; z-index:1;}
			#header h1{
				position: relative;
				background: url(images/header.gif) no-repeat; 
				text-indent: -9999px; 
				display: block; 
				height: 75px; 
				width: 580px; 
				padding: 0 55px 0 0; 
				margin: 0 10px 0 0; 
				top: 18px;
				}

			
		#navigation{
			position: relative;
			margin: 0 auto 5px auto;
			width: 100%;
			color: #333; 
			background: #FFF url(images/nav_bg.gif) repeat-x;
			border-top: 1px solid #333; 
			border-bottom: 1px solid #333;
			text-align: center;
			}
		#navigation ul{position:relative; margin:0 auto; list-style:none; height:27px; width:1000px; overflow:hidden;}
		#navigation li{position:relative; float:left; margin:0; border-right:1px solid #333; line-height:27px; font-size:bold; text-transform:uppercase;}
		#navigation .first{border-left:1px solid #333;}
		#navigation a{padding:0 16px;}
		#navigation a:link, #navigation a:visited{display:block; height:27px; background:transparent; color:#333; text-decoration:none;}
		#navigation a:hover, #navigation a:active{display:block; height:27px; background:url(images/nav_bg_hover.gif) repeat-x; color:#333; text-decoration:none;}	
			
		/* mailchimp signup */
		#header #frm_email_signup{position:absolute; top:25px; right:0; display:block; width:340px; height:75px;}
			#icon_newspaper{margin:0 0 0 5px;}
			#frm_email_signup h4{font-size:10px; line-height:13px; margin: 10px 0 5px 0; padding:0; position:relative; top:0;}
			#frm_email_signup .email{position:relative; float:left; height:17px; width:135px; font-size:10px; border:1px solid #BBB; margin:1px 10px 0 0; padding:0 4px;}
			#frm_email_signup .bttn{
				position: relative;
				top: 1px;
				background: url(images/bttn_submit.gif) no-repeat; 
				font-size: 0;
				text-indent: -9999px; 
				display: block; 
				width: 64px; 
				height: 18px;
				border: none;
				outline: none;
				cursor: pointer;
				float: left;
				}		
	
	/* =================================================================================================== */
	/* !CENTER */
	/* =================================================================================================== */
	#center{position:relative; width:100%; height:100%; margin:0 auto; background:#699; z-index:1;}
		#center .content{position:relative; width:980px; height:100%; margin:0 auto; padding:10px 0; background:#699; z-index:1;}
		
			
		/************/
		/* LEFT COL */
		/************/
		#center .content #left_col	   {width:582px; float:left; position:relative; background:#E0EBEB; margin:-10px 0 -10px 0; padding:20px;}
		.postlist{list-style:none;}
		
		#center .content h1, #center .content h2, #center .content h3{clear:both;}
		#center .content #left_col a:link, #center .content #left_col a:visited{background:none; color:#933; text-decoration:underline;}
		#center .content #left_col a:hover, #center .content #left_col a:active{background:none; color:#933; text-decoration:underline;}
		
		/* home style */
		#center .content #left_col.home{width:540px; float:left; position:relative; background:none; margin:0; padding:0;}
			#lead_img{
				position: relative;
				background: transparent url(images/shadow_main.gif) no-repeat; 
				display: block; 
				width: 540px;
				height: 272px;
				padding: 4px 0 0 5px;
			    margin: 0 0 0 -4px;
				}
				#lead_img #img_wrapper{width:531px; height:252px; overflow:hidden; display:block; position:relative;}
			#lead_text    {background:#E0EBEB; padding:9px 12px; width:510px;}
			#lead_text h3 {color:#066; font-size:15px; line-height:18px; text-transform:uppercase; padding:0; margin:0 0 3px 0;}
			#lead_text p  {color:#333; font-size:10px; padding:0; margin:0; line-height:15px;}		
			#lead_text a{position:relative; float:right; top:-14px;}
			
			#lead_text a:link, #lead_text a:visited{color:#033; text-decoration:none; font-weight:bold; font-size:9px; line-height:14px;}
			#lead_text a:hover, #lead_text a:active{color:#033; text-decoration:underline; font-weight:bold; font-size:9px; line-height:14px;}
		
		#center .content #left_col ul li{margin:10px 0 10px 35px;}	
		
		
		/************/
		/* CALENDAR */
		/************/
		.ics-nav-button{color:#933 !important;}
		.ics-calendar-table td{border-right:1px solid #9FCFCF; border-left:1px solid #9FCFCF;}
		.ics-calendar-days td{background:#699 !important; color:#FFF !important;}
		.date-holder{background:#9FCFCF !important; color:#FFF !important;}
		.ics-calendar-event-box{z-index:200 !important; line-height:18px;}
		.ics-calendar-event-box strong{color:#666; line-height:30px;}
			
		/*************/
		/* RIGHT COL */	
		/*************/
		#center .content #right_col		 {width:340px; float:right; position:relative;}
		
		/* home style */
		#center .content #right_col.home {width:425px; float:right; position:relative;}
		#center .content #right_col a:link, #center .content #right_col a:visited{background:none; color:#FFF; text-decoration:underline;}
		#center .content #right_col a:hover, #center .content #right_col a:active{background:none; color:#FFF; text-decoration:underline;}
		
		
		/***********/
		/* SIDEBAR */	
		/***********/		
		/* search form */
		#center .content #right_col #searchform{position:absolute; top:0; right:0; display:block; height:24px;}
		#searchform label{display:none;}
		#searchform #searchsubmit{
			position: relative;
			top: -2px;
			background: transparent url(images/bttn_search.gif) no-repeat; 
			text-indent: -9999px; 
			font-size: 0;
			line-height: 0;
			border: none; 
			width: 66px; 
			height: 18px; 
			cursor: pointer;
			}
		#searchform #s{
			width: 140px; 
			cursor: pointer; 
			color: #699; 
			font-size: 9px;
			text-transform: uppercase;
			padding: 1px 4px; 
			}
			.home #searchform #s{width:188px;}
	#side_ads {background:none !important;}
	 	/* titles */
	 	#center .content #right_col h2{border-bottom:1px solid #FFF; padding:6px; margin:25px 0 0 0;}
		#center .content #right_col h2 em{color:#CFF; font-style:normal;}
		
		/* ribbon list */		
		/* sets height of accordion on homepage so it doesn't "bump" other content */
		#accordion{height:310px; overflow:auto;}
		.home #accordion{height:290px; overflow:auto;}
		
		
		.ribbon{list-style-type:none; list-style-position:outside; color:#FFF;}
		.ribbon li{
			position: relative;
			margin: 0;
			line-height: 12px;
			}
		
			/* links */
			.ribbon li a:link, .ribbon li a:visited{
				background: #85B8B8 !important; 
				border-bottom: 1px solid #699;
				display: block;
				padding: 7px 10px;
				margin: 0;
				text-decoration: none !important;
				}
			.ribbon li a:hover,	.ribbon li a:active{
				background: #699 !important; 
				border-bottom: 1px solid #699; 
				display: block; 
				padding: 7px 10px;
				margin: 0; 
				text-decoration: none !important;
				}
		
		#services_bar{list-style:none; position:relative; margin:40px 0; height:60px;}
			.home #services_bar{margin:0 0 0 0;}
			#services_bar li{float:left;  text-indent:-9999px; height:59px; margin:0 1px 0 0; padding:0 1px 0 0;}
			.home #services_bar li{float:left;  text-indent:-9999px; height:59px; margin:0 1px 0 6px; padding:0 1px 0 0;}
			
			#services_bar li a{display:block; height:59px;}
				#services_bar #icon_events {width:95px; background:url(images/service_icons.png) no-repeat 0 0;}
				#services_bar #icon_podcast {width:50px; background:url(images/service_icons.png) no-repeat -106px 0;}
				#services_bar #icon_movie {width:75px; background:url(images/service_icons.png) no-repeat -165px 0;}
				#services_bar #icon_video {width:76px; background:url(images/service_icons.png) no-repeat -250px 0;}
				#services_bar #icon_photo {width:85px; background:url(images/service_icons.png) no-repeat -338px 0;}
				#services_bar .last, .home #services_bar .last{border:0; margin-right:0; padding-right:0;}
	
		#side_ads{position:relative; height:1120px; width:300px; padding:10px; margin:0 auto; background:#FFF; right:-10px; overflow:hidden;}
			.side-showcase{padding-bottom:10px; height:250px; width:300px; overflow:hidden; display:block;}
			.side-vertical{padding-bottom:10px; height:240px; width:120px; overflow:hidden; display:block;}
			.side-skyscraper{position:relative; float:left; padding-right:20px; height:600px; width:160px; overflow:hidden; display:block;}
			
		/******************/
		/* SEARCH RESULTS */	
		/******************/
		.search_results{list-style:none;}
		.search_results .post .title{margin:0 0 5px 0;}
		.search_results .post{margin:0 0 80px 0 !important; padding:8px; background:#D0DBDB; padding:20px;}
		
		.postnavigation, .meta ul{list-style:none;}	
		.postnavigation{height:30px;}
		.postnavigation	.postnav-recent{float:left; margin:5px 0 5px 0 !important;}
		.postnavigation	.postnav-older{float:right; margin:5px 0;}
		
		.search_results .meta{position:relative; float:left; top:25px; left:0px; margin:0 0 0 -18px;}
		.search_results .meta li, .search_results .meta p{font-size:9px; color:#666; line-height:12px; margin:0;}
		.search_results .meta .post-categories{margin:0; padding:0; position:absolute; top:7px; left:0;}
		.search_results .meta .post-categories li{margin:7px 0 0 0 !important; padding:0 5px 0 0;}
			
		/***********/
		/*  POSTS  */	
		/***********/
		.post .title{margin:0 0 25px 0;}
		.post a:link, .post a:visited{color:#933;}
		.post a:hover, .post a:active{color:#933; text-decoration:none; font-style:italic;}
		
		.post .entry img, .post object{border:10px solid #C0CBCB;}
		.post object{display:block;}
		
		.post .meta{position:relative; top:0; left:0px; margin:30px 0 15px 0;}
		.post .meta li, .post .meta p{font-size:10px; color:#666; line-height:12px; margin:0; font-weight:bold;}
		.post .meta .post-categories{margin:0; padding:0; position:absolute; top:7px; left:0;}
		.post .meta .post-categories li{margin:7px 0 0 0 !important; padding:0 15px 0 0; font-weight:normal; position:relative; float:left;}
		
			/* COMMENT AREA */
			#respond{border-top:2px solid #D0DBDB; margin-top:50px;}
				label{font-size:17px;}
				.info p{font-size:9px; font-family:"Arial";}
					.info .required{color:#933;}
				#commentarea{width:560px; border:10px solid #D0DBDB; margin:-15px 0 0 0;}
				#submit{border:2px solid #A0ABAB; border-left:none; border-top:none; background:#D0DBDB; color:#606B6B; cursor:pointer; padding:6px 10px; margin:10px 0;}
					#submit:hover, #submit:focus{background:#A0ABAB; color:#FFF;}
			
			/* POST NAVIGATION */
			.postnavigation ul{list-style:none; margin:0; padding:0 !important; border-top:2px solid #D0DBDB;}
			.postnavigation ul li{color:#FFF; position:relative; float:left;}
			
	/***********************/
	/*  SUBSCRIPTION FORM  */	
	/***********************/		
	.form h3{text-transform:none;}
	.form label{font-size:13px; margin:10px 0; font-weight:bold; cursor:pointer;}
	.form input{font-size:12px; padding:5px 10px 0 10px; margin:10px 3px; border:2px solid #D0DBDB; width:200px; height:23px; line-height:12px;}
	.form .radio{width:20px; position:relative; top:4px;}
	.form .bttn_submit{
			background: url(images/bttn_submit.gif) no-repeat; 
			font-size: 0;
			text-indent: -9999px; 
			display: block; 
			width: 64px; 
			height: 18px;
			cursor: pointer;
			}
			
	/* =================================================================================================== */
	/* !FOOTER */
	/* =================================================================================================== */		
	#footer{position:relative; width:100%; height:170px; background:#FFF; z-index:1;}
		#footer .content{position:relative; width:980px; padding:0 10px; margin:0 auto; z-index:1;}
			
			#footer_ads{position:relative; width:100%; height:90px; margin:0; padding:10px 0; overflow:hidden;}
				#bottom-mini-leaderboard{position:relative; float:left; height:90px; width:200px; overflow:hidden;}
				#bottom-leaderboard{position:relative; float:right; height:90px; width:728px; overflow:hidden;}
				
			#footer .content p{text-align:center; color:#699; font-size:9px; line-height:13px; clear:both; margin-bottom:0;}