html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

body { line-height: 1.5; font-family: Georgia, serif; color: #333333; font-size: 87.5%; }

h1 { font-weight: normal; color: #222222; font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h1 img { margin: 0; }

h2 { font-weight: normal; color: #222222; font-size: 2em; margin-bottom: 0.75em; }

h3 { font-weight: normal; color: #222222; font-size: 1.5em; line-height: 1; margin-bottom: 1em; }

h4 { font-weight: normal; color: #222222; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

h5 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }

h6 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; }

h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

p { margin: 0 0 1.5em; }
p img.left { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a { text-decoration: underline; color: #000099; }
a:visited { color: #000066; }
a:focus { color: black; }
a:hover { color: black; }
a:active { color: #cc0099; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }

strong { font-weight: bold; }

em { font-style: italic; }

dfn { font-style: italic; font-weight: bold; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color: #666; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em 'Courier New', Courier, 'Andale Mono', monospace; line-height: 1.5; }

li ul, li ol { margin: 0 1.5em; }

ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: disc; }

ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

table { margin-bottom: 1.4em; width: 100%; }

th { font-weight: bold; }

thead th { background: #c3d9ff; }

th, td, caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #e5ecf9; }

tfoot { font-style: italic; }

caption { background: #eee; }

.quiet { color: #666666; }

.loud { color: #111111; }

@font-face { font-family: 'CaviarDreams'; src: url(../fonts/CaviarDreams_Bold.eot); src: url(../fonts/CaviarDreams_Bold.woff) format('woff'), url(../fonts/CaviarDreams_Bold.ttf) format('truetype'), url(../fonts/CaviarDreams_Bold.svg#CaviarDreams) format('svg'); }

body { background: #303030; }

#top_container { background: #d6d6d6; padding-top: 10px; width: 100%; }

#body_container { background: white; width: 100%; }

#container { width: 885px; margin: 0 auto; overflow: hidden; display: inline-block; background: url('../images/circles.png') no-repeat right 50px; padding-bottom: 7em; }
#container { display: block; }

#header { display: inline; float: left; margin-right: 0; width: 885px; }
* html #header { overflow-x: hidden; }
#header h1 { display: inline; float: left; margin-right: 45px; width: 420px; height: 44px; padding: 2em 0 1em 0px; }
* html #header h1 { overflow-x: hidden; }
#header h1 a { display: block; }
#header .nav { float: right; list-style-type: none; margin: 0; padding: 0; font-size: 1em; line-height: 1.25em; margin-bottom: 1.25em; font-family: "CaviarDreams", sans-serif; font-weight: bold; }
#header .nav li { float: left; padding: 0.75em 12px 0 12px; }
#header .nav li a { color: #6a6a6a; text-decoration: none; }
#header .nav li a:hover { color: #00b6df; }
#header .nav li.active { background: url(../images/slicelink.png) repeat left bottom; }
#header .nav li.active a { color: #00b6df; }

a.more { font-family: "CaviarDreams", sans-serif; color: #6a6a6a; background: url(../images/slicelink.png) repeat right 156px; text-decoration: none; padding: 8px 0 10px 22px; text-transform: lowercase; }

a.more:hover { background-position: top right; color: #00b6df; }

a.more span { padding: 2px 20px 2px 5px; background: white; }

#content.home p { text-align: justify; }
#content.home .module { display: inline; float: left; margin-right: 45px; width: 265px; }
* html #content.home .module { overflow-x: hidden; }
#content.home .module h3 { font-size: 1.5em; line-height: 1.25em; margin-bottom: 0.5em; }
#content.home .module h4 { font-size: 1em; line-height: 1.5em; margin-bottom: 1.25em; color: #919191; text-transform: lowercase; font-family: "CaviarDreams", sans-serif; font-weight: bold; }
#content.home .module img { width: 100%; }
#content.home .photo p { color: #666666; font: 1em 'Courier New', Courier, 'Andale Mono', monospace; line-height: 1.5; padding-top: 1em; font-size: 0.8em; line-height: 1.25em; }
#content.home .hi { background: url(../images/hand.png) no-repeat right 0.75em; }
#content.home .last { margin-right: 0; }

#content.folio .module { display: inline; float: left; margin-right: 45px; width: 265px; position: relative; }
* html #content.folio .module { overflow-x: hidden; }
#content.folio .module h2 { width: 65%; border-bottom: 10px solid #7d2546; margin-bottom: 2em; font: 1.25em/1.5em "CaviarDreams", sans-serif; color: #262626; }
#content.folio .module .project { margin-bottom: 5em; }
#content.folio .module .project img { width: 100%; }
#content.folio .module .project h3 { font: 1em 'Courier New', Courier, 'Andale Mono', monospace; line-height: 1.5; font-weight: bold; font-size: 1.25em; line-height: 1.25em; height: 3.75em; margin: 0.5em 0; }
#content.folio .module .project p { font: 1em 'Courier New', Courier, 'Andale Mono', monospace; line-height: 1.5; font-size: 0.9em; line-height: 1.5em; height: 4.5em; }
#content.folio .last { margin-right: 0; }
#content.folio .last h2 { border-color: #5da4c2; }
#content.folio .first { position: relative; padding-left: 22px; margin-left: -22px; }
#content.folio .first h2 { border-color: #3da453; }
#content.folio .first a.more { position: relative; }

#content.cv ul { list-style: none; padding: 0; margin: 0; }
#content.cv .section { display: inline; float: left; margin-right: 0; width: 885px; }
* html #content.cv .section { overflow-x: hidden; }
#content.cv .section h2 { display: inline; float: left; margin-right: 45px; width: 265px; font-size: 1em; color: gray; border-left: 5px solid gray; padding: 0 0 1em 5px; margin-right: 35px; }
* html #content.cv .section h2 { overflow-x: hidden; }
#content.cv .section .notfirst { padding-left: 310px; }
#content.cv .section .entry { display: inline; float: left; margin-right: 0; width: 575px; font: 1em 'Courier New', Courier, 'Andale Mono', monospace; line-height: 1.5; padding-bottom: 2em; }
* html #content.cv .section .entry { overflow-x: hidden; }
#content.cv .section .entry .detail { display: inline; float: left; margin-right: 0; width: 575px; }
* html #content.cv .section .entry .detail { overflow-x: hidden; }
#content.cv .section .entry .what, #content.cv .section .entry .when, #content.cv .section .entry .whereshort { display: inline; float: left; margin-right: 45px; width: 265px; }
* html #content.cv .section .entry .what, * html #content.cv .section .entry .when, * html #content.cv .section .entry .whereshort { overflow-x: hidden; }
#content.cv .section .entry .wherelong { display: inline; float: left; margin-right: 0; width: 575px; }
* html #content.cv .section .entry .wherelong { overflow-x: hidden; }
#content.cv .section .entry .when, #content.cv .section .entry .last { margin-right: 0; }
#content.cv .section .entry .whereshort, #content.cv .section .entry .wherelong { margin-bottom: 1em; }
#content.cv .section .entry .what { font-weight: bold; }
#content.cv .section .list { display: inline; float: left; margin-right: 45px; width: 265px; font: 1em 'Courier New', Courier, 'Andale Mono', monospace; line-height: 1.5; padding-bottom: 3em; }
* html #content.cv .section .list { overflow-x: hidden; }
#content.cv .section .list h3 { font-size: 1em; font-weight: bold; letter-spacing: 2px; }
#content.cv .section .last { margin-right: 0; }

#content.project { display: inline; float: left; margin-right: 0; width: 885px; }
* html #content.project { overflow-x: hidden; }
#content.project > h3 { font-family: "Helvetica Nueue", Helvetica, Arial, sans-serif; font-weight: lighter; line-height: 1.25em; color: #919191; }
#content.project > h3 span { display: block; }
#content.project > h3 span.titleinfo { font-size: 0.75em; line-height: 1.25em; }
#content.project .wp-caption { margin: 3em auto; }
#content.project .wp-caption .wp-caption-text { margin-top: 1em; font: 1em 'Courier New', Courier, 'Andale Mono', monospace; line-height: 1.5; }

#content.temp { display: inline; float: left; margin-right: 0; width: 420px; padding-left: 271.25px; padding-top: 1em; font-size: 1.25em; }
* html #content.temp { overflow-x: hidden; }
#content.temp h2 { font-size: 2em; line-height: 2em; font-weight: bold; background: url(../images/hand.png) no-repeat 70% top; }
#content.temp h2 .sub { display: block; font-size: 22px; font-weight: normal; }
#content.temp ul.linklist { list-style: none; padding: 0; margin-left: -1.5em; }
#content.temp ul.linklist li { margin-bottom: 1em; background: url(../images/slicelink.png) no-repeat bottom left; padding: 8px 0 10px 22px; }
#content.temp ul.linklist li a { font-family: "CaviarDreams", sans-serif; color: #6a6a6a; text-decoration: none; padding: 3px 5px; background: white; display: block; }
#content.temp ul.linklist li a:hover { color: #00b6df; }

#content.embeded { display: inline; float: left; margin-right: 0; width: 885px; text-align: center; margin: auto; }
* html #content.embeded { overflow-x: hidden; }

#footer { width: 885px; margin: 0 auto; overflow: hidden; display: inline-block; padding-top: 3em; color: white; }
#footer { display: block; }
#footer a { color: #00b6df; text-decoration: none; }
#footer .module { display: inline; float: left; margin-right: 45px; width: 265px; }
* html #footer .module { overflow-x: hidden; }
#footer .regmark { margin-left: -45px; padding-left: 45px; background-image: url(../images/regmark.png) no-repeat top left; }
#footer .last { margin-right: 0; }
#footer .bottom { display: inline; float: left; margin-right: 0; width: 885px; margin-top: 6em; color: #555555; text-align: right; font-family: "Helvetica Neue, Arial, Helvetica, sans-serif"; font-size: 0.9em; }
* html #footer .bottom { overflow-x: hidden; }