/*  
Theme Name: FCM 2
Theme URI: http://www.franciscancm.org/
Description: The alternate visual theme for Franciscan Collaborative Ministries.
Version: 
Author: Lucas Slominski
Author URI: http://lucas.slominski.net/

*/

/*

This is the most unnecessarily complex, disgusting, obese, and clumsy stylesheet that 
I have ever dealt with while designing a website.  It is a perversion of the "Kubrick" 
wordpress theme, which I innocently used as a starting point while integrating Wordpress 
for the first time.  This document is so buggy; I have no idea what's going on anymore.  
I could have spent more time cleaning it up, but instead I just choose to blame the original author, 
Michael Heilemann.

*/


/* News Photo alignment classes */
.left {
	border: 1px solid #000;
	float:left;
	margin: 8px 8px 8px 0px;
	}
	
.center {
	border: 1px solid #000;
	float:clear;
	margin: 8px auto;
	}

.right {
	border: 1px solid #000;
	float:right;
	margin: 8px 0px 8px 8px;
	}

.leftClear {
	border: 0px;
	float:left;
	margin: 8px 8px 8px 0px;
	}
	
.centerClear {
	border: 0px;
	float:clear;
	margin: 8px auto;
	}

.rightClear {
	border: 0px;
	float:right;
	margin: 8px 0px 8px 8px;
	}

/* Begin Typography & Colors */
body {
	font-size: 1.05em;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	/*text-align: center;*/
	}

#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
	}


#headerimg 	{ 
	margin: 7px 9px 0; 
	height: 192px; 
	width: 740px; 
	} 
	

#welcome_section
		{
		position: relative;
		top: 0px;
		left: 170px;
		width:589px;
		height:220px;
		margin-bottom: 0px;
		}
		
#welcome_bg
		{
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		}
		
#welcome_table
		{
		position:absolute;
		top:25px;
		left:30px;
		z-index:2;
		}
		
		
#the_equalizer
		{
		position: relative;
		top: 0px;
		left: 26px;
		margin-bottom: 0px;
		}

#content {
	width: 360px;
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	margin-bottom:40px;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

/*
#footer {
	background: #eee url('images/kubrickfooter.jpg') no-repeat top; 
	border: none;
	}
*/

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: /*'Trebuchet MS', 'Lucida Grande',*/ Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

h2 {
	font-size: 1.4em;
	text-align:left;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: #2C5859;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #2C5859;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a {
	color: #2C7899;
	text-decoration: none;
	}

