a {
    color: #0099FF;
    outline: none;
    text-decoration: none;
}
a:hover { color: #4DB8FF; }

:focus {
    outline: none;
}

body {
    color: #444;
    font-family: 'Helvetica', sans-serif;
    font-size: 0.875em; /* 14px */
    line-height: 1.5; /* 18px */
    padding: 2em;
}

html {
    background: #fff;
    height: 100%;
}

h1, h2, h3, h4 {
    text-shadow: 2px 2px #eee;
    font-family: 'georgia', serif;
}

.right {
    float: right;
}
.left {
    float: left;
}

.right.spacing {
    margin: 0 0 10px 10px;
}
.left.spacing {
    margin: 0 10px 10px 0;
}

#container {
    width: 50em;
    margin: 0 auto;
}

#header {
    overflow: hidden;
    margin: 0 0 2em;
}

#header a {
    color: #444;
}
#header a:hover {
    color: #4DB8FF;
}

#header h1 {
    float: left;
    font-size: 2em;
}

#header ul.menu {
    float: right;
    text-shadow: 1px 1px #eee;
}

#header ul.menu li {
    display: inline-block;
    margin: 0 0 0 1em;
}

#header div.search {
    clear: right;
    float: right;
    margin: 1em 0 0;
}

#header div.search input[type=text] {
    background: #f9f9f9;
    border: 1px solid #ccc;
    padding: 0.5em 1em;
    width: 15em;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
}

.idiom {
    font-family: 'georgia', serif;
    font-size: 2.25em;
    text-align: center;
    margin: 1em auto 1em;
    padding: 1em 0;
    clear: both;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
    text-shadow: 1px 1px #eee;
    width: 20em;
}

.footer,
.footer a {
    text-align: center;
    color: #999;
    clear: both;
}

button {
    background: #ddd;
    background: -moz-linear-gradient(top, #fdfdfd, #e6e6e6);
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#e6e6e6));
    padding: 0.5em 1em;
    overflow: hidden;
    border: 1px solid #ccc;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
}

button:hover {
    background: #ccc;
    background: -moz-linear-gradient(top, #f3f3f3, #d9d9d9);
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#d9d9d9));
}

input:focus {
    border-color: #4DB8FF !important;
}

.entry {
    margin: 0 0 2em;
    clear: both;
}

.entry .line {
    border-bottom: 1px dotted #ddd;
    width: 45.714em;
    margin: 2em auto 0;
}

.entry h2 {
    font-size: 2em;
    margin: 0 0 0.5em;
}
.entry h2 a {
    color: #444;
}
.entry h2 a:hover {
    color: #4DB8FF;
}

.entry .details {
    margin: 0 0 0 -14.5em;
    float: left;
    text-align: right;
    width: 12.5em;
}

.entry .content h3 {
    font-size: 1.7em;
}
.entry .content h4 {
    font-size: 1.5em;
}

.entry .content pre,
.entry .content blockquote {
    border-left: 3px solid #444;
    background: #eee;
    padding: 0.5em 1em;
    margin: 0 1.5em;
    overflow: auto;
    font-size: 1em;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
}

.entry .content pre {
    margin: 0 2em;
}

.entry .content pre {
    background: url('../img/code.png') 100% 100% no-repeat #eee;
}

.entry .content .linenodiv pre {
    background: #eee;
    margin: 0 0 0 2em;
    border-left: 3px solid #444;
    -moz-border-radius: 0.25em 0 0 0.25em;
    -webkit-border-radius: 0.25em 0 0 0.25em;
}

.entry .content table.codehilitetable {
    width: 100%;
}

.entry .content td.code {
    width: 100%;
}

.entry .content td.code pre {
    margin: 0 2em 0 0;
    border: 0;
    -moz-border-radius: 0 0.25em 0.25em 0;
    -webkit-border-radius: 0 0.25em 0.25em 0;
}

.entry .content blockquote {
    background: url('../img/quote.png') 100% 100% no-repeat #eee;
}

.entry .content blockquote p {
    margin: 0;
}

.entry .content code {
    background: #eee;
    font-size: 1.25em;
}
.entry .content p code {
    padding: 0 0.25em;
}

.entry .content strong {
    font-weight: bold;
}

.entry .content em {
    font-style: italic;
}

.entry .content ul,
.entry .content ol {
    margin: 1em 2em;
}
.entry .content ul li {
    list-style-type: square;
}
.entry .content ol li {
    list-style-type: decimal;
}

.entry .content p {
    margin: 0.5em 0;
}

.entry .content .images {
    margin: 0 auto;
    text-align: center;
    line-height: 0;
}

.entry #disqus_thread {
    margin: 3em 0 0;
}

#content a.left {
    float: left;
}
#content a.right {
    float: right;
}


body#dashboard .blog-entries {
    width: 24.5em;
    float: left;
}

body#dashboard .blog-entries .teaser {
    padding: 0 0 0 0.25em;
}

body#dashboard .blog-entries ol,
body#dashboard .lastfm ol,
body#dashboard .twitter ol {
    padding: 0.5em 1em;
}

