body {font-size: 75%; color: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
h1,h2,h3,h4,h5,h6 {font-weight: normal; color: #333}
h1 {font: bold 2.8em/1.0 "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 0.3em; color: #373F43; letter-spacing: -1px; text-shadow: 0 -1px 0 #000}
h2 {font: normal 1.4em/1.125 "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 0.5em; color: #373F43;}
h3 {font-size: 1em; line-height: 1.25; margin-bottom: 0.2em; color: #111; font-weight: bold}
h4 {font-size: 1em; font-weight: bold; line-height: 1.25; color: #111; margin-bottom: 0.25em}
h5 {font-size: 1em; font-weight: bold; margin-bottom: 0.25em}
h6 {font-size: 1em; font-weight: bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0}
h2.year {font-weight: bold; font-size: 1.5em; border-bottom: 2px solid #999; line-height: 1.4; clear: both}
h3.subtitle {font-size: 1em; font-weight: bold; padding: 0 0 1px 3px; border-bottom: 2px solid #CCC; margin-bottom: 1px}
h3 {border-bottom: 1px solid #EEE; padding-bottom: 2px}
p {margin: 0 0 1.5em}
p.last {margin-bottom: 0}
p img {float: left; margin: 0 1.5em 1.5em 0; padding: 0; border: 1px solid #EEE;}
p img.center{ float: none; display: block; margin: 0 auto 0 auto; padding: 0; border: none; text-align: center;}
img {margin: 0}
a:focus, a:hover {color: #E54A2B; text-decoration: none; background: #F9F9F9 url("/images/bg_hash.gif") repeat 0 1px;, outline: 0;}
a {color: #2391bb; text-decoration: none}
a.more {font-size: 11px; color: #333; font-weight: bold; padding: 0 3px;}
a.more:hover{ color: #000}
h1 a {text-shadow: 0 -1px 0 #004A62}
h1 a:hover, h1 a:focus, h1 a:active {text-shadow: 0 -1px 0 #9F3019}
blockquote {margin: 1.5em; color: #666; font-style: italic}
strong {font-weight: bold; color: #111}
em,dfn {font-style: italic}
dfn {font-weight: bold}
sup, sub {line-height: 0}
h2 sup {font-size: 60%}
abbr, acronym {border-bottom: 1px dotted #666}
address {margin: 0 0 1.5em; font-style: italic}
pre,code {margin: 1.5em 0; white-space: pre}
tt {display: block; margin: 1.5em 0; line-height: 1.5}
pre,code,tt {font: 10px monaco, 'andale mono', 'lucida console', monospace; line-height: 1.5; color: #236387}
pre, code {background-color: #EEE; padding: 10px; overflow: auto; white-space: pre; border-left: 4px solid #3FB2F4; font-size: 11px; line-height: 13px}
pre {width: 675px}
li ul, li ol {margin: 0 1.5em}
ul, ol {margin: 0 1.5em 1.5em 2.0em}
ul {list-style-type: circle}
ol {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}
th {border-bottom: 2px solid #ccc; font-weight: bold; background: #eee}
td {border-bottom: 1px solid #ddd}
th,td {padding: 4px 10px 4px 5px}
tr.even td {background: #eef}
tfoot {font-style: italic}
caption {background: #ffc}
table .last {padding-right: 0}
.small {font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em}
.large {font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em}
.hide {display: none}
.quiet {color: #666}
.loud {color: #000}
.highlight {background:#ff0}
.added {background:#060; color: #fff}
.removed {background:#900; color: #fff}
.top {margin-top:0; padding-top:0}
.bottom {margin-bottom:0; padding-bottom:0}
.clear {clear: both}
del.diffdel {text-decoration: line-through; background-color: #FB8287}
del.diffmod {text-decoration: line-through; background-color: #FFBF00}
del.diffdel img {border: 2px solid #D75357}
ins.diffins {text-decoration: none; background-color: #A3E78D}
ins.diffmod {text-decoration: none; background-color: #FFBF00}
ins.diffins img {border: 2px solid #6BC451}
ins.diffmod img, del.diffmod img {border: 2px solid #FF9000}
.quote {font-style: italic; color: #236387; display: block; padding: 1em; margin-top: 1em; background-color: #99D4F4}
.callout-left {display: block; float: left; width: 32%; padding: 1%; margin-right: 2%; background-color: #ECECEC; clear: right; font-weight: bold}
.callout-right {display: block; float: right; width: 32%; padding: 1%; margin-left: 2%; background-color: #ECECEC; clear: left; font-weight: bold}
p img.right {margin: 0 0 10px 10px; float: right; display: block}
p img.left {margin: 0 10px 10px 0; float: left}
.content {margin-top: 20px; padding-left: 5px; width: 450px; float: left; margin-right: 25px}
#body_links .content {width: 935px}
p.published {font-weight: bold; color: #999; margin-top: -0.5em; margin-bottom: 0.5em}
p.updated {clear: both; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; background-color: #FAFAFA; font-size: 92%; padding: 3px 5px; text-align: right; color: #999}
p.updated span.tags {float: left; text-align: left}
p.other_posts {clear: both; border-top: 1px solid #EEE; font-size: 92%; padding: 3px 5px; color: #999; float: left; width: 575px; font-weight: bold}
p.other_posts a.older {float: left; text-align: left}
p.other_posts a.newer {float: right; text-align: right}
p.other_posts a span {color: #333; font-weight: normal}
a.video {background: #F9F9F9 url("/images/video.gif") no-repeat 50% 50%; display: block}
a.video img {float: none; background: transparent; display: block; margin: 0; padding: 0; border: none}
#commercial h2, #myprojects h2 {clear: none}
#commercial h3, #myprojects h3 {margin-bottom: 0.1em}
#commercial ul, #myprojects ul {list-style: none; margin: 0; padding: 0}
#commercial li, #myprojects li {clear: both; float: left; width: 440px; padding: 0 15px 30px 0}
#commercial li img, #myprojects li img {float: left; margin-right: 20px; border: 1px solid #CCC}
.info {background-color: #BAD9E4; color: #333; padding: 10px}
.info a {color: #0E8BB4; font-weight: bold; padding: 0 2px}
.info a:hover {background-color: #BAD9E4; color: #DF2A07}
.info em, .small {font-size: 92%; font-style: normal; line-height: 1.2}
.info em {display: block; padding: 2px 2px 0 2px}
.small {color: #666}
.info em a {font-weight: normal}
* {float: none !important; background-image: none !important;}
body {float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 9pt; background: white}
#crumbs, #left_column, #menu, #tabs, #search_form, #skip_to_content {display: none}
#wrapper {width: auto; padding: 0; margin: 1em 5% 2em 5%}
h1 {margin-bottom: 1em}
h1 a {text-decoration: none; color: black}
h1, h2, h3, h4 {color: black !important}
.pagebody h2 {font-weight: bold}
div.pagebody {padding: 0; color: black; background: transparent}
div.pagebody a:link, div.pagebody a:visited {color: black; background: transparent; text-decoration: none}
div.pagebody a[href^="http"]:link:after, div.pagebody a[href^="http"]:visited:after {content: " (" attr(href) ") "; font-size: 85%}
div.pagebody a[href^="/"]:after {content: " (http://www.website.com" attr(href) ")"}
div.pagebody h2 a[href^="http"]:link:after, div.pagebody h2 a[href^="http"]:visited:after, div.pagebody h3 a[href^="http"]:link:after, div.pagebody h3 a[href^="http"]:visited:after {display: none}
#footer {font-size: 100%; text-align: left}
#siteurl {display: block; margin-bottom: 1em}
#footer ul {list-style: none}
#footer li {display: inline}
#tictoc, a.adminedit, #footer a {display: none}