h2 a:hover, h3 a:hover {
	color: #EE9438;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

/*
.post-meta
		{
		font-family:arial;
		font-size: 11px;
		color:#666666;
		margin-left:3px;
		margin-top:2px;
		}
*/
		
/* End Typography & Colors */



		/* Begin Structure */
		body {
			margin: 0 0 20px 0;
			padding: 0; 
			}
		
		#headerimg {
			margin: 0;
			height: 200px;
			width: 100%;
			}
		
		.narrowcolumn {
			float: left;
			padding: 0 0 50px 5px;
			margin: 0px 0 0;
			width: 450px;
			}
		
		.widecolumn {
			padding: 10px 0 20px 0;
			margin: 5px 0 0 10px;
			width: 450px;
			}
		
		.post {
			margin: 0 0 10px;
			text-align: justify;
			}
		
		.entry_override {
			margin: -10px 0 0 0;
			}
		
		.widecolumn .post {
			margin: 0;
			}
		
		.narrowcolumn .postmetadata {
			padding-top: 5px;
			}
		
		.widecolumn .postmetadata {
			margin: 30px 0;
			}
		
		.widecolumn .smallattachment {
			text-align: center;
			float: left;
			width: 128px;
			margin: 5px 5px 5px 0px;
		}
		
		.widecolumn .attachment {
			text-align: center;
			margin: 5px 0px;
		}
		
		.postmetadata {
			clear: left;
		}
		
		/*
		#footer {
			padding: 0;
			margin: 0 auto;
			width: 760px;
			clear: both;
			}
		
		
		#footer p {
			margin: 0;
			padding: 20px 0;
			text-align: center;
			}
			*/
			
		/* End Structure */



				/*	Begin Headers */
				h1 {
					padding-top: 70px;
					margin: 0;
					}
				
				h2 {
					margin: 20px 0 0;
					}
				
				h2.pagetitle {
					margin-top: 30px;
					text-align: center;
				}
				
				#sidebar h2 {
					margin: 5px 0 0;
					padding: 0;
					}
				
				h3 {
					padding: 0;
					margin: 30px 0 0;
					}
				
				h3.comments {
					padding: 0;
					margin: 40px auto 20px ;
					}
				/* End Headers */



						/* Begin Images */
						p img {
							padding: 0;
							max-width: 100%;
							}
						
						/*	Using 'class="alignright"' on an image will (who would've
							thought?!) align the image to the right. And using 'class="centered',
							will of course center the image. This is much better than using
							align="center", being much more futureproof (and valid) */
						
						img.centered {
							display: block;
							margin-left: auto;
							margin-right: auto;
							}
						
						img.alignright {
							padding: 4px;
							margin: 0 0 2px 7px;
							display: inline;
							}
						
						img.alignleft {
							padding: 4px;
							margin: 0 7px 2px 0;
							display: inline;
							}
						
						.alignright {
							float: right;
							}
						
						.alignleft {
							float: left
							}
						/* End Images */



								/* Begin Lists
								
									Special stylized non-IE bullets
									Do not work in Internet Explorer, which merely default to normal bullets. */
								
								html>body .entry ul {
									margin-left: 0px;
									padding: 0 0 0 30px;
									list-style: none;
									padding-left: 10px;
									text-indent: -10px;
									} 
								
								html>body .entry li {
									margin: 7px 0 8px 10px;
									}
								
								.entry ul li:before, #sidebar ul ul li:before {
									content: "\00BB \0020";
									}
								
								.entry ol {
									padding: 0 0 0 35px;
									margin: 0;
									}
								
								.entry ol li {
									margin: 0;
									padding: 0;
									}
								
								.postmetadata ul, .postmetadata li {
									display: inline;
									list-style-type: none;
									list-style-image: none;
									}
								
								#sidebar ul, #sidebar ul ol {
									margin: 0;
									padding: 0;
									}
								
								#sidebar ul li {
									list-style-type: none;
									list-style-image: none;
									margin-bottom: 15px;
									}
								
								#sidebar ul p, #sidebar ul select {
									margin: 5px 0 8px;
									}
								
								#sidebar ul ul, #sidebar ul ol {
									margin: 5px 0 0 10px;
									}
								
								#sidebar ul ul ul, #sidebar ul ol {
									margin: 0 0 0 10px;
									}
								
								ol li, #sidebar ul ol li {
									list-style: decimal outside;
									}
								
								#sidebar ul ul li, #sidebar ul ol li {
									margin: 3px 0 0;
									padding: 0;
									}
								/* End Entry Lists */



										/* Begin Form Elements */
										#searchform {
											margin: 10px auto;
											padding: 5px 3px; 
											text-align: center;
											}
										
										#sidebar #searchform #s {
											width: 108px;
											padding: 2px;
											}
										
										#sidebar #searchsubmit {
											padding: 1px;
											}
										
										.entry form { /* This is mainly for password protected posts, makes them look better. */
											text-align:center;
											}
										
										select {
											width: 130px;
											}
										
										#commentform input {
											width: 170px;
											padding: 2px;
											margin: 5px 5px 1px 0;
											}
										
										#commentform textarea {
											width: 100%;
											padding: 2px;
											}
										
										#commentform #submit {
											margin: 0;
											float: right;
											}
										/* End Form Elements */



												/* Begin Comments*/
												.alt {
													margin: 0;
													padding: 10px;
													}
												
												.commentlist {
													padding: 0;
													text-align: justify;
													}
												
												.commentlist li {
													margin: 15px 0 3px;
													padding: 5px 10px 3px;
													list-style: none;
													}
												
												.commentlist p {
													margin: 10px 5px 10px 0;
													}
												
												#commentform p {
													margin: 5px 0;
													}
												
												.nocomments {
													text-align: center;
													margin: 0;
													padding: 0;
													}
												
												.commentmetadata {
													margin: 0;
													display: block;
													}
												/* End Comments */

/*********************************************************************************************************************************************/

/* Begin Sidebar */
#sidebar
{
	margin-left: 12px;
	width: 160px;
	}
#sidebar_list {
	text-align: center;
	}
	
#sidebar form {
	margin: 0;
	}
	
#archive_squeeze {
	width: 100px;
	}

	
