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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr { 
	margin: 0; 
	padding: 0;
}

body { 
	background: #fff;
	color: #484848;
	font: 68.75% Tahoma, Arial, Verdana, Helvetica, sans-serif;
	
	}
	h1 { 
		font-size: 1.5em; 
	}
	h2 { 
		font-size: 1.3em; 
	}
	h3 { 
		font-size: 1.2em;
	}
	h4 { 
		font-size: 1.1em;
	}
	p { 
		font-size: 1em;
	}
	a, a:link, a:visited {
		color: #484848;
		text-decoration: none;
		}
		
	img { border: none; }
	fieldset { border: none; }
	
	ul, ol {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
  }

#skip-navigation, #bannerad, #partnership, #search, #leftContent, .rightColumn, ul#navFooter, .middleColumn .header ul, div.divider, a.button, .tabEnvelope, span#sharethis_0, #controlbar { display: none; }
	
#envelope {
	position: relative;
	width: 608px;
	background: #fff;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	}
	
	/* Header */
	div#header {
		position: relative;
		width: 608px;
		height: 96px;
		background: #fff;
		z-index: 5;
		margin: 0;
		border-bottom: 4px solid #aaaaaa;
	}
		/* Logo */
		h1#logo {
			position: relative;
			width: 253px;
			height: 43px;
			padding: 30px 0 0 29px;
			}
			
	/* Icon Utility */		
	ul#printUtility {
		position: absolute;
		top: 56px;
		right: 20px;
		
	}
		ul#printUtility li {
			display: inline;
			float: left;
			font-weight: bold;
			font-size: .9em;
			padding: 0 0 0 21px;	
		}
		ul#printUtility li a {
			display: block;
			float: left;
			padding: 0 0 3px 18px;	
		}
		
			ul#printUtility li#printIcn a { background: url(/spire-themes/images/spire/interface/icn-print-bw.gif) 0 0 no-repeat; }
			ul#printUtility li#closeIcn a { background: url(/spire-themes/images/spire/interface/icn-close.gif) 0 0 no-repeat; }
		
		
	/* Content Envelope*/
	.contentEnvelope {
		position: relative;
		width: 608px;
		padding: 0;
	/*	border-top: 20px solid #e9e9e9; */
		background: #fff;
		margin: 0;
	}

		/* Main Content */
		.mainContent {
			position: relative;
			width: 584px;
			margin: 0px 12px 0 12px;
		}
			/* Main Header */
			.mainContent h1 {
				width: 584px;
				height: auto;
				background-repeat: no-repeat;
				background-position: 0 0;
				background-color: #fff;
				border: none;
				text-indent: 0px;
				font-size: 1.6em;
				font-weight: normal;
				margin: 0 0 8px 0;
				padding: 0;
				}
	
	/* Middle Column */	
	.middleColumn {
		position: relative;
		width: 584px;
		z-index: 20;
	}
				
		.middleColumn .header {
			position: relative;
			width: 584px;
			padding: 8px 0 5px 0;
			margin: 0 0 0px 0;
			font-size: 1.1em;
			font-weight: bold;
			
			}
				
			
			/* Toasts */
			.toastEnvelope {
				width: 34px;
				float: left;
				display: inline;
				margin: 0 15px 0 10px;
				text-align: center;
				visibility: hidden;
			}
	
				.toast span {
					display: block;
					padding: 0 0 0 0;
					font-size: 2.1em;
					border-bottom: 1px solid #bfbfbf;
					margin: 0 0 4px 0;
				}
				.toastAction {
					font-weight: bold;
					font-size: .9em;
				}
				
			
			/* Writeup */
			.writeUp {
				position: relative;
				float: left;
				width: 506px; 
				padding: 0 0 30px 0;
				}
				#subHeader {
					padding: 4px 0 6px 0;
					font-weight: bold;
				}
				.writeUp img {
					float: right;
					margin: 0 0 20px 20px;
				}
				.writeUp p {
					line-height: 1.35em;
					padding: 0 0 15px 0;
					font-weight: normal;
					font-size: 1em;
				}
				.writeUp h3 { 
					font-size: 1.9em;
					padding: 0 0 1px 0; 
					font-weight: normal;
					margin-top: -5px;
				}
					
				.writeUp h4 {
					font-size: 1.3em;
					padding: 0 0 15px 0;
				}
					
				.writeUp small {
					float: left;
					clear: both;
					display: block;
					width: 100%;
					font-weight: normal;
					color: #939393;
					margin: 0 0 13px 0;
				}	
					
				.writeUp a.right { float: right; margin: 4px 1px 0 0;}
				.writeUp a { font-weight: normal; }

