:focus {
  -moz-outline-style: none;
}

a {
outline: none;
}

body {
background: #343434;
position: relative;
margin-top: 0;
}

em {
font-style: italic;
}

strong {
font-weight: bold;
}

#about {
margin-top: 1000px;
padding-top: 128px;
}

#about-content {
width: 750px;
margin: 0 auto 500px auto;
padding: 25px;
z-index: 90;
background: url(../graphics/content_background.png) 0 0 repeat;
-moz-border-radius: 4px;
border-radius: 4px;
position: relative;
opacity: 0;
}

#about-content a {
color: #039;
text-decoration: none;
}

#about-content a:hover, #about-content a:active {
color: #bd2026;
}

#about-content h3 {
width: 750px;
height: 40px;
text-indent: -9999px;
background: url(../graphics/about_marker.png) 0 0 no-repeat;
border-top: solid 3px #000;
margin-bottom: 22px;
}

#about-content p {
font: normal 1em/1.35em Georgia, serif;
margin: 0 0 12px 38px;
width: 420px;
}

#about-content #portrait {
position: absolute;
top: -20px;
right: -70px;
}

#background {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
z-index: 1;
}

.close-button {
display: block;
width: 13px;
height: 12px;
background: url(../graphics/close_button.png) 0 0 no-repeat;
}

.close-button:hover, #close-button:active {
background: url(../graphics/close_button.png) 0 -13px no-repeat;
}

.close-button img {
display: none;
}

#colophon {
display: none;
}

#colophon-content, #contact-info, #legal-notice, #privacy-policy, #resume-content {
width: 788px;
height: 378px;
padding: 10px;
position: relative;
}

#colophon-content a, #contact-info a, #legal-notice a, #privacy-policy a, #resume-content a {
color: #039;
text-decoration: none;
}

#colophon-content a:hover, #colophon-content a:active, #contact-info a:hover, #contact-info a:active, #legal-notice a:hover, #legal-notice a:active, #privacy-policy a:hover, #privacy-policy a:active, #resume-content a:hover, #resume-content a:active {
color: #bd2026;
}

#colophon-content h4, #contact-info h4, #legal-notice h4, #privacy-policy h4, #resume-content h4 {
font: bold 1.4em/1em Helvetica, Arial, sans-serif;
margin-bottom: -4px;
}

#colophon-content h5, #contact-info h5, #legal-notice h5, #privacy-policy h5, #resume-content h5 {
font: bold .9em/1em Helvetica, Arial, sans-serif;
text-transform: uppercase;
margin: 16px 0 2px 12px;
}

#colophon-content li, #contact-info li, #legal-notice li, #privacy-policy li, #resume-content li {
font: normal .9em/1.35em Georgia, serif;
margin: 0 0 12px 0;
width: 700px;
}

#colophon-content ol, #contact-info ol, #legal-notice ol, #privacy-policy ol, #resume-content ol {
list-style-type: decimal;
list-style-position: outside;
margin-left: 42px;
}

#colophon-content ul, #contact-info ul, #legal-notice ul, #privacy-policy ul, #resume-content ul {
list-style-type: square;
list-style-position: outside;
margin-left: 38px;
}

#colophon-content ul li, #contact-info ul li, #legal-notice ul li, #privacy-policy ul li, #resume-content ul li {
padding-left: 6px;
}

#colophon-content p, #contact-info p, #legal-notice p, #privacy-policy p, #resume-content p {
font: normal .9em/1.35em Georgia, serif;
margin: 0 0 12px 12px;
width: 700px;
}

#contact {
display: block;
}

#contact-form {
width: 740px;
margin-top: -8px;
margin-left: 14px;
}

#contact-form button {
display: block;
margin: 14px 0 0 0;
width: 67px;
height: 33px;
border: 0;
padding: 0;
cursor: pointer;
background: transparent url(../graphics/send_button.png) 0 0 no-repeat;
position: relative;
left: -10px;
}

#contact-form button:hover {
background: transparent url(../graphics/send_button.png) 0 -34px no-repeat;
}