/* End Sidebar */



		/* Begin Calendar */
		#wp-calendar {
			empty-cells: show;
			margin: 10px auto 0;
			width: 155px;
			}
		
		#wp-calendar #next a {
			padding-right: 10px;
			text-align: right;
			}
		
		#wp-calendar #prev a {
			padding-left: 10px;
			text-align: left;
			}
		
		#wp-calendar a {
			display: block;
			}
		
		#wp-calendar caption {
			text-align: center;
			width: 100%;
			}
		
		#wp-calendar td {
			padding: 3px 0;
			text-align: center;
			}
		
		#wp-calendar td.pad:hover { /* Doesn't work in IE */
			background-color: #fff; }
		
		/* End Calendar */



				/* Begin Various Tags & Classes */
				acronym, abbr, span.caps {
					cursor: help;
					}
				
				acronym, abbr {
					border-bottom: 1px dashed #999;
					}
				
				blockquote {
					margin: 15px 30px 0 10px;
					padding-left: 20px;
					border-left: 5px solid #ddd;
					}
				
				blockquote cite {
					margin: 5px 0 0;
					display: block;
					}
				
				.center {
					text-align: center;
					}
				
				hr {
					display: none;
					}
				
				a img {
					border: none;
					}
				
				.navigation {
					display: block;
					text-align: center;
					margin-top: 10px;
					margin-bottom: 60px;
					}
				/* End Various Tags & Classes*/














/* START CUSTOM STYLESHEET */

/*
DO NOT REMOVE
-------------
Website Design by Lucas Slominski - Fall 2006
Syracuse, New York
http://lucas.slominski.net/


This document supplies style and positioning information 
for the entire website, and calls most displayed images.

Do not modify this file for any reason except site redesign.  
All website text and other content can be updated or changed 
from within the .html files.

*/



/*  Site-wide Class Definitions */

html
		{
		margin: 0;
		padding: 0;
		background: #336666 url("images/background_texture.jpg") no-repeat fixed 0px 0px;
		height: 100%;
		z-index: 2;
		}

body
		{
		margin: 0px;
		padding: 0;
		background: url("images/bg_repeat_new.gif") repeat-y 31px 0px;
		height: 100%;
		font: normal 11px verdana;
		z-index: 1;
		}

/*
#texture_capture
		{
		position: absolute;
		top: 0;
		left: 777px;
		height: 100%;
		}

#bg_texture
		{
		position: absolute;
		background-image: url("images/background_texture.jpg");
		background-attachment: fixed;
		top: 0;
		left: 0;
		width: 30px;
		height: 100%;
		z-index: 7;
		}
*/



/* Sticky Footer Components */
		
#page_container
		{
		top: 0px;
		left: 30px;
		width: 767px;
		position: relative;
		min-height: 100%;
		}
		
* html #page_container
		{
		height: 100%;
		}
		
#footer
		{
		width: 767px;
		height: 100px;
		/*background: url("images/main_09.gif") no-repeat;*/
		position: relative;
		left: 41px;
		margin-top: -100px;
		border: 0px;
		padding: 0px;
		}
		
#toe_tag
		{
		position: absolute;
		top: 28px;
		left: 0px;
		width: 150px;
		height: 72px;
		}
		
#foot_image
		{
		position: absolute;
		top: 0px;
		left: 150px;
		width: 597px;
		height: 100px;
		} 
/*	
#foot_tag
		{
		width: 17px;
		height: 155px;
		left: 751px;
		position: absolute;
		margin: 0px;
		margin-top: -140px;
		z-index: 3;
		}
		
#footer_img
		{
		width: 747px;
		height: 100px;
		text-align: center;
		vertical-align: top;
		z-index: 1;
		}
		
#footer_txt_wrap
		{
		position: relative;
		top: 0px;
		left: 275px;
		z-index: 2;
		}

#footer_txt
		{
		width: 250px;
		height: 50px;
		text-align: center;
		vertical-align: top;
		font-family: verdana;
		font-size: 9px;
		text-decoration: none;
		color: #000000;
		z-index: 2;
		}
*/

	
		
/* Flash Header Components */

#header_hug
		{
		position: relative;
		top: 0;
		left: 1px;
		width: 767px;
		height: 339px;
		padding: 0px;
		z-index: 1;
		}

#header
		{
		position: relative;
		top: 0;
		left: 0px;
		width: 767px;
		height: 339px;
		padding: 0px;
		z-index: -1;
		}

