/* 
Title:      jamiebicknell.com
Author:     @jamiebicknell
*/

::selection {
    background:#e4e4e4;
}
::-moz-selection {
    background:#e4e4e4;
}
* {
    outline:none;
}
img {
    margin:0;
    padding:0;
}
form {
    margin:0;
    padding:0;
}
a img {
    border:0;
}
section,
article,
header,
footer,
nav,
aside,
hgroup {
    display:block;
} 
html {
    -webkit-text-size-adjust: none;
}
body {
    margin:0;
    padding:0;
    background:#fff;
    font:0.75em/1em Arial;
    color:#838383;
}
p {
    font:1em/1.45em Arial;
    margin:0 0 12px 0;
    padding:0;
}
th {
    text-align:left;
    font-weight:bold;
}
li {
    font:1em/1.45em Arial;
}
blockquote {
    padding:0 0 0 10px;
    margin:0 0 12px 10px;
    border-left:4px solid #ededed;
    font:1em/1.45em Arial;
}
a,
a:active {
    color:#64b886;
    font-weight:bold;
    text-decoration:none;
}
a:hover {
    color:#707070;
    font-weight:bold;
    text-decoration:none;
}
h1 {
    font:normal 1.4em/1.3em Arial;
    margin:0 0 25px 0;
    padding:0;
    color:#64b886;
}
h1 a,
h1 a:active,
h1 a:visited  {
    color:#707070;
    font-weight:normal;
    text-decoration:none;
}
h1 a:hover {
    color:#64b886;
    font-weight:normal;
    text-decoration:none;
}
hr {
    display:block;
    margin:12px 0;
    height:0;
    border:0;
    border-top:1px solid #eee;
}
input, textarea {
    font:1em/1.45em Arial;
    color:#888;
    margin:2px 0;
    padding:4px 5px;
    border:1px solid #ccc;
    background:#fcfcfc;
    -wekbit-box-shadow:inset 0 2px 2px 0px rgba(200,200,200,.15);
    -moz-box-shadow:inset 0 2px 2px 0px rgba(200,200,200,.15);
    box-shadow:inset 0 2px 2px 0px rgba(200,200,200,.15);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    resize:none;
}
textarea {
    display:block;
}
input.submit {
    width:auto;
    padding:4px 8px 4px 8px;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    background:#747887;
    border:1px solid #64697c;
    -webkit-box-shadow:0 1px 2px rgba(150,150,150,0.4);
    -moz-box-shadow:0 1px 2px rgba(150,150,150,0.4);
    box-shadow:0 1px 2px rgba(150,150,150,0.4);
    -webkit-appearance:none;
}
input.submit:hover {
    background:#64697c;
    border:1px solid #575b68;
}

