/*
Theme Name: emm-v3
Theme URI: http://www.ericmmartin.com/
Description: Custom theme for ericmmartin.com
Version: 1.0
Author: Eric Martin
Author URI: http://www.ericmmartin.com/
*/

@font-face {font-family:Delicious; src:url(fonts/Delicious-Roman.otf);}

* {margin:0; outline-style:none; padding:0;}
html {background:#040404 url(images/background.jpg) 50% 0 fixed;}
body {background:url(images/spotlight.png) 50% 0 no-repeat; color:#bbb; font:.9em/1.4em 'Lucida Sans Unicode','Lucida Grande',Sans-Serif; height:100%; margin:0 auto; width:100%;}
br {clear:both;}
code {color:#fff; padding:0 2px 2px;}
img {border:0;}
p {padding-bottom:12px;}
pre, pre code {background:#141414;}
pre {border-left:6px solid #65b43d; margin-bottom:12px; overflow:auto; padding:4px 6px 6px; position:relative;}
pre code {border:0; padding:0;}
h1, h2, h3 {color:#5f87ae; font-weight:normal; padding-bottom:12px; text-transform:uppercase;}
h1 {color:#fff; font-size:1.8em; padding-bottom:18px;}
h2 {font-size:1.4em;}
h4 {color:#ddd; font-size:1.2em; padding:16px 0 8px; text-transform:uppercase;}
h5 {font-size:1em; padding-bottom:12px;}
input, textarea {font:1em/1.3em 'Lucida Sans Unicode','Lucida Grande',Sans-Serif;}

a, a:link, a:visited {color:#81a9d0; text-decoration:none;}
a:active, a:hover {color:#5f87ae; text-decoration:none;}
a.more-link, a.button {background:#406486; border:1px solid #5f87ae; color:#fff; padding:1px 4px 3px;}
a.more-link:active, a.button:active, a.more-link:hover, a.button:hover {background:#5f87ae; border:1px solid #81a9d0; color:#fff}

.clear {clear:both;}

#ie6 {background:#5f87ae; color:#fff; display:block; padding:8px; text-align:center; width:100%;}
#ie6 h2 {color:#fff; padding-bottom:4px;}
#top {height:80px; width:100%;}
#header {margin:0 auto; width:980px;}

#logo {float:left; width:500px;}
#logo h1 {display:none;}
#logo img {margin:20px 0 0 -5px;}

#menu {float:right; margin-top:26px;}
#menu ul {list-style:none;}
#menu li {float:left; position:relative;}
#menu li img {left:0; position:absolute; top:0;}
#menu li a {background:url(images/menu.png) 50% 0 no-repeat; display:block; height:28px; text-indent:-3000px;}
#menu li a.current {background:url(images/menu_on.png) 50% 0 no-repeat;}
#menu li.home a {background-position:0; width:67px;}
#menu li.blog a {background-position:-67px; width:58px;}
#menu li.projects a {background-position:-125px; width:83px;}
#menu li.photography a {background-position:-208px; width:119px;}
#menu li.about a {background-position:-327px; width:68px;}
#menu li.contact a {background-position:-394px; width:66px;}

#wrapper {margin:0 auto; padding-top:24px; width:980px;}

#content {float:left; margin-bottom:30px; width:620px;}
#content ul {margin-left:15px; padding-bottom:10px;}

.postmeta {color:#444; float:left; padding-top:1px; text-align:center; text-transform:uppercase; width:40px;}
.postmeta .date {font-size:.8em;}
.postmeta .date span {display:block; line-height:1em;}
.postmeta .date .day {color:#555; font-size:2em;}
.postmeta .comment {border-top:1px dashed #333; background:url(images/comment.gif) 3px 10px no-repeat; height:42px; margin-top:6px; text-align:center; width:100%;}
.postmeta .comment a {display:block; font-size:1.3em; padding-top:11px;}
.postmeta .admin {border-top:1px dashed #333; font-weight:bold; padding-top:8px; margin-top:8px;}
.content {float:left; padding-left:14px; width:556px;}

.nav {color:#999; width:100%;}
.nav a, .nav span {font-weight:bold; text-transform:uppercase;}
.nav a {color:#4f4f4f;}
.nav a:active, .nav a:hover {color:#999;}
.nav .newer {float:right; text-align:right; width:50%;}
.nav .newer a {background:url(images/nav.gif) right 3px no-repeat; padding-right:16px;}
.nav .newer a:active, .nav .newer a:hover {background-position:right -13px;}
.nav .older {float:left; text-align:left; width:50%;}
.nav .older a {background:url(images/nav.gif) left -30px no-repeat;  padding-left:16px;}
.nav .older a:active, .nav .older a:hover {background-position:left -46px;}
.bottomnav {border-top:3px double #4f4f4f; clear:both; padding:6px 0 20px;}
.paginate {font-size:.8em; padding-top:12px; text-transform:uppercase;}
.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#2c2c2c; border:1px solid #444; color:#777; margin-right:4px; padding:2px 5px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {border:1px solid #666; background:#4c4c4c; color:#aaa;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#5f87ae; border:1px solid #89adcf; margin-right:4px; padding:2px 5px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

#home #content, #about #content, #contact #content {float:none; width:980px;}
#home #featured-project {margin-right:16px;}
#home #featured-project, #home #featured-post {float:left; margin-bottom:40px; width:482px;}
#home .featured {background:#292929; border:1px solid #393939; float:left; padding:6px; width:468px;}
#home .featured .content {background:#111; float:none; padding:12px; width:444px;}
#home .featured h3 {color:#fff;}
#home h3 {font-size:1.3em;}
#home h4 {font-size:1em;}
#home #featured-photo {clear:both; width:100%;}
#home #featured-photo .featured {width:966px;}
#home #featured-photo .featured .content {width:942px;}
#home #featured-photo .entry {float:left; width:360px;}
#home #featured-photo .photo {float:left; margin:0 14px; width:514px;}

.post, #projects .project, #about div.about, #contact div.contact, #donate .content, #page-not-found .not-found {clear:left; border-top:3px double #4f4f4f; padding-top:24px; margin-top:4px;}
#blog .post .extra, #projects .extra {color:#666; border-top:1px solid #2f2f2f; font-size:.9em; margin-top:6px; padding-top:4px;}
#blog .post .topics, #projects .topics {float:left; min-height:22px; padding-bottom:20px;}
#blog .post .topics a {border-bottom:1px dotted #333; color:#666;}
#blog .post .topics a:active, #blog .post .topics a:hover {border-bottom:1px solid #777; color:#999;}
#blog .post .social a:hover img {border:0;}
#blog .post .social img {border:0; margin:2px 0 0; padding:0;}
#blog .post img {background:#222; border:1px solid #333; margin-right:10px; padding:6px; vertical-align:top;}
#blog .post a:hover img {background:#333; border:1px solid #444;}
#blog .post img.wp-smiley {background:none; border:0; margin:0; padding:0;}
#blog .post .entry {clear:both; margin-bottom:12px;}
#blog .post .entry li {padding:2px 0;}
#blog .post .hide {display:none;}

.social {float:right; padding-top:2px; text-align:right;}
.social a:hover img {border:0;}
.social img {border:0; margin:2px 0 0; padding:0;}

.wallpaper {float:left; width:50%;}
.wallpaper ul {margin-top:10px;}
.wallpaper li {float:left; width:50%;}

#respond h2 {float:left;}
#comments, #trackbacks, #respond {clear:both; color:#777; padding-bottom:18px;}
#comments h2, #trackbacks h2, #respond h2 {color:#999;}
#comments ol, #trackbacks ol {list-style:none; margin:0; padding:0;}
#comments li {border-bottom:1px dashed #333; padding:14px 0 12px 98px; margin-bottom:6px; min-height:94px; position:relative;}
#comments img.avatar {background:#333; border:1px solid #444; left:0; padding:8px; position:absolute; top:16px;}
#comments .comment-meta, #trackbacks li span {color:#6f6f6f; font-size:.8em; margin-bottom:6px;}
#comments .author-link {color:#999; font-size:1.3em; margin-bottom:2px;}
#comments .moderation {color:#fff; font-size:1.5em; text-transform:uppercase;}
#comments .wp-paginate-comments {padding:10px 0;}
#comments .wp-paginate-comments li {border:0; margin:0; padding:0;}

#contact .message, #respond .message {color:#cc6666; float:right; font-size:1.3em;}
#contact .status, #contact .loading {clear:both;}
#contact .loading img {margin-top:6px;}
#contact label, #respond label {clear:both; display:block; float:left; font-size:1.1em; line-height:28px; padding-right:8px; text-align:right; text-transform:uppercase; width:110px;}
#contact input.respond , #respond input.respond {float:left; margin-bottom:6px; width:494px;}
#contact input.respond, #contact textarea.respond, #respond input.respond, #respond textarea.respond {background:#333; border:0; border-bottom:3px solid #444; color:#ccc; font-size:1.2em; padding:4px;}
#contact input.required, #contact textarea.required, #respond input.required, #respond textarea.required {border-bottom:3px solid #cc6666;}
#contact input.respond.respond:focus, #contact textarea.respond:focus, #respond input.respond:focus, #respond textarea.respond:focus {background:#666; border:0; border-bottom:3px solid #888; color:#fff;}
#contact textarea.respond, #respond textarea.respond {float:left; margin-bottom:6px; width:494px;}
#contact #contact-submit, #respond #submit {background:#5f87ae; border:3px solid #81a9d0; color:#fff; cursor:pointer; float:left; font-size:1.2em; padding:4px 8px;}
#contact #contact-submit:active, #respond #submit:active {background:#555; border-color:#777;}
#respond .logged-in {margin-left:120px;}
#respond .guidelines {clear:both; font-size:.9em; margin-left:120px; padding-top:8px;}
#respond .guidelines li {list-style:none;}
#respond .guidelines strong {color:#aaa;}
#contactform, #commentform {clear:both; padding-top:8px;}
#trackbacks li {padding:2px 0;}

#projects .content {padding:0; width:620px;}
#featured-project .thumb, #projects .thumb {float:right; padding:0 0 14px 14px; position:relative;}
#featured-photo .photo img, #featured-project .thumb img, #projects .thumb img {background:#222; border:1px solid #333; padding:6px;}
#featured-project .thumb img {height:144px; width:180px;}
#projects .edit {float:right;}
#projects .entry {clear:both; min-height:170px;}
#projects #simplemodal, #projects #smcf, #projects #wp-paginate {position:relative;}
#projects #simplemodal #version {color:#888; font-size:.9em; left:150px; position:absolute; top:-28px;}
#projects #bookmarks {padding:10px 0;}
#projects #bookmarks a {font-size:.9em;}
#projects #simplemodal h3, #projects #smcf h3 {padding-top:12px;}
#projects #simplemodal #options span {color:#81a9d0;}
#projects #simplemodal #options li {padding-bottom:8px;}
#projects #simplemodal pre.sample {margin-bottom:20px;}
#projects #simplemodal-demos #basic-modal, #projects #simplemodal-demos #contact-form, #projects #simplemodal-demos #osx-dialog, #projects #simplemodal-demos #confirm-dialog, #simplemodal-demos #flickr-badge {padding-bottom:20px;}
#projects #simplemodal-demos #basic-modal {padding-top:20px;}
#projects #simplemodal-demos #contact-form, #projects #simplemodal-demos #osx-dialog, #projects #simplemodal-demos #confirm-dialog, #simplemodal-demos #flickr-badge {border-top:3px double #4f4f4f; padding-top:20px;}
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#333; border:8px solid #444; padding:12px;}

.section {border-top:1px solid #333; padding:24px 0 12px;}
.summary {background:#040404; border:3px double #333; margin:8px 0; padding:12px;}
.bookmarks {font-size:.9em; padding-bottom:12px; text-transform:uppercase;}
.bookmarks a {color:#888; padding:0 2px;}
.bookmarks a:hover {color:#ddd;}

div.run {background:#81a9d0; color:#fff; cursor:pointer; display:none; padding:2px 4px; position:absolute; right:0; top:0;}

#about .portrait {float:left; margin:0 30px 30px 0; width:200px;}
#about .portrait img.me {background:#333; border:1px solid #444; padding:6px;}
#about .portrait p {padding-top:20px; text-align:center;}
#about .info {float:left; padding-bottom:20px; width:750px;}
#about blockquote {background:url(images/openquote.png) top left no-repeat; color:#777; font-size:1.3em; line-height:1.2em; margin:14px 0 24px; padding:10px 0 0 38px; width:684px;}
#about blockquote p {background:url(images/closequote.png) bottom right no-repeat; font-style:italic; padding-right:38px;}
#about cite {color:#777; font-size:.8em;}
#about h3 {padding-top:18px;}
#about .info li {padding:2px;}
#contact div.contact {margin-bottom:30px;}
#contact #contact-form {float:left; height:404px; width:620px;}
#contact .result {clear:both;}
#contact .contact-info {}

#donate .content {margin-bottom:24px; padding-left:0; width:100%;}

#sidebar {color:#777; float:left; font-size:.9em; margin-left:40px; width:320px;}
#sidebar h2 {color:#999; padding-bottom:4px;}
#sidebar li {list-style:none;}

#sidebar .bsa, #sidebar .recent, #sidebar .projects, #sidebar .bloginfo {clear:left; margin:30px auto 0; min-height:30px;}
#sidebar .blog a, #sidebar .recent a, #sidebar .projects a, #sidebar .bloginfo a {color:#777; display:block;}
#sidebar .recent a, #sidebar .projects a, #sidebar .bloginfo a {padding:2px 0 2px 4px;}
#sidebar .topics {margin-right:10px;}
#sidebar .topics, #sidebar .archives {float:left; width:154px;}
#sidebar .recent li, #sidebar .projects li, #sidebar .bloginfo li {border-bottom:1px dashed #2c2c2c; position:relative;}
#sidebar .recent a:active, #sidebar .recent a:hover, #sidebar .projects a:active, #sidebar .projects a:hover, #sidebar .bloginfo a:active, #sidebar .bloginfo a:hover {color:#bbb; background:#2c2c2c;}
#sidebar .bloginfo span {color:#040404; font-size:.9em; position:absolute; right:4px; top:0px;}

#sidebar .blog {margin:0 auto; min-height:30px; text-align:center; }
#sidebar .blog ul {height:50px; list-style:none; margin-top:20px;}
#sidebar .blog li {float:left; position:relative;}
#sidebar .blog li a {background:url(images/social.png) 50% 0 no-repeat; height:50px; text-indent:-3000px; width:160px;}
#sidebar .blog li.twitter a {background-position:0;}
#sidebar .blog li.rss a {background-position:-160px;}
#sidebar .blog li img {left:0; position:absolute; top:0;}
#sidebar .blog #search-form div {background:#333; width:100%;}
#sidebar .blog #search-form #search-query {background:#eee url(images/search.png) no-repeat 3px; border:1px solid #999; color:#333; font-size:1.1em; padding:4px 4px 4px 22px; margin:18px; width:255px;}

#sidebar .bsa {background:#333; padding:17px 19px 13px 19px;}
#sidebar .bsa a {padding:8px 0;}

#sidebar .archives div {float:left; padding-bottom:10px; width:96px;}
#sidebar .archives h3 {border-bottom:1px solid #2f2f2f; color:#444; margin-top:4px;}
#sidebar .archives ul {clear:left;}

#authenticjobs {color:#222; width:246px; margin:0 auto; font-size:11px; margin-top:20px; padding:10px; background-color:#fff;}
#authenticjobs a img {float:left; padding:6px 10px 5px 0;}
#authenticjobs a:link {font-weight:bold; border-bottom:1px dotted #b5b599; color:#811001; text-decoration:none;}
#authenticjobs a:hover {border-bottom:1px dotted #cb6f14; color:#cb6f14;}
#authenticjobs ul {clear:left; padding-left:10px;}
#authenticjobs ul li {padding:2px 0;}

#spotlight-bottom {background:url(images/spotlight_bottom.png) 50% 0px no-repeat; clear:both; height:48px; text-align:center; width:100%;}
#spotlight-bottom img.emm {position:relative; top:8px;}

#footer-wrapper {background:#000 url(images/spotlight_bottom.png) 50% -48px no-repeat; clear:both; min-height:100px; width:100%;}
#footer {color:#888; margin:0 auto; padding-top:60px; width:980px;}
#footer .flickr, #footer div.twitter {float:left; width:475px;}
#footer .flickr {margin-left:30px;}
#footer .flickr .flickr_badge_image {float:left;}
#footer .flickr .flickr_badge_image a img {background:#222; border:1px solid #333; margin:0 6px 4px 0; padding:6px;}
#footer .flickr .flickr_badge_image a:hover img {background:#333; border:1px solid #444;}
#footer .flickr .flickr-logo {display:block; height:21px; margin-bottom:12px; width:76px;}
#footer .twitter .twitter-logo {display:block; height:21px; margin-bottom:12px; width:90px;}
#footer .twitter li {background:#222; list-style:none; padding:12px 16px;}
#footer .twitter .twitter-info {background:url(images/stem.png) 10% top no-repeat; padding-top:30px;}
#footer .twitter .twitter-timestamp {display:block; font-size:.9em;}
#footer .twitter .twitter-timestamp a {color:#555;}
#shortcuts-wrapper {background:#222; bottom:0; clear:both; cursor:pointer; display:none; font-size:.8em; position:fixed; text-align:center; width:100%;}
#shortcuts {margin:0 auto; width:968px;}
#shortcuts div {color:#999; float:left; padding:4px 7px; width:74px;}
#shortcuts span {color:#fff; display:block; font-size:1.6em;}
#footer .copyright {border-top:3px solid #161616; clear:both; margin-top:20px; padding:24px 0 50px; text-align:left;}
#footer .keyboard-shortcuts {display:none; float:right;}

.note {background:#000 url(images/information.png) no-repeat 5px 6px; border:4px solid #333; color:#999; margin:8px 0 18px; padding:4px 8px 4px 26px;}

#comparison {border-collapse:collapse; empty-cells:show; font-size:.9em; margin-bottom:12px; text-align:center; width:100%;}
#comparison thead th {background:#65b43d; color:#c7f5b0; padding:8px;}
#comparison tbody tr td {color:#388611; border-top:1px solid #040404; background:#c7f5b0; font-size:.9em; padding:8px;}
#comparison tbody tr td.best {background:#92d571; color:#246902;}

#photos {margin-bottom:30px; width:980px;}
#photos .content {border-top:3px double #4f4f4f; clear:both; float:none; margin:4px 0 30px; padding:30px 0 0; width:100%;}
#photos .photo {float:left; margin:0 14px; width:514px;}
#photos .entry {float:left; width:398px;}
#photos .photo img {background:#222; border:1px solid #333; padding:6px; vertical-align:top;}
#photos .description {padding-top:8px;}
#featured-photo .tags, #photos .tags {border-top:1px solid #2F2F2F; color:#666; font-size:0.9em; margin-top:12px; padding:4px 0 20px;}
#featured-photo .tags a, #photos .tags a {border-bottom:1px dotted #333; color:#666;}
#featured-photo .tags a:active, #photos .tags a:active, #featured-photo .tags a:hover, #photos .tags a:hover {border-bottom:1px solid #777; color:#999;}

/* browser specific styles */
#footer .twitter li {border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}

/* css3 specific styles */ 
.enriched h2 {font-family:Delicious,'Lucida Sans Unicode','Lucida Grande',Sans-Serif; font-size:1.8em;}
.enriched #sidebar .blog #search-form div, .enriched #sidebar .bsa {background:rgba(102,102,102,.3);}
.enriched #sidebar .flickr .flickr_badge_image a img, #projects.enriched .thumb img, .enriched #photos .photo img {background:rgba(68,68,68,.4); border-color:rgba(102,102,102,.4);}
.enriched #comments img.avatar {background:rgba(68,68,68,.4); border-color:rgba(102,102,102,.4);}
#home.enriched .featured {background:rgba(104,104,104,.3); border-color:rgba(119,119,119,.3);}
#home.enriched .featured .content {background:rgba(12,12,12,.7);}

#contact.enriched input.respond, #contact.enriched textarea.respond, .enriched #respond input.respond, .enriched #respond textarea.respond {background-color:rgba(76,76,76,.5); border-bottom-color:rgba(102,102,102,.5);}
#contact.enriched input.respond:focus, #contact.enriched textarea.respond:focus, .enriched #respond input.respond:focus, .enriched #respond textarea.respond:focus {background-color:rgba(133,133,133,.5); border-bottom-color:rgba(157,157,157,.5);}
#contact.enriched input.required, #contact.enriched textarea.required, .enriched #respond input.required, .enriched #respond textarea.required {border-bottom:3px solid #cc6666;}