@charset "utf-8";
/****************************
Structure and Universal Styles
****************************/
body {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #DCDCDC;
}

h1, h2, h3, ul, li { margin: 0px; padding: 0px; }

img, img a { border: 0; }

a { outline: none; }

#outerWrapper { clear:both; background: url(images/bg_repeat.jpg) repeat-y left top; }

#wrapper { clear:both; background: url(images/bg_top.jpg) no-repeat left top; }

/****************************
Header - Who Area
****************************/

#headerWrap {
	width: 935px;
	border-left: 13px solid #2b2724;
	background: url(images/header_footer.jpg) no-repeat right bottom;
	padding-top: 142px;
	padding-bottom: 21px;
}

#headerWrap p a { color: #ffffff; text-decoration: none; border-bottom: 1px dotted #ffffff; }

#headerWrap p a:hover { color: #E6E2DC; border-bottom: none; }

#logo {
	position: absolute;
	top: 0px;
	left: 5px;
	z-index: 1;
}

#header {
	color: #e6e2dc;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.about_head {
	width: 935px;
	height: 26px;
	padding: 0;
	cursor: pointer;
	position: relative;
	clear: both;
	background: url(images/header_bg.jpg) no-repeat right;
}

.about_head a {
	width: 79px;
	height: 40px;
	position: absolute;
	left: 865px;
	top: -9px;
	background: url(images/who.jpg) no-repeat;
	outline: none;
}

.about_body {
	height: 348px;
	padding: 30px 50px 0 50px;
	margin: 0;
	display: block;
	background: url(images/header_repeat.jpg) repeat-y right;
}

.about_body p {
	padding-top: 15px;
	margin: 0px;
	line-height: 22px;
}

.close a {
	width: 79px;
	height: 40px;
	position: absolute;
	left: 865px;
	top: -9px;
	background: url(images/close.jpg) no-repeat;
}

#header h1 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #e6e2dc;
	letter-spacing: -1.5px;
}

#headerContent { float: left; width: 520px; }

#headerImage { float: left; padding-left: 20px; }

p.contactMe { padding-top: 40px; }

/****************************
Main - Work Area
****************************/

#main { float: left; width: 940px; border-left: 13px solid #d80c5d; }

#work { float: left; padding: 50px; color: #615c5b; }

.msg_body img { border-bottom: 13px solid #D80C5D; }

.msg_body p a { color: #443f3e; border-bottom: 1px dotted #443f3e; text-decoration:none; }

.msg_body p a:hover { color: #443f3e; border-bottom: none; }

#work h1 {
	font-size: 30px;
	letter-spacing: -1.5px;
	color: #d80c5d;
}

.portWrap1 {
	width: 600px;
	height: 75px;
	border-top: 1px solid #998b7b;
}

#work .portBar h1 {
	float: left;
	font-size: 59px;
	font-weight: bold;
	color: #827672;
	letter-spacing: -4px;
	margin-right: 40px;
	margin-top: 3px;
	font-family: 'Bookman Old Style', Georgia, 'Times New Roman', Times, serif;
	font-style:italic;
}

.portBar {
	padding-right: 20px;
	padding-left: 20px;
}

.portBar h2 {
	padding-top: 30px;
	float: left;
	font-size: 15px;
	letter-spacing: -1px;
	color: #827672;
}

.portBar h3 a {
	width: 49px;
	height: 25px;
	padding: 0px;
	margin-top: 28px;
	float: right;
	border: none;
	background: url(images/arrow-down.gif) no-repeat;
}

#work .clicked h1, .clicked h2, .clicked h3 a { color: #d80c5d; }

.clicked h3 a {
	width: 49px;
	height: 25px;
	padding: 0px;
	margin-top: 28px;
	float: right;
	border: none;
	background: url(images/arrow-up.gif) no-repeat;
}

.msg_head {
	padding: 0;
	cursor: pointer;
	position: relative;
	margin: 0;
}

.msg_body {
	width: 600px;
	margin: 0;
	font-size: 11px;
	padding: 0;
	position: relative;
}

.contentWrap { padding: 10px 15px; background-color: #c8bdb1; }

.miniNav { 
	width: 125px;
	position: absolute; 
	top:370px; 
	left: 475px; 
	font-size: 30px; 
	font-weight: bold; 
}

.miniNav a { 
	padding: 4px 6px; 
	margin-left: -5px; 
	background-color: #615C5B; 
	color: #E6E2DC; 
	text-decoration:none; 
}

.miniNav a:hover { background-color: #d80c5d; }

/****************************
Sidebar
****************************/

#nav { float: right; padding: 35px 15px 0 0; }

#navsprites {
	width: 131px;
	height: 425px;
	background: url(images/sprites.gif);
	padding: 0;
	position: relative;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	top: -4px;
	left: 0px;
}

#navsprites li {
    margin: 0; 
		padding: 0; 
		list-style: none;
    position: absolute; 
		left: 0;
}

#navsprites li, #navsprites a {
	width: 131px;
	display: block;
	text-decoration: none;
}

#resume, #resume a { top: 0;  height: 154px; }

#email, #email a { top: 154px; height: 161px; }

#twitter, #twitter a { top: 315px; height: 110px; }

#resume a:hover { background: transparent url(images/sprites.gif) -131px 0 no-repeat; }

#email a:hover { background: transparent url(images/sprites.gif) -131px -154px no-repeat; }

#twitter a:hover { background: transparent url(images/sprites.gif) -131px -315px no-repeat; }

#navsprites span { display: none; }

#navsprites a { overflow: hidden; }

/****************************
Footer
****************************/

#footerWrapper {
width: 100%;
height: 157px;
background: url(images/footer_repeat.jpg) repeat-x;
}

#footer {
	width: 1108px;
	height: 157px;
	padding: 25px 0 0 25px;
	clear: both;
	font-size: 10px;
	font-weight: bold;
	color: #7C0736;
	background: url(images/footer_bg.jpg) no-repeat;
}

#footer a { color: #7C0736; text-decoration:none; }

#footer a:hover { color: #580526; text-decoration:none; }

/****************************
Clearing Floats
****************************/
.clear-block:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clear-block { display: inline-block; }
/* start commented backslash hack \*/
* html .clear-block { height: 1%; }
.clear-block { display: block; }
/* close commented backslash hack */