/* Layoyt */
.container {
    position:relative;
    padding:0 30px;
    min-width:855px;
    background:#eee url('../images/bg.gif');
}
.wrapper {
    width:855px;
    margin:0 auto;
}
.bar {
    position:absolute;
    top:0;
    left:0;
    right:0;
    border-top:5px solid #575b68;
    background:#fff;
    border-bottom:1px solid #dcd8db;
    height:75px;
}
header {
    height:81px;
    margin:0 0 32px 0;
}
header .logo {
    margin:17px 0 0 0;
    float:left;
    display:block;
    width:200px;
    height:52px;
    background:#fff url('../images/logo.gif') no-repeat 0 0;
    text-indent:-9999px;
    position:relative;
}
header .logo:active {
    margin:18px 0 0 0;
}
header ul {
    list-style:none;
    margin:0;
    padding:0;
    float:right;
}
header ul li {
    list-style:none;
    margin:0;
    padding:0;
    float:left;
}
header ul li a {
    display:block;
    padding:5px 10px 0 10px;
    margin:0 0 0 -1px;
    *margin:0 0 0 2px;
    height:75px;
    font:bold 1em/75px Arial;
    text-transform:uppercase;
    text-decoration:none;
    color:#747887;
    position:relative;
}
header ul li a.active,
header ul li a:hover {
    padding:5px 9px 0 9px;
    background:#fcfcfc;
    border-width:0 1px 0 1px;
    border-style:solid;
    border-color:#eeeeee;
    color:#64b886;
}
header ul li a:active {
    padding:6px 9px 0 9px;
    height:74px;
}
header ul li a span {
    position:absolute;
    display:none;
    display:block;
    top:0;
    left:-1px;
    right:-1px;
    height:5px;
    z-index:4;
}
header ul li a.active span,
header ul li a:hover span {
    background:#64697c;
    border-width:0 1px 0 1px;
    border-style:solid;
    border-color:#4d515f;
}
header ul li a.twitter {
    width:16px;
    margin:0;
    padding:5px 0 0 10px;
    text-indent:-9999px;
    background:url('../images/twitter.gif') no-repeat -16px 35px;
}
header ul li a.twitter:hover {
    border:none;
    background-position:-42px 35px;
}
header ul li a.twitter:active {
    background-position:-42px 36px;
}
section {
    float:left;
    width:557px;
    margin:0 33px 0 0;
}
section h2.meta {
    text-align:right;
    font-size:1.1em;
    margin:0 7px 15px 0;
}
article {
    position:relative;
    margin:0 0 40px 0;
    width:550px;
    -webkit-box-shadow:0 1px 3px rgba(150,150,150,0.1);
    -moz-box-shadow:0 1px 3px rgba(150,150,150,0.1);
    box-shadow:0 1px 3px rgba(150,150,150,0.1);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
article.smallgap {
    margin:0 0 25px 0;
}
section.fullwidth,
section.fullwidth article {
    width:855px;
}
article .post {
    padding:23px 25px 6px 25px;
    background:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-bottom-right-radius:0;
    -moz-border-radius-bottomleft:0;
    -moz-border-radius-bottomright:0;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}
article .post img.right {
    float:right;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    margin:0 0 15px 15px;
}
article .page {
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
article .info {
    padding:7px 0 8px 0;
    background:#f7f7f7;
    border-top:1px solid #eee;
    -webkit-box-shadow:inset 0 18px 4px -16px rgba(150,150,150,0.05);
    -moz-box-shadow:inset 0 18px 4px -16px rgba(150,150,150,0.05);
    box-shadow:inset 0 18px 4px -16px rgba(150,150,150,0.05);
    -webkit-border-bottom-left-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
}
article .related {
    padding:5px 0 0 0;
    background:#fff;
}
article .related-inner {
    padding:20px 25px 10px 25px;
    border-top:1px solid #ededed;
    background:#fff;
}
article .related h2 {
    margin:0 0 15px 0;
    color:#838383;
}
article hgroup {
    width:400px;
}
article time,
article span.banner {
    display:block;
    position:absolute;
    height:39px;
    width:115px;
    top:18px;
    right:-7px;
    padding:0 0 0 10px;
    background:url('../images/date.gif') no-repeat 0 0;
    background-size:125px 39px;
    text-align:center;
    font:1.15em/32px Arial;
    color:#f2f2f2;
    text-shadow:-1px -1px #505050;
}
article h2,
.comment .content h2 {
    font:normal 1.2em/1.3em Arial;
    margin:15px 0 10px 0;
    padding:0;
    color:#64b886;
}
article h3,
.comment .content h3 {
    font:bold 1em/1.3em Arial;
    margin:15px 0 10px 0;
    padding:0;
}
article ul,
.comment .content ul {
    margin:0 0 8px 0;
    padding:0;
    list-style:none;
}
article ul li,
.comment .content ul li {
    margin:0 0 0 14px;
    padding:0 0 5px 16px;
    list-style:none;
    background:url('../images/bullet.gif') no-repeat 0 4px;
}
article ol,
.comment .content ol {
    margin:0 0 8px 0;
    padding:0;
}
article ol li,
.comment .content ol li {
    margin:0 0 0 30px;
    padding:0 0 5px 0;
}
article pre,
.comment .content pre {
    width:486px;
    background:#f9f9f9;
    padding:5px 0 5px 10px;
    margin:15px 0;
    border-left:4px solid #ededed;
    overflow:auto;
}
.comment .content pre {
    width:426px;
}
article pre code,
.comment .content pre code {
    font:12px/1.25em 'Inconsolata','courier';
}
article .gist .gist-file .gist-meta {
    padding:8px 8px 5px 8px;
}
article .gist .gist-file .gist-meta a,
article .gist .gist-file .gist-meta a:visited {
    color:#64b886;
}
article .gist .gist-file .gist-data .line-number,
article .gist .gist-file .gist-data .line-pre {
    font-size:12px;
    line-height:1.25em;
    font:12px/1.25em 'Inconsolata','courier';
    width:auto;
}
article .gist .gist-file {
    overflow:hidden;
}
article .gist .gist-file .gist-data {
    background:#f9f9f9;
}
.info .link,
.info .time,
.info .tags {
    float:left;
    width:145px;
    padding:0 0 0 22px;
    margin:2px 0;
    font:bold 11px/15px Arial;
    color:#bbb;
}
.info .link {
    padding:0 0 0 20px;
    margin-left:25px;
    background:url('../images/icon-link.gif') no-repeat 0 0;
}
.info .time {
    background:url('../images/icon-time.gif') no-repeat 0 0;
}
.info .tags {
    background:url('../images/icon-tags.gif') no-repeat 0 0;
}
.info .link a,
.info .tags a {
    color:#bbb;
    font-weight:bold;
    text-decoration:none;
}
.info .link a:hover,
.info .tags a:hover {
    color:#64b886;
    font-weight:bold;
    text-decoration:none;
}
.pagination {
    margin:0 7px 40px 0;
    text-align:center;
}
.pagination a {
    display:block;
    line-height:28px;
    color:#838383;
}
.pagination a:hover {
    color:#64b886;
}
.pagination .prev {
    float:left;
}
.pagination .next {
    float:right;
}
aside {
    float:left;
    width:265px;
    margin:0 0 32px 0;
}
aside h2 {
    font:bold 1em/1em Arial;
    color:#747887;
    margin:0 0 15px 0;
    padding:0;
}
aside p {
    color:#999;
    line-height:1.45em;
    text-shadow:1px 1px rgba(255,255,255,0.8);
}
aside h2 a,
aside h2 a:hover  {
    color:#747887;
}
aside h2.twitter a {
    display:block;
    height:13px;
    line-height:13px;
    background:url('../images/twitter.gif') no-repeat 249px 0;
}
aside h2.twitter a:hover span {
    color:#28aced;
}
aside h2.instagram a:hover span {
    color:#3f729b;
}
aside .hr {
    clear:both;
    height:2px;
    background:url('../images/hr.gif') repeat-x 0 0;
    font:0.01em/0.01em Arial;
    overflow:hidden;
    margin:15px 0;
}
aside a.available {
    display:block;
    padding:12px 0 12px 58px;
    color:#747887;
    text-shadow:1px 1px rgba(255,255,255,0.8);
    background:#f7f7f7;
    border:2px solid #747887;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:0 1px 2px rgba(150,150,150,0.1);
    -moz-box-shadow:0 1px 2px rgba(150,150,150,0.1);
    box-shadow:0 1px 2px rgba(150,150,150,0.1);
    background:#f7f7f7 url('../images/email.gif') no-repeat 10px 50%;
}
aside a.available:hover {
    border-color:#64b886;
}
aside a.available span {
    display:block;
    height:20px;
    line-height:20px;
    font-size:1.15em;
    font-weight:normal;
}
aside a.available span strong {
    font-weight:bold;
}
aside a.available span.touch {
    font-size:1.1em;
    height:16px;
    line-height:16px;
    color:#64b886;
}
aside div.tags div.group + div.group {
    margin:12px 0 0 0;
}
aside div.tags div.group a {
    float:left;
    margin:0 5px 5px 0;
    padding:0 10px;
    color:#888;
    height:22px;
    font:bold 0.975em/22px Arial;
    text-shadow:1px 1px rgba(255,255,255,0.8);
    border:1px solid #ddd;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:0 1px 2px rgba(150,150,150,0.1);
    -moz-box-shadow:0 1px 2px rgba(150,150,150,0.1);
    box-shadow:0 1px 2px rgba(150,150,150,0.1);
    position:relative;
    background:#f7f7f7 url('../images/tag.gif') no-repeat 6px 50%;
    padding:0 6px 0 20px;
}
aside div.tags div.group a:hover {
    color:#64b886;
}
aside div.tags + div.hr {
    margin-top:10px;
}
aside div.tweet {
    margin:0 0 10px 0;
    padding:10px 10px 7px 10px;
    color:#999;
    font:normal 1em/1.45em Arial;
    text-shadow:1px 1px rgba(255,255,255,0.8);
    background:#f7f7f7;
    border:1px solid #ddd;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:0 1px 2px rgba(150,150,150,0.1);
    -moz-box-shadow:0 1px 2px rgba(150,150,150,0.1);
    box-shadow:0 1px 2px rgba(150,150,150,0.1);
    position:relative;
}
aside div.tweet div.left {
    float:left;
    width:32px;
    height:32px;
    margin:0 10px 6px 0;
}
aside div.tweet div.right {
    float:left;
    width:201px;
    height:32px;
    margin:0 0 6px 0;
}
aside div.tweet div.right div.info {
    float:right;
}
aside div.tweet div.right div.info a.date {
    display:block;
    text-align:right;
    color:#abacb1;
    font:normal 0.85em/1em Arial;
}
aside div.tweet div.right div.info div.actions {
    margin:4px 0 0 0;
    display:none;
}
aside div.tweet:hover div.right div.info div.actions {
    display:block;
}
aside div.tweet div.right div.info div.actions a {
    float:left;
    display:block;
    width:11px;
    height:15px;
    background:url('../images/actions.gif') repeat-x 0 0;
    margin:0 0 0 4px;
    text-indent:-9999px;
    overflow:hidden;
}
aside div.tweet div.right div.info div.actions a.reply {
    background-position:0 0;
}
aside div.tweet div.right div.info div.actions a.reply:hover {
    background-position:-11px 0;
}
aside div.tweet div.right div.info div.actions a.retweet {
    width:14px;
    background-position:-22px 0;
}
aside div.tweet div.right div.info div.actions a.retweet:hover {
    background-position:-36px 0;
}
aside div.tweet div.right div.info div.actions a.like {
    background-position:-50px 0;
}
aside div.tweet div.right div.info div.actions a.like:hover {
    background-position:-61px 0;
}
aside div.tweet div.right span.name {
    display:block;
    height:14px;
    line-height:1em;
    font-weight:bold;
    color:#747887;
}
aside div.tweet div.right a.username {
    font-weight:normal;
    color:#abacb1;
}
aside div.tweet img.media {
    margin:6px 0 0 0;
}
aside ul.thumbs {
    margin:0;
    padding:0;
    list-style:none;
}
aside ul.thumbs li {
    margin:0 15px 15px 0;
    padding:0;
    list-style:none;
}
aside ul.thumbs li.last {
    margin:0 0 15px 0;
}
aside ul.contact {
    margin:0;
    padding:0;
    list-style:none;
}
aside ul.contact li {
    padding:0;
    margin:0;
    list-style:none;
}
aside ul.contact a {
    display:block;
    height:18px;
    margin:0 0 4px 0;
    line-height:18px;
    padding:0 0 0 26px;
    color:#a8acb1;
    font-weight:bold;
    background:url('../images/social.gif') no-repeat 0 0;
}
aside ul.contact li a.email {
    background-position:0 -144px;
}
aside ul.contact li a.twitter {
    background-position:0 -162px;
}
aside ul.contact li a.instagram {
    background-position:0 -180px;
}
aside ul.contact li a.skype {
    background-position:0 -198px;
}
aside ul.contact li a.github {
    background-position:0 -216px;
}
aside ul.contact li a.dribbble {
    background-position:0 -234px;
}
aside ul.contact li a.time {
    background-position:0 -252px;
}
aside ul.contact li a.email:hover {
    background-position:0 -270px;
}
aside ul.contact li a.twitter:hover {
    background-position:0 -288px;
}
aside ul.contact li a.instagram:hover {
    background-position:0 -306px;
}
aside ul.contact li a.skype:hover {
    background-position:0 -324px;
}
aside ul.contact li a.github:hover {
    background-position:0 -342px;
}
aside ul.contact li a.dribbble:hover {
    background-position:0 -360px;
}
aside ul.contact li a.time:hover {
    background-position:0 -378px;
}
aside ul.admin {
    margin:0;
    padding:0;
    list-style:none;
}
aside ul.admin li {
    margin:0;
    padding:0;
    list-style:none;
    font:1em/1em Arial;
}   
aside ul.admin li a {
    display:block;
    margin:0 5px 3px 0;
    color:#888;
    font:bold 1em/1em Arial;
    text-shadow:1px 1px rgba(255,255,255,0.8);
    border:1px solid #ddd;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow: 0 1px 2px rgba(150,150,150,0.1);
    -moz-box-shadow: 0 1px 2px rgba(150,150,150,0.1);
    box-shadow:0 1px 2px rgba(150,150,150,0.1);
    position:relative;
    background:#f7f7f7;
    padding:5px 8px;
}
aside ul.admin li a:hover,
aside ul.admin li a.active {
    color:#64b886;
    text-decoration:none;
}
footer {
    padding:25px 30px;
    background:#fff;
    border-top:1px solid #d8d8d8;
    min-width:855px;
}
footer ul.links {
    margin:0 0 10px 0;
    height:18px;
    padding:0;
    list-style:none;
}
footer ul.links li {
    margin:0;
    padding:0 5px 0 0;
    float:left;
    border-left:1px solid #ddd;
}
footer ul.links li a {
    float:left;
    display:block;
    color:#747887;
    padding:0 0 0 5px;
    text-decoration:none;
    font:bold 1em/1.4em Arial;
}
footer ul.links li a:hover {
    color:#64b886;
}
footer ul.links li.first {
    border-left:none;
}
footer ul.links li.first a {
    padding:0;
}
footer p {
    display:block;
    margin:0 0 12px 0;
    padding:0;
    color:#a8acb1;
}
footer .social {
    float:right;
    margin:0;
    padding:0;
    list-style:none;
}
footer .social li {
    padding:0;
    margin:0;
    list-style:none;
}
footer .social li a {
    text-align:right;
    display:block;
    height:18px;
    margin:0 0 4px 0;
    line-height:18px;
    padding:0 26px 0 0;
    color:#747887;
    color:#a8acb1;
    font-weight:bold;
    background:url('../images/social.gif') no-repeat 0 0;
}
footer .social li a.rss {
    background-position:100% 0;
}
footer .social li a.twitter {
    background-position:100% -18px;
}
footer .social li a.github {
    background-position:100% -36px;
}
footer .social li a.dribbble {
    background-position:100% -54px;
}
footer .social li a.rss:hover {
    background-position:100% -72px;
}
footer .social li a.twitter:hover {
    background-position:100% -90px;
}
footer .social li a.github:hover {
    background-position:100% -108px;
}
footer .social li a.dribbble:hover {
    background-position:100% -126px;
}

/* Classes */
.overlay {
    float:left;
    position:relative;
    background:#fff url('../images/load.gif') no-repeat 50% 50%;
}
.overlay a,
.overlay span {
    display:block;
    position:relative;
    background:url('../images/overlay.png') no-repeat 0 0;
    float:left;
    width:55px;
    height:55px;
    text-indent:-9999px;
    overflow:hidden;
    z-index:1;
}
.overlay a:hover {
    background-position:0 -55px;
}
.overlay img {
    position:absolute;
    width:55px;
    height:55px;
    left:0px;
    top:0px;
    text-indent:-9999px;
}
.overlay-small {
    float:left;
    position:relative;
    background:#fff url('../images/load.gif') no-repeat 50% 50%;
}
.overlay-small a, 
.overlay-small span {
    display:block;
    position:relative;
    background:url('../images/overlay-small.png') no-repeat 0 0;
    float:left;
    width:32px;
    height:32px;
    text-indent:-9999px;
    overflow:hidden;
    z-index:1;
}
.overlay-small img {
    position:absolute;
    width:32px;
    height:32px;
    left:0px;
    top:0px;
    text-indent:-9999px;
}
.overlay img:-moz-broken,
.overlay-small img:-moz-broken {
    display:none;
}
.comment {
    position:relative;
    margin:0 0 20px 0;
}
.comment .overlay {
    margin:0 15px 0 0;
}
.comment .content {
    float:left;
    width:440px;
    padding:18px 20px 6px 20px;
    -webkit-box-shadow:0 1px 3px rgba(150,150,150,0.1);
    -moz-box-shadow:0 1px 3px rgba(150,150,150,0.1);
    box-shadow:0 1px 3px rgba(150,150,150,0.1);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background:#fff;
}
.comment .arrow {
    position:absolute;
    top:18px;
    left:61px;
    width:9px;
    height:18px;
    display:block;
    background:url('../images/comment.gif') no-repeat 0 0;
}
.comment .content time {
    color:#ccc;
    font-size:0.95em;
    line-height:1.4em;
    float:right;
}
.add-comment {
    margin:0 0 30px 0;
}
.add-comment .content {
    padding:20px 20px 8px 20px;
}
.add-comment .content form ul li,
.contact form ul li {
    margin:0;
    padding:0 0 5px 0;
    background:none;
}
.add-comment form ul li div,
.contact form ul li div {
    float:right;
}
.add-comment form ul li span,
.contact form ul li span {
    color:#ccc;
    padding:0 0 0 5px;
    font-style:italic;
    font-size:0.9em;
}
.add-comment form ul li label,
.contact form ul li label {
    display:block;
    float:left;
    width:90px;
    padding:4px 0 0 0;
}
.add-comment form ul li input,
.add-comment form ul li textarea,
.contact form ul li input,
.contact form ul li textarea {
    margin:0;
}
.add-comment form ul li input.details,
.contact form ul li input.details {
    width:215px;
}
.add-comment form ul li input.verify,
.contact form ul li input.verify {
    width:60px;
}
.add-comment form ul li input#nickname,
.contact form ul li input#nickname {
	display:none;
}
.add-comment form ul li textarea {
    width:338px;
    height:80px;
}
.contact form ul li textarea {
    width:398px;
    height:150px;
}
.information {
    background:#eee;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    border:1px solid #ddd;
    padding:8px;
}
.information ol {
    margin:5px 0 0 28px;
    padding:0;
}
.information ol li {
    margin:0;
    padding:0;
}
.clients {
    margin:0 0 30px 0;
}
.clients .client {
    float:left;
    width:255px;
    margin:0 20px 0 0;
}
.clients .last {
    margin:0;
}
.clients .client img {
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    border:1px solid #f0f0f0;
    width:253px;
    height:118px;
}
.clients .client a h2,
.clients .client span h2 {
    margin:10px 0;
    font-size:1.15em;
    color:#707070;
}
.clients .client a:hover h2 {
    color:#64b886;
}
.clients .client p {
    margin:0;
    padding:0;
}
article .portfolio-side {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
    background:#f7f7f7;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
article .portfolio {
	float:left;
	width:100%;
	position:relative;
	right:305px;
	background:#fff;
}
article .portfolio .post {
	float:left;
	width:500px;
	position:relative;
	left:305px;
	overflow:hidden;
}
article .portfolio .post h1 {
    margin:0 0 15px 0;
}
article .portfolio .info {
	float:left;
	width:275px;
	position:relative;
	left:305px;
	overflow:hidden;
	padding:15px;
	border-top:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
    box-shadow:none;
}
#tagsDiv {
    font:1em/1.4em Arial;
    color:#838383;
    margin:2px 0;
    padding:4px 4px 1px 4px;
    border:1px solid #ccc;
    background:#fcfcfc;
    -wekbit-box-shadow:inset 0 2px 2px 0px rgba(200,200,200,.15);
    -moz-box-shadow:inset 0 2px 2px 0px rgba(200,200,200,.15);
    box-shadow:inset 0 2px 2px 0px rgba(200,200,200,.15);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}
#tagsDiv ul.tagItems {
    margin:0;
    padding:0;
}
#tagsDiv ul.tagItems li {
    float:left;
    position:relative;
    list-style:none;
    margin:0;
    padding:0;
    background:none;
}
#tagsDiv ul.tagItems li.tagItem a {
    cursor:pointer;
    display:block;
    margin:0 3px 3px 0;
    padding:0 6px;
    line-height:20px;
    text-shadow:1px 1px #f5f5f5;
    background:#ddd;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    color:#838383;
}
#tagsDiv ul.tagItems li input {
    height:20px;
    font:bold 1em/20px Arial;
    background:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    border:none;
    margin:0 0 3px 0;
    padding:0;
}
#tagsDiv ul.tagItems li.tagInputItem ul {
    top:30px;
    position:absolute;
    left:0;
    margin:0;
    padding:0;
    z-index:100;
}
#tagsDiv ul.tagItems li.tagInputItem ul {
    padding:5px 0;
    background:#ddd;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
