/*------------------------------
=BASIC SETUP
------------------------------*/

/* Makeshift CSS Reset */
* {
	margin: 								0;
	padding: 								0;
}

/* Tell the browser to render HTML 5 eleMents as block */
#header, #footer, section, #aside, nav, article {
	display: 								block;
}

body {
	margin: 								0 auto;
	width: 									990px;
	overflow-x: 						hidden;
	font: 									13px/22px Helvetica, Arial, sans-serif;
	background: 						url("images/background.gif") repeat-x;
}

h1, h2 {
	font-size: 							28px;
	line-height: 						44px;
	padding: 								15px 0;
}

h3 {
	font-size: 							18px;
	line-height: 						22px;
	padding: 								11px 0;
}
	h3 a{
		color: 								#666;
		text-decoration: 			none;
	}
h4 {
	font-weight: 						bold;
	}
	
h5 {
	font-style:							italic;
	color: 									#aaa;
	font-size: 							8px;
	margin-top: 						-12px;
	}

p {
	padding-bottom: 				10px;
}

p1 {
  display: 								block;
  padding: 								10px 25px;
  background: 						#eee;
}
ptop {
  display: 								block;
  margin-top: 						39px;
	background: 						url("images/topMain.gif");
	height:									140px;
}

/*------------------------------
=CONTENT AREA AND SIDEBAR LAYOUT
------------------------------*/

content {
	display: 								table;
}
	mainContent {
		padding-top:						5px;
		display: 								table-cell;
		width: 									620px;
		padding-right: 					22px;
	}
	aside {
		display: 								table-cell;
		width: 									300px;
		background: 						url("images/sidebar_background.gif") top left;
	}
		aside section {
			margin: 								22px 0 0 22px;
			padding: 								11px 22px;
			background: 						url("images/sectionTop.gif") no-repeat;
		}
		aside sEmpty {
			display:								block;
			margin: 								22px 0 0 22px;
			background: 						url("images/sectionCompl.gif") no-repeat;
			height:									22px;
		}
			aside section ul {
				margin: 0 0 0 22px;
				list-style: none;
			}
				aside section ul li a {
					display: block;
					text-decoration: none;
					color: #000;
				}
					aside section ul li a:hover {
						text-decoration: underline;
					}






/*------------------------------
=Email Me
------------------------------*/

emailMe {
	margin-top: 				21px;
	padding-top:				20px;
	border-top: 				1px solid #d7d7d7;
	display:						block;
	width:							580px;
}											
	emailMe p {
		display: 						table;
		margin-top: 				-5px;
		width: 							580px;
	}

	emailMe form label {
		display:						table-cell;
		width: 							135px;
		text-align:					right;
		font-weight:				bold;
		padding-right:			20px;
	}

	emailMe form h7{
		margin-left: 				162px;
	}

	emailMe form textarea {
		background: 				#f3f3f3;
		width: 							300px;
		height: 						100px;
		border: 						1px solid #d7d7d7;
		padding: 						2px 10px;
		/* Border-radius not implemented yet */
		-o-border-radius: 			20px 8px 20px 8px;
		-icab-border-radius: 		20px 8px 20px 8px;
		-khtml-border-radius: 	20px 8px 20px 8px;
		-moz-border-radius: 		20px 8px 20px 8px;
		-webkit-border-radius: 	20px 8px 20px 8px;
		box-border-radius: 			20px 8px 20px 8px;
	}

	emailMe form textarea:hover {
		-o-box-shadow: 			3px 3px 5px -1px #e8e8e8 inset;
		-icab-box-shadow: 	3px 3px 5px -1px #e8e8e8 inset;
		-khtml-box-shadow: 	3px 3px 5px -1px #e8e8e8 inset;
		-moz-box-shadow: 		3px 3px 5px -1px #e8e8e8 inset;
		-webkit-box-shadow: 3px 3px 5px -1px #e8e8e8 inset;
		box-shadow: 				3px 3px 5px -1px #e8e8e8 inset;
	}		

	emailMe form input[type="text"],select {
		display: 						table-cell;
		width: 							320px;
		border: 						1px solid #d7d7d7;
	}

	emailMe form input[type="submit"] {
		margin-left: 				162px;
		display: 						table-cell;
		width: 							200px;
		height: 						30px;
		border: 						1px solid #d7d7d7;
		/* Border-radius not implemented yet */
		-o-border-radius: 			20px;
		-icab-border-radius: 		20px;
		-khtml-border-radius: 	20px;
		-moz-border-radius: 		20px;
		-webkit-border-radius: 	20px;
		box-border-radius: 			20px;
		}
	emailMe form input[type="submit"]:hover {
		-o-box-shadow: 			0px 0px 20px #888;
		-icab-box-shadow: 	0px 0px 20px #888;
		-khtml-box-shadow: 	0px 0px 20px #888;
		-moz-box-shadow: 		0px 0px 20px #888;
		-webkit-box-shadow: 0px 0px 20px #888;
		box-shadow: 				0px 0px 20px #888;
	}

/*------------------------------
=FOOTER
------------------------------*/
footer {
	position: 					absolute;
	left: 							0;
	width: 							100%;
	background: 				#222;
}											

	footer div {
		display: 						table;
		margin: 						0 auto;
		padding: 						44px 0;
		width: 							940px;
		color: 							#777;
	}
	
		footer div section {
			display: 						table-cell;
			width: 							300px;
		}
		
		footer div #about, footer div #blogroll {
			padding-right: 			20px;
		}
		
	footer h3 {
		color: 								#999;
	}

	footer a {
		color: 								#999;
	}
	
		footer a:hover {
			color: 							#FFF;
			text-decoration: 		none;
		}
	
	footer ul {
		margin: 							0 0 0 40px;
		list-style: 					square;
		color: 								#565656;
	}
	
		footer ul li a {
			display: 						block;
		}