/*  
Theme Name: FCM 2
Theme URI: http://www.napoleontownship.us/
Description: The alternate visual theme for Napoleon Township.
Version: 
*/

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

/* Begin Typography & Colors */
body {
	font-size: 1.05em;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	/* color: #546c4b; */
	color: #2b3c0e;
	/*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: 190px;
		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: 'Lucida Grande', Verdana, 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: #395001;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #395001;
	}

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: #556a2b;
	text-decoration: none;
	font-weight:bold;
	}

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

a:hover {
	color: #2b3c0e;
	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: 0px 0px 50px 5px;
			margin: 0px 0px 0px;
			width: 450px;
			}
		
		.widecolumn {
			padding: 10px 0px 20px 0px;
			margin: 5px 0px 0px 10px;
			width: 450px;
			}
		
		.post {
			margin: 0px 0px 10px;
			text-align: justify;
			}
		
		.entry_override {
			margin: -10px 0px 0px 0px;
			}
		
		.widecolumn .post {
			margin: 0px;
			}
		
		.narrowcolumn .postmetadata {
			padding-top: 5px;
			}
		
		.widecolumn .postmetadata {
			margin: 30px 0px;
			}
		
		.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: 0px;
					}
				
				h2 {
					margin: 20px 0px 0px;
					}
				
				h2.pagetitle {
					margin-top: 30px;
					text-align: center;
				}
				
				#sidebar h2 {
					margin: 5px 0px 0px;
					padding: 0px;
					}
				
				h3 {
					padding: 0px;
					margin: 30px 0px 0px;
					}
				
				h3.comments {
					padding: 0px;
					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: 0px 0px 2px 7px;
							display: inline;
							}
						
						img.alignleft {
							padding: 4px;
							margin: 0px 7px 2px 0px;
							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: 0px 0px 0px 30px;
									list-style: none;
									padding-left: 10px;
									text-indent: -10px;
									} 
								
								html>body .entry li {
									margin: 7px 0px 8px 10px;
									}
								
								.entry ul li:before, #sidebar ul ul li:before {
									content: "\00BB \0020";
									}
								
								.entry ol {
									padding: 0px 0px 0px 35px;
									margin: 0px;
									}
								
								.entry ol li {
									margin: 0px;
									padding: 0px;
									}
								
								.postmetadata ul, .postmetadata li {
									display: inline;
									list-style-type: none;
									list-style-image: none;
									}
								
								#sidebar ul, #sidebar ul ol {
									margin: 0px;
									padding: 0px;
									}
								
								#sidebar ul li {
									list-style-type: none;
									list-style-image: none;
									margin-bottom: 15px;
									}
								
								#sidebar ul p, #sidebar ul select {
									margin: 5px 0px 8px;
									}
								
								#sidebar ul ul, #sidebar ul ol {
									margin: 5px 0px 0px 10px;
									}
								
								#sidebar ul ul ul, #sidebar ul ol {
									margin: 0px 0px 0px 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*/

/*  Site-wide Class Definitions */

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

body
		{
		margin: 0px;
		padding: 0px;
		background: 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
		{
		/*position:absolute;
		bottom: 0px; */
		/* margin-top: -100px; */
		width: 767px;
		height: 100px;
		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: relative;
		top: 2px;
		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");
		}
		
/* LOWER LEFT-HAND SIDEBAR */

#donation_button
		{
		position: absolute;
		top: 180px;
		left: 25px;
		height: 97px;
		width: 127px;
		border: 0;
		z-index: 2;
		}
		
#subscribe_button
		{
		position: absolute;
		top: 310px;
		left: 15px;
		height: 94px;
		width: 148px;
		border: 0;
		z-index: 2;
		}

#join_button
		{
		position: absolute;
		top: 430px;
		left: 23px;
		height: 101px;
		width: 134px;
		border: 0;
		z-index: 2;
		}



/* Drop Down Menu Components */

#menu
		{
		position: absolute;
		top: 40px;
		left: 10px;
		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;
		}

.hovhov a 
		{
		display: block;
		text-decoration: none;
		text-align: left;
		background: #d0dbd2;
		color: #2b3c0e;
		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: #6b8536; 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; 
		}
		.topNavigation A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; text-decoration:none; font-weight:bold; COLOR: #2b3c0e;
}
 HTML .topNavigation {
	FLOAT: left; HEIGHT: 1%; padding-top:10px; padding-left:80px; text-align:right
}
 HTML .topNavigation A {
	HEIGHT: 1%
}
.topNavigation A:hover {
	COLOR: #6b8536; text-decoration:underline;
}