#contact-form button:active {
background: transparent url(../graphics/send_button.png) 0 -66px no-repeat;
}

#contact-form button:focus {
outline: none;
}

#contact-form button img {
border: 0;
padding: 0;
margin: 0;
visibility: hidden;
}

#contact-form fieldset {
border: 0;
}

#contact-form label {
margin-top: 14px;
margin-bottom: 4px;
font-family: Helvetica, Arial, sans-serif;
font-size: .8em;
font-weight: bold;
display: block;
}

#contact-form label.error {
color: #343434;
font-family: Verdana, sans-serif;
font-weight: normal;
font-size: .7em;
padding: 4px 4px 4px 24px;
border-top: solid 1px #bd2026;
background: url(../graphics/error_flag.png) 0 0 no-repeat;
vertical-align: top;
display: inline;
z-index: 1000;
position: relative;
top: 8px;
left: 10px;
}

#contact-form label.error[for=message] {
position: relative;
top: 18px;
left: -184px;
}

#contact-form #email, #contact-form #name {
width: 300px;
height: 20px;
color: 1d1d1d;
padding: 2px;
border-top: solid 1px #444;
border-right: solid 1px #999;
border-bottom: solid 1px #999;
border-left: solid 1px #444;
font-family: monospace;
font-size: 1.1em;
line-height: 1.3em;
letterspacing: 1px;
}

#contact-form #email:focus, #contact-form #name:focus {
border-top: solid 1px #bd2026;
border-right: solid 1px #bd2026;
border-bottom: solid 1px #bd2026;
border-left: solid 1px #bd2026;
outline: none;
}

#contact-form #message {
width: 386px;
height: 100px;
color: 1d1d1d;
padding: 2px;
border-top: solid 1px #444;
border-right: solid 1px #999;
border-bottom: solid 1px #999;
border-left: solid 1px #444;
font-family: monospace;
font-size: 1.1em;
line-height: 1.3em;
letterspacing: 1px;
}

#contact-form #message:focus {
border-top: solid 1px #bd2026;
border-right: solid 1px #bd2026;
border-bottom: solid 1px #bd2026;
border-left: solid 1px #bd2026;
outline: none;
}

#contact-form #send-button {
margin-left: 10px;
}

#contact-info #loader {
width: 24px;
height: 24px;
background: url(../graphics/send_loader.gif) 0 0 no-repeat;
position: relative;
left: 100px;
top: -30px;
display: none;
}

#contact-info #thanks-message {
position: absolute;
top: 10px;
left: 11px;
width: 500px;
height: 380px;
background-color: #f8f8f8;
overflow: hidden;
}

#contact-info #thanks-message h4, #contact-info #thanks-message h5, #contact-info #thanks-message p {
width: 500px;
}

#contact-wrapper {
display: none;
}

#content {
margin-left: 50px;
}

#fb-like-button {
position: absolute;
top: 18px;
left: 100px;
}

#follow-button {
margin: 0 0 -12px 64px;
}

#google-plus-one-button {
position: absolute;
top: 18px;
left: 30px;
}

#hello-content {
width: 750px;
margin: 128px auto 0 auto;
padding: 25px;
z-index: 100;
background: url(../graphics/content_background.png) 0 0 repeat;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: 0;
}

#hello-content h1 {
font-family: "chunk-1","chunk-2", Helvetica, Arial, sans-serif;
font-size: 3.6em;
line-height: 1.1em;
color: #f8f8f8;
text-shadow: 2px 2px 2px #000;
letter-spacing: 2px;
}

#latest {
margin-top: 1000px;
padding-top: 128px;
}

#latest-content {
width: 750px;
margin: 0 auto 0 auto;
padding: 25px;
z-index: 90;
background: url(../graphics/content_background.png) 0 0 repeat;
-moz-border-radius: 4px;
border-radius: 4px;
position: relative;
opacity: 0;
}

#latest-content a {
color: #039;
text-decoration: none;
}

#latest-content a:hover, #latest-content a:active {
color: #bd2026;
}