#tagsDiv ul.tagItems li.tagInputItem ul li {
    cursor:pointer;
    list-style:none;
    padding:2px 8px;
    float:none;
    font-weight:bold;
}
#tagsDiv ul.tagItems li.tagInputItem ul li:hover,
#tagsDiv ul.tagItems li.tagInputItem ul li.selected {
    color:#fff;
    background:#707070;
}
.content-table {
    width:500px;
    border-collapse:collapse;
    margin:4px 0 16px 0;
}
.content-table td,
.content-table th {
    text-align:left;
    height:28px;
    padding:0 8px;
    border-bottom:1px solid #eee;
    font:0.975em/1em Arial;
}
.content-table th {
    background:#eee;
    border-bottom:1px solid #d1d1d1;
    border-top:1px solid #d1d1d1;
}
.content-table th.right,
.content-table td.right {
    text-align:right;
}
.content-table .rowA td {
    background:#fff;
}
.content-table .rowB td {
    background:#f7f7f7;
}
.notify {
    font:bold 1em/1em Arial;
    color:#ff454a;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    text-shadow:none;
}
.captcha {
    width:75px;
    height:50px;
}
.clearfix:after {
    content: '.';
    display:block;
    clear:both;
    height:0;
    font-size:0;
    visibility:hidden;
}

