html { background-color: #0a2b70; margin: 0; padding: 0; font: normal normal normal 10px/1.4 "Lucida Grande", Helvetica, Arial, sans-serif; }
body { margin: 0; padding: 0; background: transparent url(../images/body.gif) repeat-x scroll 50% 0; color: #333; }
a    { color: #9d1e34; text-decoration: none; }
a:hover { text-decoration: underline; }

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

h1   { font-size: 2.1em; font-weight: bold; margin: 0 0 .8em; line-height: 1.1; }
h2   { border-bottom: 3px double #ddd; font-size: 1.7em; margin-top: 1.4em; }
h3   { margin: 0; }
h4   { border-bottom: 1px solid #ccc; padding: .1em 0 .2em; margin: 1.4em 0 .4em; font-size: 1.2em; }
h5   { color: #a2a2a2; font-size: 1.1em; font-weight: normal; margin: 0; }
h6   { font-size: 1.2em; margin: 1em 0 0; }

input, textarea { border: 1px solid #999; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 11px; }
big             { font-size: 1.2em; }
big em          { font-style: normal; background-color: #ffe487; padding: .2em .4em; }
h4 strong       { font-size: 1.6em; }

ul { margin-left: 0; }
/* structure */
#page     { width: 652px; margin: 0 auto; }
#page2     { width: 956px; margin: 0 auto; }
#header   { height: 5px; position: relative; font-size: 1.2em; }
#nav      {  }
#content  { clear: both; }
#footer   {  }


/* header */
#site-logo               { position: absolute; top: 62px; left: 30px; border: 0px; }

.intro              { position: absolute; top: 13px; right: 40px; width: 500px; }
.intro .portrait    { float: right; margin-left: 32px; }
.intro a            { color: #f0bc02; text-decoration: none; }
.intro .caption     { background: transparent url(../images/header-caption.gif) no-repeat scroll 328px 4px; text-align: right; line-height: 1.4; margin-top: 86px; color: #888; font-size: 0.9em; }
.intro .caption h6  { color: #fff; }


/* navigation */
#nav ul            { list-style: none; padding: 0; margin: .4em 30px 0 0; float: right; overflow: hidden; }
#nav li            { float: left; padding: .2em .2em 30px; margin-left: 2.4em; }
#nav li.here       { background: transparent url(../images/location.gif) no-repeat scroll 50% 30px; }
#nav li a          { font: normal normal bold 1.4em/1.6 "Lucida Grande", Helvetica, Arial, sans-serif; color: #fff; text-decoration: none; padding: .2em .4em; }
#nav li a:hover    { background-color: #cc0000; }


/* content */
#content   { font-size: 1.2em; line-height: 1.7; }
.stage     {
	background-color: #fff;
	width: 635px;
	margin-top: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
}
.stage2     {
	background-color: #fff;
	width: 956px;
	margin-top: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 12px;
}
h1 em      { font-style: normal; color: #999; }

#content ul     { padding-left: 0; list-style: none; }
#content li     { line-height: 1.4em; margin: .6em 0; padding-left: 12px; background: transparent url(../images/unordered-list.gif) no-repeat scroll 4px .55em; }
#content li ul  { padding-left: 2em; }

#content .clear         { clear: both; }
#content .subtext       { font-size: 0.85em; color: #999; }
.phone-hyphen  { margin: 0 .2em; }
#content .required      { font-weight: bold; color: #cc0000; }

/* notices */
.notice        { border: 1px solid #999; padding: .3em .6em .4em; margin-bottom: 1em; background-color: #f3f3f3; }
.notice.error  { border-color: #c00; background-color: #c44; color: #fcc; }
.notice.success { border-color: #3b8b0f; background-color: #3b900e; color: #cfc; }
.notice.replacement { margin-bottom: 0; }
.notice.replacement p { margin-bottom: 0; }


/* ----------------------------------------------------------------- //
// -- pages -------------------------------------------------------- //
// ----------------------------------------------------------------- */

/* home ------------------------------------------------------------ */

.homepage h4    { font-size: 1.4em; margin: .2em 0 0em; }
.block          { margin: 0em 0; }

.barrel               { height: 330px; width: 230px; border-bottom: 1px solid #ccc; position: relative; background: transparent url(../images/barrel.jpg) no-repeat scroll 50% 100%; }
.barrel .sign         { position: absolute; border: 1px solid #999; background-color: #f3f3f3; height: 72px; width: 104px; }
.sign.welcome         { height: 72px; width: 230px; font-size: 1.3em; }
.barrel .sign .stage  { padding: 8px 0; font-size: 0.9em; line-height: 1.3; width: auto; text-align: center; background: transparent; }
.sign.welcome .stage  { line-height: 1.6; }
.barrel .sign strong  { display: block; text-align: center; font-size: 1.35em; line-height: 1.2; margin: 0 0 .3em; }
.barrel .freelance    { top: 110px; left: 5px; }
.barrel .employment   { top: 113px; left: 121px; }
.barrel .welcome      { top: 112px; left: 5px; }
.barrel #left-hand    { position: absolute; z-index: 100; top: 174px; left: 186px; }
.barrel #right-hand   { position: absolute; z-index: 100; top: 171px; left: 16px; }
.barrel .not-seeking  { border-color: #d14b4b; background-color: #ffefef; }
.not-seeking strong   { color: #b83535; }
.barrel .seeking      { border-color: #55a012; background-color: #f2ffe7; }
.seeking strong       { color: #45880a; }

.highlight-icon       { float: right; margin: 1em .6em 0 1em; border: none; width: 68px; height: 82px; }


/* meet ---------------------------------------------------------- */

.inline-photo       { font-size: 0.9em; font-style: italic; color: #888; text-align: center; line-height: 1.2; }
.inline-photo.right { float: right; margin: 0 0 1em 2em; }
.inline-photo.left  { float: left; margin: 0 2em 1em 0; }
.inline-photo img   { display: block; margin: .6em 0 .6em; }


/* resume ---------------------------------------------------------- */

a.format           { text-decoration: none; padding: 2px 6px 2px; border: 1px solid #fff; margin: 2px; font-size: 0.9em; }
a.format:hover     { border: 3px double #fff; padding: 3px 7px 3px; margin: -1px; }
a.format.pdf       { background-color: #a91e1e; color: #fff; border-color: #a91e1e; }
a.format.doc       { background-color: #1465b0; color: #fff; border-color: #1465b0; }
a.format.text      { background-color: #414141; color: #fff; border-color: #414141; }
a.format.email     { background-color: #125082; color: #fff; border-color: #125082; }
a.format.print     { background-color: #ccc; color: #222; border-color: #ccc; }

a.format.pdf:hover, a.format.doc:hover, a.format.text:hover, a.format.email:hover, a.format.print:hover
{ border-color: #fff; }

#content .options      { float: right; width: 400px; text-align: right; margin-top: 2em; font-size: 1em; color: #999; }
#content .options ul   { list-style: none; display: inline; padding: 0; }
#content .options li   { display: inline; margin-left: .6em; background: none; padding: 0; }

#skills         { }
#skills table   { width: 100%; }
#skills .first  { border-top: none; }
#skills th      { width: 28%; border-top: 1px solid #eee; padding: .2em 0; text-align: right; }
#skills td      { border-top: 1px solid #eee; padding: .2em 0 .2em 5%; }

.section .job, .section .stint, .section .honor, .section .accomplishment
{ clear: both; overflow: hidden; border-top: 1px solid #eee; padding-top: 1em; }

.section .positions, .section .studies, .section .award, .section .tasks
{ float: left; width: 68%; margin-left: 4%; }

.section .first      { border-top: none; padding-top: 0; }
.section .meta       { float: left; width: 28%; clear: left; text-align: center; padding-top: .2em; }
.section .duration   { font-size: 1.2em; line-height: 1.4; }
.section .location   { font-size: 0.9em; color: #aaa; }
.section .logo       { margin-bottom: .8em; }
.section ul          { margin-top: 0; }

/* hide for non-print display */
.section .place  { display: none; }
.contact-info    { display: none; }

/* contact ---------------------------------------------------------- */

.form            { border: 1px solid #ccc; padding: .6em; background-color: #f3f3f3; }
.form table      { width: 100%; }
.form th         { width: 20%; text-align: right; vertical-align: top; }
.form td         { vertical-align: top; }
.form .required  { width: 5%; text-align: left; font-size: 1.3em; line-height: 1.2; }
.form input      { width: 98%; padding: .3em; }
.form textarea   { width: 98%; padding: .3em; }
.form .buttons   { text-align: right; }
.form .submit    { width: auto; padding: .3em .5em; }

.callout         { color: #FFF; height: 103px; margin-left: -32px; padding: 0 32px; background: transparent url(../images/lets-chat.gif) no-repeat scroll 0 0; }
.callout strong  { font-size: 34px; line-height: 103px; }

/* portfolio ---------------------------------------------------------- */

#subnav                  {  }
#subnav ul               { list-style: none; background: transparent url(../images/subnav.gif) repeat-x scroll 0 2.2em; overflow: hidden; }
#subnav ul li            { padding: .2em .2em 16px; float: left; margin: 0 .3em; background: none; }
#subnav ul li a          { text-decoration: none; padding: .3em .6em .3em; }
#subnav ul li a:hover    { background-color: #f1f1f1; }
#subnav li.here a        { background-color: #ffe487; }
#subnav li.here a:hover  { background-color: #ffdb5f; }
#subnav ul li.here       { background: transparent url(../images/subnav-selected.gif) no-repeat scroll 50% 2.2em; }

#panel           { position: relative; }
#panel h2        { margin: 0 0 1em; }
#panel .first    { margin-top: 0; }

.site-link       { position: absolute; width: 400px; text-align: right; line-height: 1.4; top: 10px; left: 388px; display: inline; }

.project              { position: relative; margin: 1em 0; clear: right; }
.project h4           { font-size: 1.2em; }
.project.first h4     { margin-top: 0.4em; }
.project .site-link   { position: absolute; width: 200px; left: 178px; top: 6px; font-size: 0.9em; }
.project .screenshot  { float: right; margin: .3em 0 1em 1em; border: 1px solid #999; width: 180px; height: 135px; }

.project .credits     { clear: right; }
.project .credits dt  { display: inline; font-weight: bold; }
.project .credits dd  { display: inline; margin: 0 1em 0 0; } 

#panel .award         { border: 1px solid #999; background-color: #f6f6f6; padding: 1.2em 0 1em; width: 110px; float: right; margin: .1em 0 1em 2em; line-height: 1.4; text-align: center; font-size: 0.8em; color: #888; }
#panel .award img     { display: block; margin: 0 auto .9em; }
#panel .award strong  { display: block; color: #333; font-size: 1.2em; text-transform: uppercase; }
#panel .award .ima    { padding: 20px 0 21px; }

#screenshots               { margin: 0 0 1.8em; }
#screenshots img           { border: 1px solid #999; }
#screenshots #feature img  { height: 282px; width: 376px; }
#thumbnails             { margin-top: 1em; text-align: center; }
#thumbnails img         { height: 75px; width: 100px; border-color: #eee; }
#thumbnails a           { display: inline; padding: 4px 8px; outline: none; }
#thumbnails a.here img  { border-color: #999; }

.credits            { margin: .55em 0; width: 100%; }
.credits th         { text-align: right; padding-right: 4%; white-space: nowrap; width: 28%; }

/* footer */
#footer           {
	color: #cccccc;
	font-size: 1.3em;
	padding-top: .6em;
	text-align:center;
}
#footer .stage a  { text-decoration: none; color: #a88a1f; }
#footer .stage    { background-color: transparent; width: auto; }

#footer .contact          { font-weight: bold; float: left; width: 32%;  height: 80px; margin-left: 2%; font-size: 1em; font-family: Helvetica, Arial, sans-serif; line-height: 1.3; background: transparent none no-repeat scroll 0 0; }
#footer .contact .inner   { padding: 20px 0 0 78px; }
#footer .contact.email    { margin-left: 0; }
#footer strong            { font-size: 1.2em; color: #1f1f1f; }


/* columns */
.column-set        { margin: 0; }
.column            { display: inline; }

.column-set.one-to-two .main  { width: 1%; float: left; }
.column-set.one-to-two .side  { width: 99%; float: right; }

.column-set.two-to-one .main  { width: 63%; float: left; }
.column-set.two-to-one .side  { width: 32%; float: right; }

.column-set.one-to-one .main  { width: 48%; float: left; }
.column-set.one-to-one .side  { width: 48%; float: right; }

.three .column        { width: 30%; margin-left: 5%; float: left; }
.three .column.first  { margin-left: 0; }