#latest-content h3#latest-marker {
width: 750px;
height: 40px;
text-indent: -9999px;
background: url(../graphics/latest_marker.png) 0 0 no-repeat;
border-top: solid 3px #000;
}

#latest-content .entry h1 {
font: bold 1.3em/1.1em Georgia, serif;
margin: 16px 0 12px 38px;
color: #343434;
}

#latest-content .entry h2 {
font: bold 1.1em/1.1em Georgia, serif;
margin: 16px 0 12px 38px;
color: #343434;
}

#latest-content .entry h2#latest-title {
font: bold 1.5em/1.1em Georgia, serif;
margin: 16px 0 12px 38px;
color: #000;
}

#latest-content .entry h3 {
font: bold 1em/1.1em Georgia, serif;
margin: 16px 0 12px 38px;
color: #343434;
}

#latest-content .entry h4 {
font: bold .95em/1.1em Georgia, serif;
margin: 16px 0 12px 38px;
color: #343434;
}

#latest-content .entry h5 {
font: bold .9em/1.1em Georgia, serif;
margin: 16px 0 12px 38px;
color: #343434;
}

#latest-content .entry h6 {
font: bold .8em/1.1em Georgia, serif;
margin: 16px 0 12px 38px;
color: #343434;
}

#latest-content .entry img {
margin-left: 24px;
max-width: 630px;
}

#latest-content .entry li {
font: normal 1em/1.35em Georgia, serif;
margin: 0 0 12px 0;
width: 586px;
}

#latest-content .entry ol {
list-style-type: decimal;
list-style-position: outside;
margin-left: 72px;
}

#latest-content .entry ul {
list-style-type: square;
list-style-position: outside;
margin-left: 66px;
}

#latest-content .entry ul li {
padding-left: 6px;
}

#latest-content .entry p {
width: 620px;
margin: 0 0 12px 38px;
font: normal 1em/1.35em Georgia, serif;
}

#latest-content .entry p.citation {
font-size: .8em;
margin-left: 66px;
}

#latest-content .entry p.first-note {
margin-top: 40px;
}

#latest-content .entry p.note {
font-size: .8em;
text-indent: -10px;
}

#latest-content .entry p.thumbnail-image {
margin-top: 40px;
margin-bottom: 0px;
}

#latest-content .entry p.thumbnail-image a img {
border: solid 2px transparent;
}

#latest-content .entry p.thumbnail-image a:hover img, #latest-content .entry p.thumbnail-image a:active img {
border: solid 2px #bd2026;
}

#legal-notice #fine-print {
margin-top: 20px;
}

#legal-notice #fine-print p {
font: normal .7em/1.4em Verdana, sans-serif;
text-indent: -16px;
}

#legal-notice #fine-print p:first-child {
text-indent: -10px;
}

#legal-notice #fine-print p span {
font: normal 1.2em/1.4em Georgia, serif;
}

#license-info {
position: absolute;
top: 18px;
right: 51px;
}

#license-info h6 {
font-weight: 300;
position: relative;
top: -15px;
left: 25px;
}

#license-info #author-info a {
display: block;
width: 19px;
height: 19px;
background: url(../graphics/cc_icon.png) 0 0 no-repeat;
text-indent: -9999px;
}

#license-info #author-info a:hover, #license-info #author-info a:active {
background: url(../graphics/cc_icon.png) 0 -21px no-repeat;
}

#license-info #license {
display: none;
width: 290px;
padding: 30px 10px 10px 10px;
background-color: #f8f8f8;
position: fixed;
bottom: 60px;
right: 30px;
text-transform: none;
font: normal .8em/1.4em Verdana, sans-serif;
letter-spacing: 0;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 2px 2px 4px #333;
-webkit-box-shadow: 2px 2px 4px #333;
box-shadow: 2px 2px 4px #333;
}

#license-info #license p {
margin-bottom: 1em;
}

#license-info #license p a {
color: #039;
text-decoration: none;
}

#license-info #license p a:hover, #license-info #license p a:active {
color: #bd2026;
}

#license-info #license #license-close-button {
position: absolute;
top: 10px;
right: 10px;
}


#license-info #license #license-badge {
position: relative;
top: -20px;
margin-bottom: -15px;
}

