body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0}
table {border-collapse:collapse;border-spacing:0}
fieldset,img {border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal}
q:before,q:after {content:''}
abbr,acronym {border:0}

html {height:100%;font-size:62.5%}
body {background:#fafafa;font-family:Cambria,Georgia,Times New Roman,Baskerville Old Face,Serif}

.page {display:block;width:97%;max-width:960px;margin:40px 0 0 3%}

a {color:#333;text-decoration:none;border-bottom:1px dotted #ccc}
a:hover {color:#c00;border-bottom:1px dotted #333}
a:active {color:#f00;border-bottom:1px dotted #f00}

h1 {font-size:2.4em;color:#305cb4;margin:0 0 0.75em;line-height:normal}
h1 a {color:#305cb4}

#media h1 a {border:0}

.page p {color:#444;padding:0 0 2px;line-height:1.5}

ul.list {margin:1em 2em;list-style-type:circle}
ul.list li {padding:0.25em 0.5em}

#home p {color:#efad2e;font-size:2.1em}
#home p a {color:#efad2e}
#home a:hover {color:#c00;border-bottom:1px dotted #333}
#home a:active {color:#f00;border-bottom:1px dotted #f00}

#menu {float:left;width:30%;min-width:315px;border-right:1px dotted #ccc;padding:0 1% 0 0;margin:0 3% 24px 5px}
#menu li {font-size:1.7em;line-height:1.4em;margin:0 0 0.2em}
#menu li.minor {font-size:1.5em}
#menu li.minor a {font-family:Calibri,Lucida Sans,Verdana,Arial,Sans-Serif}
#menu li.break {margin:25px 0 0}

#slide {float:left;width:500px}
#slide li {margin:0 0 1em 0;font-family:Calibri,Lucida Sans,Verdana,Arial,Sans-Serif}
#slide ul {margin:1em 0 2em;line-height:1.35em}
#slide li li {margin:0 1em;padding:0 0 0 15px;font-size:1.4em;line-height:1.5em;color:#333;background:url(/common/images/arrowBlack.gif) 0 50% no-repeat}
#slide h3 {color:#555;margin:0 0 10px;font:2em/1em bold Cambria,Georgia,Times New Roman,Baskerville Old Face,Serif}
#slide p {margin:0 0 1em;font-size:1.5em;line-height:1.35em}
#slide blockquote {font-family:Cambria,Georgia,Times New Roman,Baskerville Old Face,Serif;font-style:italic}
#slide li img.banner {display:block;padding:3px 2px;margin:0 0 10px;border:1px solid #ccc;border-width:1px 0}

#test p {font-size:1.5em}
#test #options {color:#666}
#test #options a {color:#666;font-weight:bold;cursor:pointer}
#test .result {margin:1em;font-size:1.8em;line-height:1.7;color:#333}
#test .result li {margin:0 0 0.5em}
#test .result li li {font-size:0.7em;line-height:1.4;margin:0 0 0 1em;color:#666}
#test .result p {font-size:0.5em;margin:2em 0 0}
#test .result span {padding:0 3px 0 0}

body p#contact {margin:5em 0 0;font-size:1.35em;color:#666;font-family:Calibri,Lucida Sans,Verdana,Arial,Sans-Serif}
body p#contact a {color:#666}
body p#contact a:hover {color:#333}
body p#copy {display:block;clear:both;text-align:left;margin:100px 0 0 3%;padding:0 0 10px;font-size:1.1em;color:#999;font-family:Calibri,Lucida Sans,Verdana,Arial,Sans-Serif}
body p#copy a {color:#999}
body p#copy a:hover {color:#333}

#frmLogin {width:900px;margin:20px auto;font-size:2em}
#frmLogin fieldset {display:block;overflow:auto;margin:auto;width:20em;background:#ebebeb;-moz-border-radius:7px;-webkit-border-radius:7px;border:1px solid #ccc;padding:2em 2em 1.5em}
#frmLogin label {display:block;margin:0 0 0.5em 0;clear:both}
#frmLogin label input {font-size:0.9em;padding:1px;font-family:Cambria,Georgia,Times New Roman,Baskerville Old Face,Serif;width:12em;background:#fafafa;border:1px solid #ccc;color:#333}
#frmLogin #btnLogin {float:right;background:#e1e1e1;-moz-border-radius:2px;-webkit-border-radius:2px;border:1px solid #ccc;color:#333;padding:0.5em 1em;margin:0.5em 0 0}
#frmLogin #btnLogin:hover {background:#d2d2d2;cursor:pointer}
#frmLogin em {float:left;width:7em}

#error, #message {display:block;width:90%;margin:0 auto;background:#ffc;text-align:center;font-size:1.5em;-moz-border-radius-bottomleft:7px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-bottomright:7px;-webkit-border-bottom-right-radius:7px;border:1px solid #cc6;border-width:0 1px 1px 1px;padding:0.75em}
#error {display:none}

#console dt {font-size:1.4em;font-weight:bold;color:#efad2e}
#console dd {margin:1em 0;padding:0}
#console ul {font-size:1.5em;overflow:auto;padding:0 0 2em}
#console li {float:left;width:12em;margin:0.5em 1em}
#console li a {display:block;padding:5px 25px 5px 35px;-moz-border-radius:7px;-webkit-border-radius:7px;border:1px solid #e2e2e2}
#console .linkEmail {background:url(/common/images/iconEmail.gif) 10px 50% no-repeat}
#console .linkDocuments {background:url(/common/images/iconDocuments.gif) 10px 50% no-repeat}
#console .linkCalendar {background:url(/common/images/iconCalendar.gif) 10px 50% no-repeat}
#console .linkReader {background:url(/common/images/iconReader.gif) 10px 50% no-repeat}
#console .linkPlesk {background:url(/common/images/iconPlesk.gif) 10px 50% no-repeat}
#console .linkIntervals {background:url(/common/images/iconIntervals.gif) 10px 50% no-repeat}
#console .linkWriteMaps {background:url(/common/images/iconWriteMaps.gif) 10px 50% no-repeat}
#console .linkNetRegistry {background:url(/common/images/iconNetregistry.gif) 10px 50% no-repeat}
#console li a:hover {background-color:#d2d2d2;color:#369}

#images {max-width:90%}
#images .menu {position:relative;clear:both;overflow:hidden;font-size:1.5em;padding:10px;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;border:1px solid #ccc;background:#eaeaea}
#images .menu li {float:left}
#images .menu a {float:left;font-weight:bold;padding:0.2em 0.6em;margin:0 0.5em;border:1px solid #eaeaea;outline:none}
#images .menu a.selected {color:#305cb4}
#images .menu a:hover {cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:1px solid #369;background:#369;color:#fff}
#images .menu .about {float:right}
#images #menustatus {float:right;color:#666;font-family:Calibri,Lucida Sans,Verdana,Arial,Sans-Serif;font-size:1.1em;margin:0.5em 0}
#images #options-browser {display:none}

#gallery {max-width:1270px;margin:1em 0 50px;overflow:hidden}
#gallery li, #setgallery li {float:left;vertical-align:middle;margin:0 5px 5px 0;border:1px solid #999;background:#ccc;color:#333}
#gallery li a, #setgallery li a {display:block;overflow:hidden;width:120px;height:120px;text-align:center;outline:none;border:0}
#gallery li a img, #setgallery li a img {display:block;opacity:0.75}
#gallery li a:hover img, #setgallery li a:hover img {display:block;opacity:1}

#sets {float:left;width:380px;margin:20px 20px 0 0;padding-right:20px;border-right:1px solid #e2e2e2}
#sets li {overflow:hidden;border-top:1px dotted #ccc;padding:10px 5px;cursor:pointer}
#sets li:hover {background:#fff}
#sets h2 {text-align:right;font-weight:normal;color:#999;margin:5px 0}
#sets h2 em {float:left;font-size:1.3em;font-weight:bold;color:#369}
#sets p {font-size:1.2em;font-family:Calibri,Lucida Sans,Verdana,Arial,Sans-Serif}

#setgallery {margin:0 0 0 420px}
#setgallery h2 {font-size:1.6em;font-weight:bold;color:#369;margin:1em 0 0.25em}
#setgallery p {font-size:1.4em}

#images-about {margin:2em 1em 1em;font-size:1.5em}
#images-about h2 {font-size:1.3em;color:#369;margin:1em 0 0.25em}
#images-about li {list-style-type:disc;margin:0 0 0 2em;line-height:1.5}

.error {display:block;width:550px;margin:20px auto;padding:1em;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #cd0a0a;color:#cd0a0a;background:#fef1ec;font-size:1.5em;font-family:Calibri,Lucida Sans,Verdana,Arial,Sans-Serif;text-align:center}
.section {display:none}
.hide {display:none}

.loader {display:block;width:100px;margin:100px auto;font-family:Calibri,Lucida Sans,Verdana,Arial,Sans-Serif;text-align:center}
.loader img{display:block;margin:1em auto}
.loader span {text-decoration:blink}

#holder {position:absolute;bottom:0;right:0;width:1px;height:1px}

#lab {max-width:960px}
#lab h2 {font-size:1.8em;color:#4e9a06;margin:0 0 0.75em}
#lab .details h3 {font-size:1.6em;margin:1em 0 0.4em}
#lab .details p {font-size:1.4em;line-height:1.5;margin:0 0 0.5em 0.5em}
#lab .details code {font-size:1.2em;color:#000}
#lab .details pre {font-size:1.2em;color:#000}
#lab .details code.boolean {font-weight:bold;font-style:italic}
#lab .details ul.options {font-size:1.4em;line-height:1.5;margin:0 0 0 0.5em}

#lab dl.accordion {max-width:600px}
#lab dl.accordion dt {font-size:1.6em;cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #babdb6;color:#333;background:#d3d7cf url(/common/images/arrowRight.png) 10px 50% no-repeat;margin:0 0 10px;padding:0.5em 1em 0.5em 35px;overflow:hidden;outline:none}
#lab dl.accordion dt:hover, #lab dl.accordion dt.hover {background-color:#729fcf;color:#fff}
#lab dl.accordion dt.selected {background-color:#babdb6;border-color:#888a85;color:#000;cursor:default}
#lab dl.accordion dd {font-size:1.5em;margin:5px 1em;padding:0 0 1em}
#lab dl.accordion dd li {margin:0 0 5px;line-height:1.3}
#lab dl.accordion dd p {line-height:1.3;margin:0 0 10px}
#lab dl.accordion dd em {font-style:italic}

a.linkDownload {border:0;background:url(/common/images/iconDownload.png) 5px 50% no-repeat;padding:5px 0 5px 30px}
a.linkDocumentation {border:0;background:url(/common/images/iconHelp.png) 4px 50% no-repeat;padding:5px 0 5px 30px}

a.highlight {position:absolute;top:10px;right:10px;width:250px;display:block;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #babdb6;background-position:15px 50%;background-color:#d3d7cf;color:#000;padding:0.5em 1em 0.5em 40px;font-size:1.25em}
a.highlight:hover {background-color:#729fcf;color:#fff}

.selection {margin:20px 0;max-width:400px}
.selection li a {display:block;font-size:1.6em;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #babdb6;color:#333;background:#d3d7cf url(/common/images/arrowRight.png) 10px 50% no-repeat;margin:0 0 10px;padding:0.5em 1em 0.5em 35px;overflow:hidden;outline:none}
.selection li a:hover {background-color:#729fcf;color:#fff}
.selection p {font-size:1.6em}

.profileQuote {margin:-60px 0 0;color:#666;font-size:1.5em;width:340px;float:right;text-align:right}
.profileQuote p {margin:0;color:#666}
.profileQuote a {color:#666}
.profileQuote a:hover {color:#a40000}

.profileSection {overflow:hidden}

.musicCovers {float:left;overflow:hidden;width:500px}
.musicCovers li {float:left;overflow:hidden}
.musicCovers li a {border:0;outline:0}
.musicCovers li img {width:110px;height:110px;margin:0 5px 5px 0;cursor:pointer;border:1px solid #eaeaea;opacity:0.9}
.musicCovers li a:hover img {opacity:1}
.musicCovers li div {display:none}

.musicText {float:left;width:460px;margin:20px 0}
.musicText h3 {color:#a40000;font-size:1.5em;font-weight:bold;margin:0 0 0.5em}
.musicText p {font-size:1.3em;margin:0 0 1em}
.musicText cite {font-style:italic}
.musicText .callout {width:200px;float:right;margin:0 0 1em 1em}
.musicText .callout p {font-size:1.9em;line-height:1.1}
.musicLinks {font-size:1.2em;line-height:1.4}

#resume {font-size:1.5em;width:90%;padding:50px 0;margin:0 0 0 3%}
#resume h1, #resume h2 {color:#000}
#resume h1 {font-family:Arial Black, Verdana, Sans-serif;font-size:1.5em;margin:0}
#resume h2{font-family:Calibri, Arial,Verdana, Sans-serif;font-weight:normal;font-size:1.4em;margin:2em 0 0;padding:0 0 0.1em;border-bottom:1px solid #d2d2d2}
#resume p {margin:0 0 0.5em;line-height:1.4}
#resume p.lede {margin:1em 0 0.5em}
#resume p.email {margin:0 0 0 0.1em;line-height:1;font-size:0.9em}
#resume p.email a {border:1px solid #ccc;border-width:0 0 0 1px;padding:0 0 0 0.6em;margin:0 0 0 0.5em;line-height:1}
#resume ul {margin:1em 0 0;}
#resume ul li {margin:0 0 0.5em}
#resume dt {margin:1em 0 0;font-weight:bold;color:#333}
#resume dd {margin:0.25em 0.1em;line-height:1.4}
#resume dd.note {font-style:italic}
#resume dd.period {font-size:0.8em;margin:0.25em 0 0.4em;font-weight:bold;color:#444;line-height:1}
#resume #strip {position:fixed;top:0;left:3%;width:90%;margin:0;background:#eaeaea;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border:1px solid #ccc;border-width:0 1px 1px 1px}
#resume #strip li {float:left;margin:0}
#resume #strip li.button {float:right;font-weight:normal}
#resume #strip li a {display:block;padding:8px 0 8px 24px;margin:0 2em 0 0.5em;border:0;font-size:0.75em;cursor:pointer;outline:none}
#resume #strip li a#navBack {background:url(/common/images/arrowLeft.png) 0 50% no-repeat}
#resume #strip li a#pagePrint {background:url(/common/images/iconPrint.png) 0 50% no-repeat}
#resume #strip li a#pageDownload {background:url(/common/images/iconPdf.png) 0 50% no-repeat}

.networks {float:right;width:300px;height:40px;padding-top:18px;position:relative;}
.networks li {float:left;margin:0.5em;}
.networks li a {display:block;width:16px;height:16px;padding:0;border:0;background:#fff url(/common/images/spriteIcons.gif) 0 0 no-repeat;}
.networks li a#linkedin {background-position:0 0}
.networks li a#flickr {background-position:-16px -16px}
.networks li a#delicious {background-position:0 -16px}
.networks li a#reader {background-position:-16px 0}
.networks li a#twitter {background-position:0 -32px}
.networks li a span {display:none;color:#666;width:300px;font-size:1.2em;}
.networks li a:hover span {position:absolute;top:0;left:0;display:block}

.clear {clear:both;}

/* thickbox styles */
#TB_window {font:1.2em Arial,Helvetica,Sans-serif;color:#333}
#TB_secondLine {font:1em Arial,Helvetica,Sans-serif;color:#666}
#TB_window a {color:#666}
#TB_window a:hover {color:#000}

#TB_overlay {position:fixed;z-index:100;top:0;left:0;height:100%;width:100%}
.TB_overlayMacFFBGHack {background:url(macFFBgHack.png) repeat}
.TB_overlayBG {background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75}

#TB_window {position:fixed;background:#fff;z-index:102;color:#000;display:none;border:4px solid #525252;text-align:left;top:50%;left:50%}
#TB_window img#TB_Image {display:block;margin:15px 0 0 15px;border:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px}
#TB_title{background-color:#e8e8e8;height:27px}
#TB_ajaxContent{clear:both;padding:2px 15px 15px;overflow:auto;text-align:left;line-height:1.4}
#TB_ajaxContent.TB_modal{padding:15px}
#TB_ajaxContent p{padding:5px 0}
#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px}
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%}
#TB_iframeContent{clear:both;border:0;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px}
* html #TB_overlay, * html #TB_HideSelect {position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px')}
* html #TB_window, * html #TB_load {position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}
