html {
  color:                  #000;
  background:             #fff;
}

body {
  -webkit-font-smoothing: antialiased;
}

nav,
section,
article,
header,
footer {
  display:                block;
}

body,
div,
dl, dt, dd,
pre, code,
form, fieldset, legend, input, textarea,
p,
blockquote {
  margin:                 0;
  padding:                0;
}

h1, h2, h3, h4, h5, h6 {
  margin:                 0;
  padding:                0;
  font-size:              100%;
  font-weight:            inherit;
}

ul, ol, li {
  margin:                 0;
  padding:                0;
}
li {
  list-style:             none;
}

table {
  border-collapse:        collapse;
  border-spacing:         0;
}
th, td {
  margin:                 0;
  padding:                0;
}
th {
  text-align:             left;
  font-style:             normal;
  font-weight:            normal;
}

fieldset,
img {
  border:                 0;
}

abbr,
acronym {
  font-variant:           normal;
  border:                 0;
}

address,
caption,
cite,
code,
dfn,
em, strong,
b, i,
var {
  font-style:             inherit;
  font-weight:            inherit;
}
caption {
  text-align:             left;
}

q:before, q:after {
  content:                '';
}

sup {
  vertical-align:         text-top;
}
sub {
  vertical-align:         text-bottom;
}

input,
select,
textarea {
  font-family:            inherit;
  font-size:              inherit;
  font-weight:            inherit;
}

pre,
code,
kbd,
samp,
tt {
  font-family:            monospace;
  line-height:            100%;
}
/* Site structure */

body {
  width:                  940px;
  margin:                 20px auto;
  font-family:            'Helvetica',
                          'Arial',
                          sans-serif;
  font-size:              13px;
  line-height:            1.62;
  text-rendering:         optimizeLegibility;
}

header {
  font-family:            'Cabin',
                          'Arial',
                          sans-serif;
  text-transform:         uppercase;
  font-size:              30px;
  margin-bottom:          20px;
  color:                  #666;
}
header a {
  font-weight:            bold;
}
header h1 span {
  position:               absolute;
  left:                   -9999px;
}
header p {
  text-transform:         none;
  color:                  #000;
  font-size:              16px;
  line-height:            24px;
}

section,
aside,
article {
  width:                  700px;
  float:                  left;
  margin-right:           20px;
  padding-bottom:         10px;
}

aside {
  clear:                  right;
  float:                  right;
  width:                  220px;
  margin-right:           0;
}

#blog {
  width:                  380px;
  margin-right:           100px;
  margin-bottom:          30px;
}

#elsewhere {
  width:                  220px;
  margin-bottom:          30px;
}

#etc {
  width:                  140px;
  float:                  right;
  margin-bottom:          30px;
}

#things {
  width:                  940px;
}
#things ul {
  margin-top:             -30px;
}
#things li {
  width:                  220px;
  float:                  left;
  margin-right:           20px;
}
#things li.spacelog {
  margin-right:           0;
}
#things h3 {
  height:                 125px;
  line-height:            125px;
  padding:                20px 0;
  text-align:             center;
}
#things img {
  vertical-align:         middle;
}

footer {
  clear:                  both;
  border-top:             1px solid #aaa;
  padding-top:            10px;
  font-size:              11px;
  color:                  #666;
}
footer h2 {
  position:               absolute;
  left:                   -9999px;
}
footer abbr {
  border-bottom:          none;
}
footer nav {
  float:                  right;
}
footer nav ul,
footer nav li {
  display:                inline;
}
footer nav li:after {
  content:                ' • ';
}
footer nav li:last-of-type:after {
  content:                '';
}
footer address {
  display:                inline;
}


/* Article structure */
article {
  line-height:            1.5;
}
article header {
  font-size:              30px;
  font-weight:            bold;
  padding-bottom:         10px;
  border-bottom:          1px solid #999;
  text-transform:         none;
  color:                  #000;
}
header p {
  font-size:              16px;
  margin:                 10px 0;
  font-weight:            normal;
}
article footer {
  border:                 none;
  margin:                 10px 0 2em 0;
  padding:                0;
}

/* Headers */
h2 {
  font-family:            'Cabin', 'Arial', sans-serif;
  font-size:              16px;
  padding-bottom:         10px;
  margin-bottom:          30px;
  border-bottom:          1px solid #000;
  line-height:            1.3;
}
h3 {
  font-size:              16px;
  margin-bottom:          0.5em;
}

/* Links */
a {
  color:                  #0063a2;
  text-decoration:        none;
}
a:hover,
a:focus,
a:active {
  text-decoration:        underline;
}
p a,
article a {
  font-weight:            inherit;
}

/* Content */
abbr {
  border-bottom:          1px dotted #999;
  cursor:                 help;
}
a abbr {
  cursor:                 pointer;
}

strong,
b {
  font-weight:            bold;
}
em,
i,
var {
  font-style:             italic;
}

pre,
p,
article ol,
article ul,
section.main ol,
section.main ul {
  margin-bottom:          1.5em;
}
article ol,
article ul,
section.main ol,
section.main ul {
  padding-left:           2em;
}
li {
  margin-bottom:          1em;
}
section.main li,
article li {
  padding-left:           10px;
}
section.main ol li,
article ol li {
  list-style:             decimal outside;
}
section.main ul li,
article ul li {
  list-style:             circle outside;
}

article pre {
  padding:                20px;
  background:             #eef;
  overflow-x:             auto;
}
article pre samp {
  color:                  #666;
}