#mark {
width: 38px;
height: 23px;
margin: 650px auto 70px auto;
opacity: 0;
}

#mark a {
display: block;
width: 38px;
height: 23px;
background: url(../graphics/glasses.png) 0 0 no-repeat;
text-indent: -9999px;
}

#mark a:hover, #mark a:hover {
background: url(../graphics/glasses.png) 0 -21px no-repeat;
}

#masthead {
width: 100%;
height: 62px;
background: url(../graphics/header-background.png) 0 0 repeat-x;
position: fixed;
top: -5px;
left: 0;
z-index: 1200;
opacity: 0;
}

#masthead h2 a {
background: url(../graphics/site-title.png) 0 0 no-repeat;
width: 670px;
height: 30px;
text-indent: -9999px;
position: absolute;
top: 15px;
left: 25px;
display: block;
}

#masthead h2 a:hover {
background: url(../graphics/site-title.png) 0 -31px no-repeat;
}

#masthead h4 {
background: url(../graphics/site-tagline.png) 0 0 no-repeat;
width: 117px;
height: 27px;
text-indent: -9999px;
position: absolute;
top: 22px;
right: 25px;
}

.modal-download-link {
position: relative;
top: 6px;
}

.modal-download-link span {
color: #666;
font-size: .8em;
margin-left: 4px;
}

#page {
position: absolute;
top: 0;
width: 100%;
background: url(../graphics/page_background.png) fixed 0 0 repeat-x;
opacity: 0;
}

#page-loader {
width: 100%;
height: 100px;
position: fixed;
top: 200px;
background-color: #f8f8f8;
-moz-box-shadow: 0px 2px 4px #666;
-webkit-box-shadow: 0px 2px 4px #666;
box-shadow: 0px 2px 4px #666;
}

#page-loader img {
width: 32px;
margin: 20px auto;
display: block;
}

#page-loader p {
margin-top: 20px;
text-align: center;
font: normal .7em/0 Verdana, sans-serif;
}

.permalink {
position: absolute;
bottom: 19px;
right: 25px;
font: normal .7em/1em Verdana, sans-serif;
}

.permalink a {
color: #000 !important;
text-decoration: none;
}

.permalink a:hover, .permalink a:active {
color: #bd2026 !important;
}

#photos {
margin-top: 1000px;
padding-top: 128px;
}

#photos-content {
width: 750px;
margin: 0 auto 0 auto;
padding: 25px;
z-index: 90;
background: url(../graphics/content_background.png) 0 0 repeat;
-moz-border-radius: 4px;
border-radius: 4px;
position: relative;
opacity: 0;
}

#photos-content h3 {
width: 750px;
height: 40px;
text-indent: -9999px;
background: url(../graphics/photos_marker.png) 0 0 no-repeat;
border-top: solid 3px #000;
}

#photos-content .entry {
width: 700px;
margin: 36px 0 -8px 70px;
height: 300px;
}

#photos-content .entry img {
-moz-box-shadow: 1px 1px 1px #000;
-webkit-box-shadow: 1px 1px 1px #000;
box-shadow: 1px 1px 1px #000;
}

#photos-content .entry a {
display: block;
float: left;
width: 75px;
height: 75px;
padding: 5px;
margin: 0 15px 15px 0;
border: solid 2px transparent;
}

#photos-content .entry a:hover, #photos-content .entry a:active {
border: solid 2px #bd2026;
}

#primary-navigation {
position: fixed;
top: 75px;
left: 24px;
z-index: 1200;
opacity: 0;
}

#primary-navigation #about-link a {
display: block;
width: 119px;
height: 33px;
text-indent: -9999px;
background: url(../graphics/about_link.png) 0 0 no-repeat;
position: absolute;
top: 0;
left: 406px;
}

#primary-navigation #about-link a:hover {
background: url(../graphics/about_link.png) 0 -35px no-repeat;
}

#primary-navigation #latest-link a {
display: block;
width: 132px;
height: 33px;
text-indent: -9999px;
background: url(../graphics/latest_link.png) 0 0 no-repeat;
position: absolute;
top: 0;
left: 0;
}

