body {
    text-align: center;
    font-family: 'Lucida Grande', Verdana, Sans-Serif;
    font-size: 62.5%;
    color: #222124;
    background: #eee8fb;
}

body, div, ul, p, hr { margin: 0px; border: 0px; padding: 0px; }
li { list-style-type: none; }
img { border: 0px; }
/* a { outline: none; overflow: hidden; } */
pre, code { font-family: Monaco, Sans-Serif; }
blockquote { font-family: Georgia, Serif; }
h1, h2, h3, h4, h5 {
    font-family: Georgia, Serif;
    margin: 0;
    text-transform: lowercase;
    text-align: left;
}
hr {
    background-color: #d3d3d3;
    color: #d3d3d3;
    height: 1px;
}

a { color: purple; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { color: indigo; }
a:visited { color: indigo; }

.hide { display: none; }
.clear { clear: both; height: 1px; }
.attribution { text-align: right; margin-bottom: 0px; }
.left { float: left; }
.right { float: right; }

#nav-wrapper { background: #222124; }
#nav { 
    width: 850px;
    padding: 8px 0;
    margin: 0 auto;
    text-align: right;
}
#nav p, #nav li { font-size: 1.2em; }
#nav p.herding { padding-left: 1em; }
#nav ul { margin-right: 250px; padding-right: 1em; }
#nav li { display: inline; padding-left: 2em; }
#nav a { color: #fff; text-decoration: none; }
#nav a:hover { color: #eee8fb; text-decoration: none; }

#anotherwrap { overflow: auto; margin-bottom: 40px; }
#wrapper { width: 850px; margin: 0 auto; text-align: left; }

#sidebar { width: 250px; float: left; }
#sidebar div.padding { padding: 0 3em; }
#sidebar h3 { font-size: 2em; }
#sidebar h3 a { color: #000; }
#sidebar div.widget { margin: 1em 0 3em 0; }
#sidebar p, #sidebar li { font-size: 1.2em; line-height: 1.4em; }
#sidebar li p { font-size: 1em; }
#sidebar div.filters li { font-size: 1.4em; margin-left: 2em; }
#sidebar div.tweets li { margin-bottom: 1.6em; word-wrap: break-word; }
#sidebar div.tweets li p.twdate { font-size: 0.8em; margin-top: 0.4em; color: #505050; }

#content {
    width: 600px;
    float: left;
    background: #fff;
    -webkit-border-bottom-right-radius: 2em;
    -webkit-border-bottom-left-radius: 2em;
    -moz-border-radius-bottomright: 2em;
    -moz-border-radius-bottomleft: 2em;
    border-bottom-right-radius: 2em;
    border-bottom-left-radius: 2em;
}
#content div.padding { padding: 0 3em 2em 3em; }
#content h1 { font-size: 5em; margin-top: 0.6em; }
#content p, #content q, #content li { font-size: 1.6em; line-height: 1.6em; text-align: justify; margin: 1em 0; }
#content li { padding: 0 1em; }
#content li p { font-size: 1em; }
#content li li { font-size: 1em; margin: 1em 0; padding: 0 1em; }
#content pre {
    background: #eaeaea;
    padding: 2em;
    line-height: 1.6em;
    -moz-border-radius: 0.6em;
    -webkit-border-radius: 0.6em;
    border-radius: 0.6em;
}
#content code {
    background: #eaeaea;
    font-size: 0.8em;
    padding: 0.2em;
    -moz-border-radius: 0.1em;
    -webkit-border-radius: 0.1em;
    border-radius: 0.1em;
}
#content p.flickr { text-align: center; }

#topics h2 { margin-bottom: 0.4em; }
#topics li { padding: 0; margin: 4em 0; }
#topics li.last { margin-bottom: 1em; }
#topics p.comments { font-size: 0.8em; margin: 0.2em 0 0 0; }
#topics p.ondate { color: #d3d3d3; font-size: 0.8em; margin: 0.4em 0; }
#topics p.tags { font-size: 0.8em; border-top: 1px dashed #d3d3d3; padding-top: 0.4em; }

#on pre { font-size: 1.6em; line-height: 1.6em; }
#on p.comments { font-size: 1.4em; margin: 1em 0 0 0; }
#on p.ondate { color: #d3d3d3; font-size: 1.4em; margin-bottom: 1em; }
#on p.tags { font-size: 1.4em; border-top: 1px dashed #d3d3d3; padding-top: 0.4em; margin-bottom: 3em; }

#pagination { margin-top: 6em; }
#pagination p { text-align: center; }
#pagination .prev { margin-right: 2em; }
#pagination .next { margin-left: 2em; }

#flat { margin-top: 6em; }

/* disqus */
#disqus { margin-top: 3em; }
#dsq-authenticate p.dsq-autheneticate-copy { font-size: 1em; }
#dsq-comments table td span { font-size: 0.7em; }
#dsq-comments div.dsq-comment-message { font-size: 0.8em; }
#dsq-comments div.dsq-comment-footer { font-size: 0.5em; }
#dsq-comments a.dsq-reply-link { font-size: 0.7em; }
#disqus h3 { margin-bottom: 0.6em; }

/* contact */
#flat div.widget { margin-bottom: 4em; }
#emailto a { font-size: 1.4em; }
#flat div.last { margin-bottom: 1em; }

#flat div.social { overflow: auto; margin-top: 2em; }
#flat div.social ul { margin: 0; padding: 0; }
#flat div.social ul li { list-style-type: none; width: 180px; float: left; margin: 0; padding: 0; display: inline;  }
#flat div.contactform label.error { color: red; margin-left: 1em; font-size: 0.8em; }
#flat div.contactform input { border: 1px solid #222124; padding: 0.4em; width: 250px; }
#flat div.contactform textarea { padding: 0.5em; border: 1px solid #222123; width: 400px; }
#flat div.contactform input.submit { color: #000; width: 100px; }
#flat div.contactform ul.errorlist li { display: inline; font-size: 1.2em; color: red; }

/* raphael */
.inner, .sidein { position: relative; }
.inner svg, .sidein svg { position: absolute; }
.inner svg { left: -5.6em; }
.sidein svg { left: -2em; }