dl {
  padding:                0 20px;
}
dl dd {
  margin-left:            20px;
  margin-bottom:          10px;
}

figure {
  float:                  right;
  padding:                0;
  margin:                 0 0 1em 4em;
  font-size:              0.8em;
}
figure img {
  vertical-align:         bottom;
}
figcaption {
  font-family:            Arial, sans-serif;
  font-style:             italic;
  text-align:             center;
  padding:                10px 0;
}
/* Forms */

form ol {
  display:                table;
  margin:                 0;
  padding:                0;
}
form li {
  display:                table-row;
}
form li label,
form li input,
form li textarea,
form li div.field_with_errors {
  display:                table-cell;
  vertical-align:         top;
}
p.error,
form li div.field_with_errors {
  color:                  #d00;
}
form li div.field_with_errors input {
  border-color:           #d00;
}
form li div.field_with_errors label,
form li div.field_with_errors input,
form li div.field_with_errors textarea {
  display:                block;
}
form li label {
  line-height:            1;
  padding:                5px 20px 10px 0;
  width:                  140px;
}
form li input,
form li textarea {
  padding:                3px;
  border:                 1px solid #999;
}
form li textarea {
  width:                  532px;
  height:                 8em;
}
form .buttons {
  margin-top:             10px;
  margin-left:            160px;
}
form label small {
  font-size:              0.7em;
  font-style:             italic;
}

button {
  font-family:            'Arial', sans-serif;
  font-size:              0.9em;
  padding:                5px 10px;
}
#blog .thoughtbot_blog_post h3 a {
  padding-left:           22px;
}
#blog_posts li {
  padding-left:           26px;
}
#blog .thoughtbot_blog_post h3 a,
#blog_posts li.thoughtbot_blog_post {
  background:             url( /images/thoughtbot.png ) 0 50% no-repeat;
}

article cite {
  font-style:             italic;
}

article ins {
  text-decoration:        none;
  background-color:       #ffa;
}
article del {
  color:                  #666;
}

/* Later edits to articles */
article p.update {
  background:             #eef;
  padding:                10px;
  font-weight:            bold;
}
article p.update:before {
  content:                'Update: ';
  font-weight:            normal;
  font-style:             italic;
}
article p.update ins {
  background:             none;
}
/* Comments */

section.comments section {
  margin-bottom:          2em;
}
section.comments section h3 {
  font-weight:            normal;
  font-style:             italic;
}
section.comments section h3 .fn {
  color:                  #333;
  font-weight:            bold;
}
section.comments section.by-george {
  background:             #eef;
  margin:                 0 -10px 2em;
  padding:                10px;
}
.hresume section {
    width:                  auto;
    float:                  none;
    clear:                  both;
    margin-right:           0;
    margin-top:             30px;
    *zoom:                  1;      /* Contain internal floats (IE 6 & 7 hack) */
}
.hresume section:after {                    /* Contain internal floats */
    content:                ".";
    display:                block;
    height:                 0;
    clear:                  both;
    visibility:             hidden;
}

.hresume h2 {
    font-family:            'Cabin',
                            'Arial',
                            sans-serif;
    font-size:              21px;
}
.hresume h3 {
    font-weight:            bold;
    font-size:              13px;
}

.hresume th,
.hresume td {
    padding:                5px 10px;
    border-collapse:        collapse;
    border:                 1px solid #ccc;
}
.hresume th {
    font-weight:            bold;
    background:             #eee;
}

.hresume a.skill {
    color:                  #000;
}

.hresume .value-title {
    position:               absolute;
    left:                   -9999px;
}

.hresume #contact h2,
.hresume #contact dt.fn-label,
.hresume #contact dd.fn {
    position:               absolute;
    left:                   -9999px;
}
.hresume #contact dl {
    margin-left:            80px;
    padding:                0;
}
.hresume #contact dt {
    float:                  left;
    width:                  80px;
    margin-left:            -80px;
}
.hresume #contact dt:after {
    content:                ':';
}

.hresume #skills div,
.hresume #community div {
    width:                  380px;
    float:                  left;
    margin-bottom:          20px;
    margin-right:           100px;
}
/* Left column: */
.hresume #skills div.front-end,
.hresume #skills div.desktop,
.hresume #community div.open-source,
.hresume #community div.mentoring {
    clear:                  left;
}
/* Right column: */
.hresume #skills div.back-end,
.hresume #skills div.tools,
.hresume #community div.talks,
.hresume #community div.stack-overflow {
    margin-right:           0;
}
.hresume #skills li,
.hresume #community li {
    list-style:             disc outside;
    margin-left:            1em;
}

.hresume #experience div,
.hresume #education div {
    margin-left:            160px;
    margin-bottom:          30px;
}
.hresume #experience dl,
.hresume #education dl {
    padding:                0;
}
.hresume #experience dt,
.hresume #education dt {
    color:                  #666;
    font-style:             italic;
    float:                  left;
    margin-left:            -160px;
    width:                  140px;
    text-align:             right;
}
.hresume #experience dd,
.hresume #education dd {
    margin-left:            0;
}

.hresume a.show-older {
    cursor:                 pointer;
    display:                block;
    margin-left:            160px;
    margin-bottom:          30px;
    font-size:              0.8em;
    font-weight:            bold;
}

.hresume .older.hidden {
    display:                none;
}
body.index footer nav {
  display: none;
}
/*

*/