#primary-navigation #latest-link a:hover {
background: url(../graphics/latest_link.png) 0 -35px no-repeat;
}

#primary-navigation #photos-link a {
display: block;
width: 178px;
height: 33px;
text-indent: -9999px;
background: url(../graphics/photos_link.png) 0 0 no-repeat;
position: absolute;
top: 0;
left: 134px;
}

#primary-navigation #photos-link a:hover {
background: url(../graphics/photos_link.png) 0 -35px no-repeat;
}

#primary-navigation #status-link a {
display: block;
width: 90px;
height: 33px;
text-indent: -9999px;
background: url(../graphics/status_link.png) 0 0 no-repeat;
position: absolute;
top: 0;
left: 314px;
}

#primary-navigation #status-link a:hover {
background: url(../graphics/status_link.png) 0 -35px no-repeat;
}

#rdfa-card {
width: 325px;
height: 145px;
position: absolute;
top: 70px;
right: 20px;
background: url(../graphics/business_card_background.png) 0 0 no-repeat;
border: solid 1px #e4e4e4;
-moz-box-shadow: 2px 2px 2px #333;
-webkit-box-shadow: 2px 2px 2px #333;
box-shadow: 2px 2px 2px #333;
}

#rdfa-card a#url {
display: none;
}

#rdfa-card p {
padding: 0;
width: 280px;
}

#rdfa-card #business-address {
color: #343434;
font-size: .9em;
margin: 14px 0 0 4px;
}

#rdfa-card p#business-email {
font-size: .85em;
margin: -14px 0 0 18px;
}

#rdfa-card p#business-name {
width: 167px;
height: 14px;
margin: 20px 0 0 16px;
text-indent: -9999px;
background: url(../graphics/business_card_name.png) 0 0 no-repeat;
}

#rdfa-card p#country-name {
display: none;
}

#rdfa-card ul#social-links {
list-style-type: none;
position: absolute;
bottom: 0;
right: 10px;
}

#rdfa-card ul#social-links li {
width: 16px;
float: left;
margin-right: 5px;
}

#rdfa-card ul#social-links li a {
display: block;
width: 16px;
height: 16px;
text-indent: -9999px;
}

#rdfa-card ul#social-links li#facebook-social-link a {
background: url(../graphics/social_facebook_icon.png) 0 -20px no-repeat;
}

#rdfa-card ul#social-links li#facebook-social-link a:hover, #rdfa-card ul#social-links li#facebook-social-link a:active {
background: url(../graphics/social_facebook_icon.png) 0 0 no-repeat;
}

#rdfa-card ul#social-links li#flickr-social-link a {
background: url(../graphics/social_flickr_icon.png) 0 -20px no-repeat;
}

#rdfa-card ul#social-links li#flickr-social-link a:hover, #rdfa-card ul#social-links li#flickr-social-link a:active {
background: url(../graphics/social_flickr_icon.png) 0 0 no-repeat;
}

#rdfa-card ul#social-links li#google-social-link a {
background: url(../graphics/social_googleplus_icon.png) 0 -20px no-repeat;
}

#rdfa-card ul#social-links li#google-social-link a:hover, #rdfa-card ul#social-links li#google-social-link a:active {
background: url(../graphics/social_googleplus_icon.png) 0 0 no-repeat;
}

#rdfa-card ul#social-links li#linkedin-social-link a {
background: url(../graphics/social_linkedin_icon.png) 0 -20px no-repeat;
}

#rdfa-card ul#social-links li#linkedin-social-link a:hover, #rdfa-card ul#social-links li#linkedin-social-link a:active {
background: url(../graphics/social_linkedin_icon.png) 0 0 no-repeat;
}

#rdfa-card ul#social-links li#tumblr-social-link a {
background: url(../graphics/social_tumblr_icon.png) 0 -20px no-repeat;
}

#rdfa-card ul#social-links li#tumblr-social-link a:hover, #rdfa-card ul#social-links li#tumblr-social-link a:active {
background: url(../graphics/social_tumblr_icon.png) 0 0 no-repeat;
}