#altcon_bg
		{
		position: relative;
		background-image: url("images/main_02_new.gif");
		width: 767px;
		height: 339px;
		top: 0px;
		left: 0px;
		}
		
#altcon_upgrade
		{
		position: relative;
		width: 400px;
		top: 120px;
		margin-left: auto;
		margin-right: auto;
		}
		
#altcon_links
		{
		position: relative;
		top: 289px;
		}
		
#altcon_links a
		{
		color: #1D3A40;
		text-decoration: none;
		font-weight: bold;
		}
		
#altcon_links a:hover
	{
	color: #FED094;
	text-decoration: none;
	font-weight: bold;
	}
	
#altcon_links a:visited
	{
	color: #1D3A40;
	text-decoration: none;
	font-weight: bold;
	}
	

/* New Header Components */


#sub_header_hug
		{
		position: relative;
		top: 0;
		left: 1px;
		width: 767px;
		height: 34px;
		margin-top: -2px;
		padding: 0px;
		background-image: url("images/menubar_bg.gif");
		z-index: 1;
		}
		
#sub_header
		{
		position: relative;
		top: 0;
		left: 1px;
		margin-left: -1px;
		width: 767px;
		height: 34px;
		padding: 0px;
		z-index: -1;
		}

#head_image
		{
		position: relative;
		top: 0px;
		left: 1px;
		width: 767px;
		margin: 0px;
		padding: 0px;
		z-index:1;
		}
		
#head_image_hug
		{
		position: relative;
		}
		
#menubar
		{
		position: absolute;
		top: 8px;
		left: 44px;
		z-index: 3;
		}
		
#btns
		{
		position: absolute;
		top:2px;
		left:740px;
		z-index:2;
		}


/* Content Capsule */

#content_container
		{
		position: relative;
		top: 0px;
		width: 767px;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
		padding-bottom: 0px;
		z-index: 1;
		}


#news_title
		{
		position: relative;
		top: 15px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
		width: 106px;
		height: 54px;
		background-image: url("images/news_title.gif");
		}
		
/* INVEST IN FCM */

#donation_button
		{
		float: left;
		margin-left: 24px;
		margin-top: 20px;
		clear: left;
		height: 97px;
		width: 127px;
		border: 0;
		z-index: 2;
		margin-top: 5px;
		}
		
#newsletter_button
		{
		float: left;
		margin-left: 12px;
		margin-top: 20px;
		clear: left;
		border: 0;
		z-index: 2;
		}		
		
#subscribe_button
		{
		float: left;
		margin-left: 24px;
		margin-top: 20px;
		clear: left;
		height: 94px;
		width: 148px;
		border: 0;
		z-index: 2;
		}

#join_button
		{
		float: left;
		margin-left: 24px;
		margin-top: 20px;
		clear: left;
		height: 101px;
		width: 134px;
		border: 0;
		z-index: 2;
		}



/* Drop Down Menu Components */

#menu
		{
		float: left;
		margin-left: 10px;
		margin-top: 20px;
		z-index: 3;
		border-bottom: 1px solid #000;
		}
		
ul 
		{
		margin: 0;
		padding: 0;
		list-style: none;
		width: 160px;
		border-bottom: 0px solid #000;
		}
.hovhov 
		{
		position: relative;
		}

.poptest 
		{
		position: absolute;
		left: 159px;
		top: 0;
		width: 200px;
		display: none;
		border-bottom: 1px solid #000;
		z-index: 3;
		}

.hovhov a 
		{
		display: block;
		text-decoration: none;
		text-align: left;
		background: #AFD0CE;
		color: #003D42;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 15px;
		padding-right: 5px;
		border: 1px solid #000;
		border-bottom:0px;
		}

/* Fix IE. Hide from IE Mac \*/
* html .hovhov { float: left; height: 1%; }
* html .hovhov a { height: 1%; }
/* End */

.hovhov a:hover { color: #CC6633; background: #f9f9f9; text-decoration:none; } /* Hover Styles */
		
li ul li a { padding: 4px 5px 4px 10px; } /* Sub Menu Styles */

.hovhov:hover ul, .hovhov.over ul   /* Invoke Magic */
		{ 
		display: block; 
		}
		
/* Fix upcoming events */

ul.ec3_events li ul li {
	width: 125px;
}

ul.ec3_events li ul li a {
	padding: 0px !important;
	letter-spacing: 0px;
	word-spacing: 0px;
}

/* End Fix upcoming events */