body {
	background:transparent url(../images/wood_pattern.jpg) repeat fixed;
	color: #111111;
	font-size: 12.5px; 
	font-family: "Courier New", monospace;
}

/* ---- Modified 960 grid system ---- */

/* Containers */
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global */
.grid_1,
.grid_2,
.grid_3 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 40px;
	margin-right: 40px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last) */

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns */

.container_12 .grid_1 {
	width:240px;
}
.container_12 .grid_2 {
	width:560px;
}
.container_12 .grid_3 {
	width:880px;
}

/* Prefix Extra Space >> 12 Columns */

.container_12 .prefix_1 {
	padding-left:260px;
}
.container_12 .prefix_2 {
	padding-left:580px;
}

/* Suffix Extra Space >> 12 Columns */

.container_12 .suffix_1 {
	padding-right:280px;
}
.container_12 .suffix_2 {
	padding-right:600px;
}

/* Push Space >> 12 Columns */

.container_12 .push_1 {
	left:280px;
}
.container_12 .push_2 {
	left:580px;
}

/* Pull Space >> 12 Columns */

.container_12 .pull_1 {
	left:-280px;
}
.container_12 .pull_2 {
	left:-580px;
}

/* ---- Clear floated elements ---- */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* ---- Header Styles ---- */
#header {
	background: transparent url(../images/headerBackground.png) no-repeat top;
	margin-top: 30px;
	position: relative;
}
	#header h1 {
		margin-top: 5em;
	}
#picture {
	background: url(../images/pictureFrame.png) no-repeat left;
	min-width: 240px;
	min-height: 215px;
	padding-top: 20px;
}
	.picture {
		padding-top: 11px;
		padding-left: 22px;
	}
	.paperclip {
		position: absolute;
		left: 30px;
		top: 0px;
	}
#userName h2 {
	margin-top: 0;
	text-transform: none;
}
#userName ul {
	margin-top: 1em;
}
#social {
	padding-top: 80px;
}
	#social ul li {
		float: left;
	}
		#social ul li a {
			background: none;
		}
	#social img {
		padding-top: 4px;
	}
	
/* ---- Main Styles ---- */
#main {
	background: transparent url(../images/mainBackground.png) repeat-y;
	padding-bottom: 25px;
	padding-top: 20px;
}
#summary {
	margin-bottom: 24px;
}
ul.professionalExperience li {
	background: transparent url(../images/listDivider.png) no-repeat bottom;
	margin-bottom: 24px;
	padding-bottom: 36px;
}
	ul.professionalExperience li li {
		background: transparent url(../images/bullet.png) no-repeat left;
		margin-bottom: 0px;
		margin-left: 12px;
		margin-top: 5px;
		padding-bottom: 0px;
		padding-left: 12px;
	}
ul.skills {
	background: transparent url(../images/listDivider.png) no-repeat bottom;
	margin-bottom: 24px;
	padding-bottom: 36px;
}
	ul.skills li {
		background: transparent url(../images/bullet.png) no-repeat left;
		margin-left: 12px;
		margin-top: 5px;
		padding-left: 12px;
	}
	ul.skills li:first-child {
		margin-top: 0;
	}
#footerContainer {
	background: transparent url(../images/footerBackground.png) no-repeat top;
	min-height: 75px;
}
/* ---- Contact Form ---- */
#contact {
	position: fixed;
	background: transparent url(../images/contactBackground.gif) no-repeat top;
	bottom: 0;
}
	#contact h2 {
		color: #ebebeb;
		cursor: pointer;
		display: block;
		padding-bottom: 15px;
		padding-top: 5px;
		text-align: center;
	 	text-shadow: -1px -1px 1px #000;
	}
	#contact p {
		margin-left: 180px;
	}
	#contact p.name {
		padding-top: 30px;
	}
form {
	background: transparent url(../images/contact_typewriter.png) no-repeat left;
}	
em.contact_form {
	color: #ff0000;
}
#name,
#email,
#company,
#phone {
	width: 380px;
	font-family: "Courier New",Courier,Menlo,"Bitstream Vera Sans Mono",Monaco,mono;
	font-size: 1em;
	background: #ebebeb;
	border: 1px solid #3d3d3d;
}
	#name {
		margin-left: 70px;
	}
input{
	padding:5px;
}
	input:focus {
		outline: 1px solid #3d3d3d;
	}
#message {
 	width: 380px; 
	font-size: 1em;
	background: #ebebeb;
	border: 1px solid #3d3d3d;
	margin-left: 47px;
	padding: 5px;
	vertical-align: text-top;
}
	#message:focus {
		outline: 1px solid #3d3d3d;
	}
#submit {
	background-color: #252525;
	color: #FFFFFF;
	border-bottom: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	font-family: "Courier New",Courier,Menlo,"Bitstream Vera Sans Mono",Monaco,mono;
	font-size: 1em;
	padding: 5px 10px;
	text-transform: uppercase;
	margin: 12px 0 160px 125px;
}

/* ---- Typography Styles ---- */
p { 
	font-size: 1em; /* 13px */ 
	line-height: 1.3846em; /* 18px */ 
	margin: 0 0 1.3846em 0; 
}
	p.contactInfo {
		margin-top: 1em;
	}
.date {
	float: right;
	font-size: 1em;
	line-height: 1.3846em;
	font-weight: 600;
}
h1 { 
	color: #000;
	font-size: 1.3846em; /* 18px */ 
	line-height: 1em; /* 18px */ 
	margin-top: 1em; 
	margin-bottom: 0em; 
	}
h2 { 
	display: inline;
	font-size: 1.2308em; /* 16px */
	text-transform: uppercase; 
	line-height: 1.125em; /* 18px */ 
	margin-top: 1.125em; 
	margin-bottom: 0em; 
}
h3 { 
	display: inline;
	font-size: 1.2308em; /* 16px */
	line-height: 1.125em; /* 18px */ 
	margin-top: 1.125em; 
	margin-bottom: 0em; 
}
h4 {
	font-size: 1.0769em; /* 14px */ 
	font-style: italic;
	line-height: 1.2857em; /* 18px */ 
	margin-top: 1.2857em; 
	margin-bottom: 0em; 
}
	h4.company {
		margin-top: 0em;
		margin-bottom: 1.2857em;
	}
h5 {
	font-size: 1em; /* 13px */
	line-height: 1.3846em; /* 18px */ 
	margin-top: 1.3846em;
	margin-bottom: 0em;
	text-transform: uppercase;
}
	h5.center {
		text-align: center;
	}
a {
	color: #3d3d3d;
	font-weight: 600;
	text-decoration: underline;
}
	a:hover {
		background: #e1e1e1;
	}
	a:hover,
	a:visited {
		color: #000000;
	}
/* ---- VALIDITY STYLES ---- */
label.error { 
    color:#ff0000; 
    margin-left:145px;     
    background: url(../images/error.png) no-repeat left;
    padding:2px;
    padding-left:18px;
}