#rdfa-card ul#social-links li#twitter-social-link a {
background: url(../graphics/social_twitter_icon.png) 0 -20px no-repeat;
}

#rdfa-card ul#social-links li#twitter-social-link a:hover, #rdfa-card ul#social-links li#twitter-social-link a:active {
background: url(../graphics/social_twitter_icon.png) 0 0 no-repeat;
}

#site-info {
width: 100%;
height: 47px;
background: url(../graphics/footer-background.png) 0 6px repeat-x;
position: fixed;
bottom: 0;
left: 0;
z-index: 1200;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; 
text-transform: uppercase;
font-weight: 300;
letter-spacing: 1px;
font-size: .9em;
color: #343434;
opacity: 0;
}

#site-info #secondary-navigation a {
color: #343434;
text-decoration: none;
}

#site-info #secondary-navigation a:hover, #site-info #secondary-navigation a:active {
color: #bd2026;
}

#site-info #secondary-navigation .colophon-link {
position: absolute;
top: 22px;
right: 232px;
}

#site-info #secondary-navigation .contact-form-link {
position: absolute;
top: 22px;
right: 645px;
}

#site-info #secondary-navigation .dashboard-link {
position: absolute;
top: 22px;
right: 754px;
}

#site-info #secondary-navigation .legal-link {
position: absolute;
top: 22px;
right: 356px;
}

#site-info #secondary-navigation .privacy-link {
position: absolute;
top: 22px;
right: 442px;
}

#site-info #secondary-navigation .resume-link {
position: absolute;
top: 22px;
right: 544px;
}

#skip-link {
display: none;
}

.source-link {
margin: 24px 0 -6px 0;
font: normal .7em/1em Verdana, sans-serif;
}

.source-link a {
color: #000 !important;
text-decoration: none;
}

.source-link a:hover, .source-link a:active {
color: #bd2026 !important;
}

#status {
margin-top: 1000px;
padding-top: 128px;
}

#status-content {
width: 750px;
margin: 0 auto 0 auto;
padding: 25px;
z-index: 90;
background: url(../graphics/content_background.png) 0 0 repeat;
-moz-border-radius: 4px;
border-radius: 4px;
position: relative;
opacity: 0;
}

#status-content h3 {
width: 750px;
height: 40px;
text-indent: -9999px;
background: url(../graphics/status_marker.png) 0 0 no-repeat;
border-top: solid 3px #000;
}

#status-content .entry {
width: 650px;
margin: 36px 0 26px 64px;
font: normal 3em/1em Georgia, serif;
color: #000;
}

#status-content .entry span#close-quote, #status-content .entry span#open-quote {
font-size: 2em;
color: #616161;
}

#status-content .entry span#close-quote {
line-height: 0;
position: relative;
top: 34px;
}

#status-content .entry span#open-quote {
position: absolute;
top: 122px;
left: 66px;
}

.warning {
width: 650px;
margin-top: 20px;
}

.warning a {
color: #039;
text-decoration: none;
}

.warning a:hover, .warning a:active {
color: #bd2026;
}


.warning p {
margin: 0 0 12px 38px;
font: normal 1em/1.3em Georgia, serif;
}

.warning #latest-warning-image {
width: 510px;
display: block;
margin: 4px auto;
}

.warning #photo-credit {
position: relative;
left: 280px;
font: normal .7em/1em Verdana, sans-serif;
}

.warning #times {
display: block;
font: 4em/1em "Times New Roman";
}

.warning #twitter-warning-image {
width: 440px;
display: block;
margin: 4px auto;
}

.wayfinder {
width: 10px;
height: 10px;
background: url(../graphics/wayfinder.png) 0 0 no-repeat;
z-index: 900;
}

#wayfinder-latest {
position: relative;
top: 36px;
left: 9px;
}

#wayfinder-photos {
position: relative;
top: 36px;
left: 146px;
}

#wayfinder-status {
position: relative;
top: 36px;
left: 324px;
}

#wayfinder-about {
position: relative;
top: 36px;
left: 415px;
}