@charset "utf-8";

body { padding: 0; margin: 0; font-size: 10px; text-align: center; }

a {
	color: #87463A;
}
a:hover { color: #333; }

#container {
	font-size: 1.0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	text-align: left;
}

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }

#header { display: block; background-color: #333; height: 6.0em; width: 100%; }
#header h1 {
	margin: 0;
	padding: 10px 45px 10px 30px;
	float: left;
	font-size: 3.6em;
	font-weight: normal;
	letter-spacing: -0.05em;
	color: #FFFFFF;
}

ul#navigation { 
	float: left; 
	margin: 0; 
	padding: 0; 
	height: 4.0em; 
}
#navigation li { 
	float: left; 
	list-style: none; 
	background: url(../images/bg_nav_right_off.jpg) no-repeat right top; 
	margin: 2.0em 1.0em 0 0; 
}
#navigation li a {
	color: #fff;
	display: block;
	padding: 0.8em;
	margin: 0;
	padding-left: 38px;
	text-transform: uppercase;
	font: bold 1.4em Arial, Helvetica, sans-serif;
	background: url(../images/bg_nav_left_off.jpg) no-repeat left top;
}

#navigation li span {
	display: block;
	float: left;
	margin: 0.8em 0 0 0.8em;
	height: 24px; 
	width: 24px;
}

#navigation li#nav_home span { background: url(../images/icons/desk_24.png) no-repeat; } 
#navigation li#nav_skills span { background: url(../images/icons/laptop_24.png) no-repeat; } 
#navigation li#nav_experience span { background: url(../images/icons/briefcase_24.png) no-repeat; } 
#navigation li#nav_portfolio span { background: url(../images/icons/notepad_24.png) no-repeat; } 

/* -- these are for current pages -- */
body.home li#nav_home,
body.skills li#nav_skills,
body.experience li#nav_experience,
body.portfolio li#nav_portfolio {
	background: url(../images/bg_nav_right.jpg) no-repeat right top;
	border-bottom: 1.0em solid #fff; 
}

body.home li#nav_home a,
body.skills li#nav_skills a,
body.experience li#nav_experience a,
body.portfolio li#nav_portfolio a {
	color: #333;
	text-decoration: none;
	background: url(../images/bg_nav_left.jpg) no-repeat left top;
}

#sidebar {
	clear: both;
	float: left;
	background: #DAD6C0;
	text-align: center;
	margin: 2.5em;
	padding: 2.0em;
	border-top: 2px solid #AD9E6B;
	border-bottom: 2px solid #AD9E6B;
}
#sidebar img {
	text-align: center;
	padding: 10px;
	background-color: #fff;
}
#sidebar p { font-size: 1.6em; line-height: 150%; margin-top: 0.25em; text-align: center; font-weight: bold; }
#sidebar p span {
	background: url(../images/icons/mobile-phone_24.png) no-repeat left center;
	padding-left: 10px;
	display: block;
}

#sidebar a { font-size: 0.8em; }

#content {
	padding: 1.5em;
	float: left;
	width: 600px;
	color: #333;'
}

#content h2 {
	font-size: 3.2em;
	font-weight: normal;
	margin-top: 0.25em;
	margin-bottom: 0.75em;
	color: #444;
}
#content h3 {
	font-size: 2.4em;
	font-weight: normal;
	margin-bottom: 0.5em;
	color: #666;
	text-transform: uppercase;
	clear: both;
}
#content h3.next {
	color: #FFFFFF;
	font-size: 1.8em;
}
#content h3.next a {
	color: #87463A;
}


#content h4 {
	font-size: 1.4em;
	color: #666;
	clear: both;
}
#content ul { font-size: 1.4em; padding-left: 2.5em; }
#content ul li {}

#content p { font-size: 1.4em; line-height: 150%; padding-left: 1.4em; }

dl { font-size: 1.4em; line-height: 150%; }
dt { font-weight: bold; color: #666; }
dd { margin: 0.75em 0; padding-left: 1.4em; }
dd.date { font-style: italic; font-size: 1.0em; margin-top: 0em; }
dd.details {}
dd.skills { font-style: italic; color: #555; }

#content ul.portfolio_thumbs { list-style: none; padding: 0; margin: 0; }
ul.portfolio_thumbs li { float: left; width: 180px; padding: 10px 0; text-align: center; }
ul.portfolio_thumbs li img { border: 1px solid #BBB; padding: 4px; }
ul.portfolio_thumbs li a:hover img { border-color: #333; }

acronym, abbr { border-bottom: 1px dashed #CCC; cursor: help; }