/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; padding-bottom: 15px; }

/* GLOBAL */
body { font-size: 62.5%; font-size-adjust: 0.52; font-size:small; font-family: "Palatino", "Georgia", "Baskerville", serif;  background: #ECEBEB url(../images/bg.gif); color: #333; }

h1 { font-size: 2.2em; text-transform:uppercase; }
h2 { font-size: 1.2em; text-transform:uppercase; font-style: italic; }
h3 { font-size: 1.6em; font-style: italic; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
p { line-height:1.5em; font-size: 1.3em; }

img { border: none; padding: 0; margin: 0; }
a img,:link img,:visited img{ border:none; }
a:link, a:visited { color: #333; text-decoration: none; outline: none; }
a:hover { color: #f14837; text-decoration: none; }

#container { width: 980px; margin: 50px auto; background: #fff; border: 1px solid #e9e9e9; }


/* Header */
#header { padding: 40px; }
#header #branding { float: left; width: 400px; }
#header #navigation { float: right; }
#header #navigation ul { padding-top: 5px; font-weight: bold; }
#header #navigation ul li { float: left; padding: 3px 10px 0 10px; list-style: none; text-transform:uppercase; }
#header #navigation ul li.on { color: #fff; background: #333; padding: 3px 4px 1px 4px; }


/* Resume */
#resume { clear: both; padding: 0 40px 20px 40px; }
.segment { margin: 25px 0 25px 0; padding: 40px 0 40px 0; clear: both; }
.segment h3 { width: 20%; float: left; }
.segment .summary { width: 80%; float: left; }
.segment .skill { width: 22%; float: left; padding-right: 40px; }
.segment .skill p { font-size: 1.2em; }
.segment ul { width: 22%; float: left; padding-right: 40px; font-size: 1.1em; }
.segment ul li { padding: 5px 0 5px 0; }
.segment .jobs { width: 80%; float: left; }	
.segment .job { clear: both; padding-bottom: 50px; }	
.segment .job h4 { width: 80%; float: left; }	
.segment .job h5 { clear: both; }	
.segment .job .time { width: 16%; float: right; text-align: right; }
.segment .job .description { font-size: 1.1em; padding-top: 10px; }
.segment .education { width: 80%; float: left; }
.segment .school { clear: both; padding-bottom: 25px; }	
.segment .school h4 { width: 80%; float: left; }	
.segment .school h5 { clear: both; }	
.segment .school .time { width: 16%; float: right; text-align: right; }	
.segment .clients { width: 80%; float: left; font-size: 1.2em; }


/* Portfolio */
#portfolio { clear: both; padding: 30px 30px 20px 30px; }
#portfolio h3 { border-bottom: 1px solid #f0f0f0; margin: 0 10px 5px 10px; padding-top: 20px; clear: both; }
.item { float: left; padding: 10px; font-size: .6em; }
.item p { color: #666; }
.item:hover { background-color:#f0f0f0; }
	
/* Footer */
#footer { clear: both; }
#footer ul { padding: 40px; }
#footer ul li { float: left; padding-left: 5px; }