body#dashboard .blog-entries h2.header,
body#dashboard .twitter h2.header,
body#dashboard .lastfm h2.header {
    font-size: 1.5em;
    font-family: 'georgia', serif;
    background: #ddd;
    padding: 0.1em 1em;
    overflow: hidden;
    border: 1px solid #ccc;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    text-shadow: 0 0;
}

body#dashboard .blog-entries h2.header {
    background: -moz-linear-gradient(top, #fdfdfd, #9AFF8F);
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#9AFF8F));
}
body#dashboard .lastfm h2.header {
    background: -moz-linear-gradient(top, #fdfdfd, #FFAC75);
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#FFAC75));
}
body#dashboard .twitter h2.header {
    background: -moz-linear-gradient(top, #fdfdfd, #C2E7FF);
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#C2E7FF));
}

body#dashboard .lastfm {
    width: 24.5em;
    float: right;
}

body#dashboard .lastfm p.info {
    color: #999;
    text-align: right;
    font-size: 0.75em;
}
body#dashboard .lastfm p.info.playing {
    color: #FF8C66;
}

body#dashboard .lastfm li,
body#dashboard .blog-entries li,
body#dashboard .twitter li {
    overflow: hidden;
    border-bottom: 1px dotted #ddd;
    padding: 0.3em 0;
}
body#dashboard .lastfm li:last-child,
body#dashboard .blog-entries li:last-child,
body#dashboard .twitter li:last-child {
    border-bottom: 0;
}

body#dashboard .lastfm p.loading,
body#dashboard .twitter p.loading {
    font-size: 1.25em;
    text-align: center;
    margin: 1em 0 0;
}

body#dashboard .twitter {
    clear: both;
    width: 25em;
    margin: 0 auto;
}

.hll { background-color: #49483e }
.c { color: #75715e } /* Comment */
.err { color: #960050; background-color: #1e0010 } /* Error */
.k { color: #0099ff; font-weight: bold; } /* Keyword */
.l { color: #ae81ff } /* Literal */
.n { color: #444444 } /* Name */
.o { color: #f92672 } /* Operator */
.p { color: #444444 } /* Punctuation */
.cm { color: #75715e } /* Comment.Multiline */
.cp { color: #75715e } /* Comment.Preproc */
.c1 { color: #75715e } /* Comment.Single */
.cs { color: #75715e } /* Comment.Special */
.ge { font-style: italic } /* Generic.Emph */
.gs { font-weight: bold } /* Generic.Strong */
.kc { color: #0099ff } /* Keyword.Constant */
.kd { color: #0099ff } /* Keyword.Declaration */
.kn { color: #f92672 } /* Keyword.Namespace */
.kp { color: #0099ff } /* Keyword.Pseudo */
.kr { color: #0099ff } /* Keyword.Reserved */
.kt { color: #0099ff } /* Keyword.Type */
.ld { color: #E2692C } /* Literal.Date */
.m { color: #ae81ff } /* Literal.Number */
.s { color: #E2692C } /* Literal.String */
.na { color: #89C11A; font-weight: bold; } /* Name.Attribute */
.nb { color: #444444 } /* Name.Builtin */
.nc { color: #F92672; font-weight: bold; } /* Name.Class */
.no { color: #0099ff } /* Name.Constant */
.nd { color: #89C11A; font-weight: bold; } /* Name.Decorator */
.ni { color: #444444 } /* Name.Entity */
.ne { color: #89C11A; font-weight: bold; } /* Name.Exception */
.nf { color: #89C11A; font-weight: bold; } /* Name.Function */
.nl { color: #444444 } /* Name.Label */
.nn { color: #444444 } /* Name.Namespace */
.nx { color: #89C11A; font-weight: bold; } /* Name.Other */
.py { color: #444444 } /* Name.Property */
.nt { color: #f92672 } /* Name.Tag */
.nv { color: #444444 } /* Name.Variable */
.ow { color: #f92672 } /* Operator.Word */
.w { color: #444444 } /* Text.Whitespace */
.mf { color: #ae81ff } /* Literal.Number.Float */
.mh { color: #ae81ff } /* Literal.Number.Hex */
.mi { color: #ae81ff } /* Literal.Number.Integer */
.mo { color: #ae81ff } /* Literal.Number.Oct */
.sb { color: #E2692C } /* Literal.String.Backtick */
.sc { color: #E2692C } /* Literal.String.Char */
.sd { color: #E2692C } /* Literal.String.Doc */
.s2 { color: #E2692C } /* Literal.String.Double */
.se { color: #ae81ff } /* Literal.String.Escape */
.sh { color: #E2692C } /* Literal.String.Heredoc */
.si { color: #E2692C } /* Literal.String.Interpol */
.sx { color: #E2692C } /* Literal.String.Other */
.sr { color: #E2692C } /* Literal.String.Regex */
.s1 { color: #E2692C } /* Literal.String.Single */
.ss { color: #E2692C } /* Literal.String.Symbol */
.bp { color: #444444 } /* Name.Builtin.Pseudo */
.vc { color: #444444 } /* Name.Variable.Class */
.vg { color: #444444 } /* Name.Variable.Global */
.vi { color: #444444 } /* Name.Variable.Instance */
.il { color: #ae81ff } /* Literal.Number.Integer.Long */