@font-face {
    font-family: 'Inconsolata';
    src: url('./fonts/Inconsolata-webfont.eot');
    src: url('./fonts/Inconsolata-webfont.eot?#iefix') format('eot'),
         url('./fonts/Inconsolata-webfont.woff') format('woff'),
         url('./fonts/Inconsolata-webfont.ttf') format('truetype'),
         url('./fonts/Inconsolata-webfont.svg#webfontGkyZCnxt') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Retina */
@media only screen and
(-webkit-min-device-pixel-ratio: 2),    /* Webkit-based browsers */
(min--moz-device-pixel-ratio: 2),       /* Older Firefox browsers (prior to Firefox 16) */
(min-resolution: 2dppx),                /* The standard way */
(min-resolution: 192dpi) {              /* dppx fallback */   
    .container {
        background:#eee url('../images/bg@2x.gif');
        background-size:250px;
    }
    header .logo {
        background:#fff url('../images/logo@2x.gif') no-repeat 0 0;
        background-size:200px 52px;
    }
    header ul li a.twitter {
        background:url('../images/twitter@2x.gif') no-repeat -16px 35px;
        background-size:68px 13px;
    }
    header ul li a.twitter:hover {
        background-position:-42px 35px;
    }
    article time,
    article span.banner {
        background:url('../images/date@2x.gif') no-repeat 0 0;
        background-size:125px 39px;
    }
    article ul li {
        background:url('../images/bullet@2x.gif') no-repeat 0 4px;
        background-size:8px;
    }
    .info .link {
        background:url('../images/icon-link@2x.gif') no-repeat 0 0;
        background-size:14px;
    }
    .info .time {
        background:url('../images/icon-time@2x.gif') no-repeat 0 0;
        background-size:14px;
    }
    .info .tags {
        background:url('../images/icon-tags@2x.gif') no-repeat 0 0;
        background-size:14px;
    }
    aside .hr {
        background:url('../images/hr@2x.gif') repeat-x 0 0;
        background-size:10px 2px;
    }
    aside a.available {
        background:#f7f7f7 url('../images/email@2x.gif') no-repeat 10px 50%;
        background-size:36px 36px;
    }
    aside div.tags div.group a {
        background:#f7f7f7 url('../images/tag@2x.gif') no-repeat 6px 50%;
        background-size:9px;
    }
    aside h2.twitter a {
        background:url('../images/twitter@2x.gif') no-repeat 249px 0;
        background-size:68px 13px;
    }
    aside ul.contact li a {
        background:url('../images/social@2x.gif') no-repeat 0 0;
        background-size:18px 396px;
    }
    footer .social li a {
        background:url('../images/social@2x.gif') no-repeat 0 0;
        background-size:18px 396px;
    }
    .overlay,
    .overlay-small {
        background:#fff url('../images/load@2x.gif') no-repeat 50% 50%;
        background-size:16px;
    }
    .overlay a,
    .overlay span {
        background:url('../images/overlay@2x.png') no-repeat 0 0;
        background-size:55px;
    }
    .overlay-small a,
    .overlay-small span {
        background:url('../images/overlay-small@2x.png') no-repeat 0 0;
        background-size:32px;
    }
    .comment .arrow {
        background:url('../images/comment@2x.gif') no-repeat 0 0;
        background-size:9px 18px;
    }
}