/* ============================= LAYOUT STYLESHEET ============================= */

/* hidden */

#top,
#footer {
	display: none;
}

#documents {
	margin-top: -2px;
	text-align: center;
}

	#documents_inner {
		border: 2px solid #000;
		background: #fff;
		border-top: 0;
	}
	
	#documents a {
		color: #fff;
	}
	
	#documents a:hover {
		background: url(../images/get.png) no-repeat center bottom;
		padding-bottom: 32px;
		text-decoration: none;
	}

	#documents ul {
		margin: 0;
		padding: 0.25em;
		background: green;
	}
	
		#documents ul li {
			display: inline;
			margin: 0;
			padding: 0.25em 0.75em;
			font-size: 1.1em;
		}

.container_12 {}

html {
	border-top: 4px solid green;
	border-bottom: 4px solid green;
	background: green;
}

body {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	background: url(../images/diag.png) repeat center top;
}

#top {
	height: 25px;
	border-bottom: 1px solid #000;
	background: #ccc;
	position: fixed;
	top: 0;
	width: 100%;
}

	#nav_1 {}
	
		#nav_1 ul {
			margin: 0;
			padding: 0;
		}
		
			#nav_1 ul li {
				display: inline;
				margin: 0 10px;
				padding: 0;
			}
			
				#nav_1 ul li a {
					line-height: 25px;
				}
				
				#nav_1 ul li.active a {
					color: #000;
				}
				
				#nav_1 ul li a span {}
				
				#nav_1 ul li.active a span {}
				
	#doc_types {}
				

#wrapper {
	margin: 0 auto;
	position: relative;
}

	#header {
		padding: 45px 0 0;
		background: url(../images/blocks.png) no-repeat center bottom;
	}
	
		#header h1 {}
		
			h1 span,
			h2 span {
				color: green;
			}
		
		#header ul {
			margin: 0 0 2em;
			padding: 0;
			text-transform: uppercase;
		}
		
			#header ul li {
				display: block;
				float: left;
				padding: 0 15px;
				border-right: 1px solid #000;
				margin: 0;
				font-size: 1.2em;
				line-height: 1;
			}
			
				#header ul li.first {
					padding: 0 15px 0 0;
				}
				
				#header ul li.last {
					padding: 0 0 0 15px;
					border-right: 0;
				}

	#content {}
	
	/* About */
	
	/* Contact */
	
	/* Portfolio */
	
	/* Resume */
		
		#resume {}
		
		.areas {
			padding: 0;
			margin: 0;
			border-bottom: 1px solid #000;

		}
		
			.areas h2.heading {
				background: #e5e5e5 url(../images/area_expanded.png) no-repeat right bottom;
				padding: 1em 0;
			}
			
			.areas h2.heading.collapsed {
				background: #e5e5e5 url(../images/area_collapsed.png) no-repeat right bottom;
			}
			
			.areas h2.heading.hover {
				background: #e5e5e5 url(../images/area_hide.png) no-repeat right bottom;
				padding: 1em 0;
			}
			
			.areas h2.heading.hover.collapsed {
				background: #e5e5e5 url(../images/area_show.png) no-repeat right bottom;
			}
		
		.sections {
			padding: 2em 0;
			margin: 0 0 1px 0;
			border-bottom: 1px solid #000;
			background: url(../images/blocks.png) no-repeat center bottom;
		}
		
			.sections h2,
			h2.heading {
				cursor: pointer;
			}
			
				.sections h2.hover span,
				#branding h2.parent.hover span,
				#theming h2.parent.hover span {
					padding-right: 22px;
					background: url(../images/minus_small.png) no-repeat right center;
				}
				
				.sections h2.collapsed span,
				#branding h2.parent.collapsed span,
				#theming h2.parent.collapsed span {
					color: #666;
				}
				
				.sections h2.collapsed.hover span,
				#branding h2.parent.collapsed.hover span,
				#theming h2.parent.collapsed.hover span {
					padding-right: 22px;
					background: url(../images/add_small.png) no-repeat right center;
				}
				
				.areas h2.heading.hover span {
					padding-right: 30px;
					background: url(../images/minus.png) no-repeat right center;
				}
				
				.areas h2.heading.collapsed span {
					color: #666;
				}
				
				.areas h2.heading.collapsed.hover span {
					padding-right: 30px;
					background: url(../images/add.png) no-repeat right center;
				}
		
			.sections ul {
				margin: 0;
				padding: 0;
			}
			
			.sections ul li {
				margin: 0;
				padding: 0;
				list-style: none;
			}
		
		.sections.first {
			border-top: 1px solid #000;
		}
		
		.sections.last {
			padding: 2em 0;
		}
	
		#profile {}
		
		#skills {}
		
		#experience {}
		
			.header_experience {
				padding: 2em 0 0;
			}
			
			.header_experience.first {
				padding: 0;
			}
			
			.content_experience {
				padding: 0 0 2em;
				border-top: 1px solid #ccc;
			}
			
			.content_experience.last {
				padding: 0;
			}
		
		#education {
			padding: 2em 0 2em;
			border-bottom: 0;
		}
		
			.school {
				padding: 0 0 2em;
			}
			
			.school.last {
				padding: 0;
			}
			
		
		#references {}
		
		#additional {}
		
		#portfolio {
			border-bottom: 1px solid #000;
		}
		

#footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	border-top: 1px solid #000;
	background: #ccc;
	height: 25px;
}

	#footer_contact {
		line-height: 25px;
		text-align: center;
		font-size: 1.4em;
		padding: 1em 0;
	}
	
		#footer_contact span {
			color: green;
		}