a:link {color: black}
a:visited {color: black}
a:hover {color: black}
a:active {color: black}
html {background: white; color: black; text-align: center; margin: 0; padding: 0}
body {margin: 0; padding: 0; font-family: Lucida Grande, sans-serif}
* {font-family: Lucida Grande, sans-serif}
img {vertical-align: middle}
p, li, dt, dd {line-height: 1.5; font-size: .95em}
p, ul, ol, dl, blockquote {margin-left: 3em; margin-right: 2em; max-width: 35em}
p + p {text-indent: 1.4em}
dl {margin-top: 1em; margin-bottom: 1em}
dl dt a {font: 1.5em bold Lucida Grande, sans-serif}
dl dt {font-weight: bold}
dl dd {margin: 0em 3em}
ul {list-style: none}
li p {margin: 0; display: inline}
li li, li p, td p, blockquote p {font-size: 1em}
ul li {padding-bottom: 1em}
ul li:before {content: "\276F"; color: #5094f5; font-size: 1em; padding-right: .5em; margin-left: -1.1em}
ul li.windows:before {content: ">"; font-weight: bold}
div.content ul li p:first-child {margin-left: -.32em}
blockquote, blockquote p {font: 1.1em Optima, Verdana, sans-serif; color: #0036b2}
blockquote {margin: 0 0 1em 0; padding: 0 2em}
abbr, acronym {letter-spacing: 0.1em; font-variant: small-caps}
em {font-style: italic}
term {font-style: italic}
cite {font-style: italic}
input, select, th, td {font-size:1em}
h1 {text-align: center; padding: .3em 2em 0em 2em; margin: 0; color: black; font-size: 1.3em}
h2 {margin: 1.5em 1.4em 1em 1.2em; font-weight: bold; font-size: 1.5em; border-bottom: medium #4e92f3 solid; font-family: Optima, Verdana, sans-serif; font-size: 2em; padding: 0; margin: 1em 1.4em 1em 1.2em; color: #4e92f3; width: 23em}
h3 {font-size: 1.2em; margin-left: .5em; margin-right: auto; color: #929292; border-bottom: thin solid #929292}
.todo {background: red; color: yellow; font-weight: bold}
kbd:before {content: open-quote}
kbd:after {content: close-quote}
code, kbd, var, pre, pre code span {font-family: "Monaco", "Bitstream Vera Sans Mono", "Courier"}
pre {margin: .5em 2em .5em 7em; padding: .5em; -moz-border-radius: .4em; -webkit-border-radius: .3em; border-radius: .3em; -webkit-box-shadow: 3px 3px px rgba(0, 0, 0, 0.5) ; -moz-box-shadow: 3px 3px px rgba(0, 0, 0, 0.5)}
pre code {font-size: .9em}
.command-box {clear: right; border: 1px dotted #888; background: #151515; color: #eee; margin: .5em 2em .5em 7em; padding: .5em; text-align: left; font-family: "Monaco", "Bitstream Vera Sans Mono", "Courier"; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em}
span.placeholder {font-style: italic}
span.placeholder:before {content: "<"}
span.placeholder:after {content: ">"}
.command-box span.placeholder {font-style: normal; color: #cc2}
.source-code-box {border: 1px dotted #888; background: #151515; color: #eee; margin: .5em 2em .5em 7em; padding: .5em; text-align: left; font-family: "Monaco", "Bitstream Vera Sans Mono", "Courier"; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em}
.output-box {border: 1px dotted #888; background: #151515; color: #eee; margin: .5em 2em .5em 7em; padding: .5em; text-align: left; font-family: "Monaco", "Bitstream Vera Sans Mono", "Courier"}
.sample-box {border: 1px dotted #444; margin: .5em 2em .5em 7em; padding: .5em; text-align: left}
div.content {width: 80%}
div.content p {text-align: left}
div.content-menu {z-index: 2; position: fixed; top: 1.5em; right: 0; width: 18%; margin: 3em .5em 2.5em 1em; background: #FFC; border: thin #666 dotted}
div.content-menu div.header {margin: 0; padding: 0; padding-top: .2em; padding-bottom: .2em; width: 100%; color: white; background: #88f; border: 0; text-align: center; font: .8em bold Verdana, sans-serif}
.content-menu ol {padding: 0; margin: .5em 0; list-style: roman}
.content-menu ol li {margin: .2em 0 .2em 1.8em; text-align: left; font: .7em Verdana, sans-serif}
div.page-menu {z-index: 1; position: fixed; bottom: 0%; right: 0; width: 18%; margin: 3em .5em 2.5em 1em; background: #FFC; border: thin #666 dotted}
div.page-menu div.header{ margin: 0; padding: 0; padding-top: .2em; padding-bottom: .2em; width: 100%; color: white; background: #88f; border: 0; text-align: center; font: .8em bold Verdana, sans-serif}
.page-menu ul {padding: 0; margin: 1em; list-style: none}
.page-menu ul li {padding: .4em; text-align: left; font: .7em Verdana, sans-serif}
div.banner {margin: 0; padding: 0; float: left; width: 100%; font-size: 110%; line-height: normal; background: #4e92f3 url(/images/Main-Menu-Background.jpg) repeat-y bottom left; border-bottom: thin #666 solid}
img#banner-logo {float: left; margin: .3em 2em .1em 1em; border: 0}
div#identity-and-contact {float : right; text-align: right}
div.banner div.signature span.by {font: italic .8em Didot, serif; padding-right: .6em; text-shadow: .2em .2em .2em #222; color: gainsboro}
div#identity-and-contact div.signature {color: gainsboro; font: 1.2em "Helvetica Neue", serif; letter-spacing: .1em; margin: .3em 1em 0 0; padding: 0px .1em 0 0; vertical-align: baseline; text-shadow: .05em .05em .1em #222}
div#quick-links {padding: 0; margin: 0}
a#contact_me_link img, a#feed_link img {vertical-align: middle; border: 0; margin: .5em 1.2em .5em 0}
ul.section-menu {float: left; margin: 0 auto; padding: 0; width: 35em; list-style: none}
ul.section-menu li {display:block; float: left; margin: .8em 1px .5em 1px; padding: 1em 0; background: transparent url('/images/Button Gradient.png' ) repeat-x center; text-shadow: .1em .1em .2em #444}
ul.section-menu li:before {content: ""; display: none; padding: 0; padding-top: 0; margin: 0}
ul.section-menu li p:first-child {margin-left: 0}
ul.section-menu li a:visited {color: gainsboro}
ul.section-menu li a {padding: 0 1em; margin: 0; font: bold .9em "Lucida Grande", sans-serif; text-decoration: none; color: gainsboro}
ul.section-menu li.first a {padding-left: .6em}
ul.section-menu li.last a {padding-left: .6em}
ul.section-menu li a:hover {color: white}
ul.section-menu li#current a {color: #ff8}
div.content {float: left; background: url(/images/Shore.jpg) no-repeat left top; width: 100%; padding: 0; padding-top: 1.3em; padding-bottom: 1.3em; text-align: left; clear: both; margin: 0}
p.Cartouche {float: right; width: 15em; margin: 0 2em 2em 3em; background: #4e92f3; padding: 1em; text-align: center; color: white; font-weight: bold; border: 0; text-indent: 0; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5)}
p.Cartouche a img {border: 0}
.Copyright, .License, .Credits {font: italic 1em "Lucida Grande", sans-serif; color: #444; max-width: none; text-align: center}
.Copyright {clear: both; padding-top: 2em; margin-bottom: .2em}
.License {margin-top: 0}
a.discussion_link {text-decoration: none}
a.comment_counter {color: #001282; padding: 0 1.5em}
h2.document_reference a {text-decoration: none; font-size: .9em}
span.tag_list {padding-left: 3em; margin-left: 1.7em; font-weight: normal; font-size: 1em; color: #222}
span.tag_list img {vertical-align: middle}
span.tag_list:before {content: '['}
span.tag_list:after {content: ']'}
p.read_more, p.read_more a {font-variant : small-caps; font-weight: bold; font-size: 1.1em; color: #001282; margin: 0 0 0 1.6em}
h2 span.post_date {padding-right: 1em; color: #4e92f3}
#contact_form {margin: 2em}
#contact_form label, #contact_form span {padding: 0; margin: 1em 0 1em 0; vertical-align: top}
#contact_form span {padding: 0 0 0 1em; color: #444}
#contact_form input {margin-bottom: 1em}
#contact_form textarea {margin-top: 1em; width: 50em}
div.errorExplanation {background: #fbb; color: red; padding: 1em; margin: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em}
div.errorExplanation h2 {font-size: 1em; border: 0; color: red}
div#picture {float: left; margin: 0 1.7em 0 3em}
img {border: 0}
table.box {table-layout: fixed; border-spacing: 0; border: none}
table.box tr, table.box tr td {padding: 0; margin: 0; border: none}
table.box tr.top, table.box tr.bottom {height: 30px}
table.box tr.bottom td {height: 30px}
table.box tr td.left, table.box tr td.right {width: 30px}
table.box tr.top td.left {background: url('Blue Box Top Left.png') no-repeat top left}
table.box tr.top td.center {background: url('Blue Box Top.png') repeat-x top}
table.box tr.top td.right {background: url('Blue Box Top Right.png') no-repeat top right}
table.box tr.middle td.left {background: url('Blue Box Left.png') repeat-y left}
table.box tr.middle td.center {background: url('Blue Box Center.png') repeat; padding: 0px}
table.box tr.middle td.right {background: url('Blue Box Right.png') repeat-y right}
table.box tr.bottom td.left {background: url('Blue Box Bottom Left.png') no-repeat bottom left}
table.box tr.bottom td.center {background: url('Blue Box Bottom.png') repeat-x bottom}
table.box tr.bottom td.right {background: url('Blue Box Bottom Right.png') no-repeat bottom right}
dl#previous-talks, dl#upcoming-talks {margin: 1em 1em; padding: 0}
dl#previous-talks dd, dl#upcoming-talks dd {text-align: center; margin: 0 0 3em 0; padding: 0}
dl#previous-talks dd a img, dl#upcoming-talks dd a img {margin: .5em auto}
dl#previous-talks dt, dl#upcoming-talks dt {margin: 0; padding: 0; font-weight: bold; font-size: 1.4em; text-align: center; text-shadow: .1em .1em .2em #bbb}
a.entry-point {background: #618488; color: white; padding: .2em .3em .3em .3em; -webkit-border-radius: .15em; -moz-border-radius: .15em; border-radius: .15em; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5)}
.in-place-edit-mouseover {background: #ffc}
h1 {font-size: 2.8em; margin-bottom: 1em}
div.content h2 {font-family: Optima, Verdana, sans-serif; font-size: 2em; padding: 0; margin: 0 0 0 6.5em; color: #4e92f3; width: 23em}
div.content img {float:left; margin-left: 2em}
p {margin-left: 15em}