/* Begin S-File specific styles */    
    
/* BEGIN SHARED STYLES */ 

#start-spire-content h1 {
/* Formating for File titles */
	font-size: 1.3em;
	font-weight: bold;
	background:none;
	text-indent: 0px;
	height: 100%;
	width: 100%;
	margin: 0;
}

#start-spire-content h2 {
/* Formatting for the post subtitles. */
    font-size: 1em;
    font-weight:bold;
    color: #A9A9A9;
    margin: 0px 0px 10px;
    }

 #start-spire-content h2#bundleEntry   {
    font-weight:bold;
    color:#484848;
    margin:0px 0px 0px;
    }
  
#start-spire-content img
/* Image formatting for all images except the bundles. */
    {
    float:right; 
    clear:right; /* needed for when video link is present, otherwise floats get wacky */
    margin: 10px 0px 10px 15px
    }

#start-spire-content .video img
/* Image formatting for video icon, overrides the generic image formatting for the file image. */
    {
    float:none; 
    margin:0px;
    clear:none;
    }

.video
/* Container div for video link */
    {
    border-top: 3px solid #DDEEF1; 
    border-bottom: 3px solid #DDEEF1; 
    margin:3px 0pt 0px 15px;
    float:right;  
    width:222px; 
    height:25px;
    }

.video table
/* table formatting for video content */
    {
    margin:5px 0px;
    padding:0px;
    width:100%;
    }

.video td#icon
/* cell formatting for video icon */
    {
    padding-right:5px; 
    width:30%;
    }

.multi-photo-bundle .video td#icon
/* cell formatting for video icon in multi-photo bundle bundles. */
    {
    padding-right:2px; 
    width:17%;
    }

.video td#link
/* cell formatting for video link */
    {
    padding-left:5px; 
    }

.multi-photo-bundle .video td#link
/* cell formatting for video link in multi-photo bundle bundles. */
    {
    padding-left:2px; 
    }

.multi-photo-bundle .video
/* Container div for video link */
    {
    border-top: 3px solid #DDEEF1; 
    border-bottom: 3px solid #DDEEF1; 
    margin:3px 0pt 0px 15px;
    float:right;  
    width:135px; 
    height:25px;
    }

.video-text
/* Formatting for the text in the video link in multi-photo bundle bundles. */
    {
    border: 0px solid; 
    font-weight:bold; 
    color:#2A94BB; 
    text-transform: uppercase; 
    }

.entry-subtitle
/* Formatting for entry subtitles. */
    {
    font-weight:bold;
    color: #A9A9A9;
    margin: 0px 0px 10px;
    }

    .description 
/* Alternate formatting for content when it's not included in a p tag. This is to match the line height spacing that's assigned to all paragraphs from the interface css. */
    {
    line-height: 1.35em;
    }
    
    .content .description p
/* Paragraph formatting for the sFile and generic posts. */
    {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    }
    
.contact
/* Formatting for the contact information text. */
    {
    margin:10px 0px 0px 0px;
    }

.location
/* Formatting for the location text. */
    {
    color: #696969;
    margin: 0 0 10px;
    }      

.entry-divider
/* The dotted line that divides each entry in a bundle. */    
    {
    background: transparent url(../../images/spire/interface/dotted-line.gif) repeat-x scroll left bottom;
    /* background: transparent url(../../spire-themes/images/spire/interface/dotted-line.gif) repeat-x scroll left bottom; */
    display:block;
    margin: 15px 0;
    width: 100%;
    padding: 1px;
    clear: both;
    }

.geography
/* Formatting for entry-level geography display */
    {
    margin:10px 0px 0px 0px;
    }

.label
/* Formatting for the geography (and other) labels */
    {
    font-weight:bold;
    }
    
.entry .name
/* Formatting for the name of each entry in the bundled files, contrast to Post name. */
    {
    font-weight:bold;
    }

.bundle-summary
/* Formatting for the optional bundle summary text. */
    {
    margin-top:10px;
    margin-bottom:20px;
    }     
    
.web
/* Formatting for the web site. */
    {
    font-weight:bold;
    }

#start-spire-content .sponsor img
/* General styling for images in the sponsorship block */
    {
    float:none; 
    margin:0; 
    display:block;
    }

