@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body { background: #fff; font-size: 62.5%; }
.clrb { clear: both; }

#mainwrap { width: 980px; margin: auto; }

#homepage { width: 820px; margin: auto; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444; }
#homepage #leftcol { width: 322px; float: left; }
#homepage #logo { float: right; margin-top: 275px; }
#homepage #portrait { clear: right; float: right; margin-top: 25px; }
#homepage #rightcol { float: right; padding-top: 175px; width: 458px; }
#homepage p { font-size: 1.1em; margin-bottom: 1em; line-height: 200%; }
#homepage #navigation { margin-top: 1em !important; }

#header { margin-top: 80px; }
#header h1 { width: 323px; height: 46px; }
#header h1 img { border: 0; }

#navigation { margin-top: 30px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; text-transform: uppercase; letter-spacing: 0.2em; float: left; }
#navigation li a { display: block; color: #333; text-decoration: none; }
#navigation li a:hover { color: #ec1e00; text-decoration: none; }
#navigation li { float: left; padding: 0 10px 0 0; list-style: none; }
#navigation li#nav_resume, li#nav_portfolio { border-right: 1px solid #3cc1be; }
#navigation li#nav_portfolio { padding-left: 10px; }
#navigation li#nav_contact { background: url(../graphics/email.gif) no-repeat top left; width: 1em; margin-left: 10px; }
#navigation li#nav_contact a { width: 100%; padding-left: 17px; }

#pagecontent { float: left; clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; margin: 40px 0 80px 0; color: #444; line-height: 150%; }

#pagecontent h3 { text-transform: lowercase; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 1.1em; letter-spacing: .1em; margin-bottom: 1.3em; color: #ec1e00; }
#pagecontent p { margin-bottom: 1em; }
#pagecontent a, #homepage #welcome_text a { color: #3CC1BE; font-weight: bold; text-decoration: none; }
#pagecontent a:hover, #homepage #welcome_text a:hover { text-decoration: underline; }

.resume ul { padding: 0; margin: 1em 0 0 0; list-style: none; }
.resume li { background: url(/graphics/bullet.gif) no-repeat; padding-left: 12px; margin-left: 0px; margin-bottom: 0.5em; }

.resume_jobtitle { font-style: italic; }


.columnwrap { float: left; width: 340px; margin-bottom: 40px; }
.column { float: left; width: 300px; }

.portfolio_imagewrap { width: 490px; clear: both; float: left; }
.portfolio_image img { border: 1px solid #ddd; margin-bottom: 20px; }
.portfolio_desc { float: left; width: 490px; }
.portfolio_desc_title { font-weight: bold; }
.portfolio_desc_task { font-style: italic; }
.portfolio_desc_title, .portfolio_desc_task { margin-bottom: 1em; }

.hsep { clear: both; float: left; width: 100%; background: url(../graphics/hsep.gif) repeat-x; height: 1em; margin: 15px 0 10px 0; }