#start-spire-content .sponsor-img img
/*Styling for the sponsor logo on a sponsored S-File */
    {
    border:5px solid #ECECEC;
    float:none; 
    margin:0; 
    display:block;
    }

.entry
/* the container for each entry in the bundle templates */
    {
    border:solid green 0px;
    margin:10px 0px 10px 0px;
    }

.related-content-header
/* Formatting for the standard text that is output at the top of related content blocks. */
    {
    text-transform: uppercase;
    font-weight: bold;
    color: #A9A9A9;
    margin: 0 0 10px 0;
    }

.related-content li
/* List formatting for related files links */
    {
    background: url(../../images/spire/content/bullet.gif) 0 5px no-repeat;
    padding-left: 15px;
    position: relative;
    }

/* END SHARED STYLES */ 

/* BEGIN SFILE STYLES */
.gem .post-id a
    {
    display: block;
    margin: 0 0 10px;
    }
/* END SFILE STYLES */

/* BEGIN MULTI-PHOTO STYLES */      
  
#start-spire-content .entry img 
/* Image formatting for the teaser bundle. */
    {
    float:right; 
    width:175px; 
    height:168px;
    margin: 8px 0px 15px 15px;
    clear: both;
    }     

/* END MULTI-PHOTO STYLES */

/* BEGIN HARD BUNDLE STYLES */ 

/**/ 
.single-photo-bundle .entry
 the container for each entry in the hard bundle 
    {
    float:none;
    margin:10px 0px;
    }

/* END HARD BUNDLE STYLES */ 

/* End S-File specific styles */   				
				
			/* Focus */
			.focus {
				clear: both;
				margin: 20px 0 20px 0;
				padding: 0 0 7px 0;
			}
				
				.focus img {
					display: none;
				}
				.focusContent {
					margin: 10px 0 0 0;
					padding: 20px 0;
					border-top: 1px dashed #8c8c8c;
					border-bottom: 1px dashed #8c8c8c;
				}
				.focusContent h3 {
					display: none;

				}
					
				.focusContent p {
					padding: 0;
					font-weight: bold;
				}
			
				.focusContent div { 
					display: none;
				}
					
					
				/* Additional Info */
				.writeUp .additionalInfo { line-height: 1.35em; padding: 0 0 21px 0;}
					.writeUp .additionalInfo h4 { font-size: 1em; padding: 0 0 10px 0; }
								
					.writeUp .additionalInfo ul { padding: 0 0 6px 9px;  font-size: 1em;}
						.writeUp .additionalInfo ul li { 
							padding: 0 0 1px 10px;
							background: url(/spire-themes/images/spire/content/bullet.gif) 0 7px no-repeat;
							line-height: 1.35em;
						}
				.writeUp #viewAll { padding: 0 0 25px 0; }
					.writeUp #viewAll a { font-weight: bold; }
				

			/* Comments */
			.commentHeader {
				width: 501px;
					w\idth: 471px;
				float: left;
				background: #fff;
				border: 1px solid #8c8c8c;
				border-bottom: 4px solid #cecdcd;
				padding: 14px 10px 10px 20px;
				font-size: 1em;
				margin-top: 23px;
			}
				.answer .commentHeader { 
					width: 471px;
				}
			
				.commentHeader h3 {
					font-size: 1.3em;
					float: left;
					padding: 0 6px 0 0;
					font-weight: bold;
				}
				.commentHeader h4 {
					display: none;
				}
	
				.commentHeader a.toggle {
					display: none;
				}

				.commentsEnvelope { 
					width: 501px;
					float: left;
					border: 1px solid #8c8c8c; 
					border-top: none;
					padding-bottom: 5px;
				}
	
					.commentsEnvelope h3 {
						margin: 18px 14px 0 14px;
						padding: 0 0 10px 0;
						font-size: 1.4em;
						border-bottom: 1px solid #8c8c8c;
					}
					.comment { margin: 12px 20px 0px 14px; }
						
					.comment h4, .experience .comment h4 {
						font-size: 1em;
						padding: 0 0 2px 0;
					}
						.experience .comment h4 { padding-bottom: 2px; }
						
					.comment h4 a { font-weight: bold; }
				
				/* Add comment */
				.addComment, .addComment form, .comment fieldset { display: none; }	
					
					
		
		
		

		
/* Footer Styles */
#footer {
	position: relative;
	width: 608px;
	border-top: 4px solid #484848;
	clear: both;
	padding: 16px 0 20px 16px;
	z-index: 5;
	}