html {
    background-color: #000;
    height: 100%;
}
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: #ddf;
    height: 100%;
    -webkit-font-smoothing: antialiased;
}
a {
    text-decoration: none;
    color: inherit;
}
a img {
    border: none;
}
blockquote {
    font-style: italic;
    padding: 13px;
}
cite {
    padding-left: 6px;
}
hr {
    display: none;
}
em {
    font-style: italic;
}
strong {
    font-weight: 700;
}
h1, h2, h3 {
    letter-spacing: 0.05em;
}
h1 {
    margin-bottom: 15px;
    font-weight: lighter;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 33px;
    line-height: 30px;
}
h1 a, h1 a:visited  {
    color: #ddf;
}
h1 a:hover {
    color: #cceeee;
    text-decoration: underline;
}
h2, h3, form h1 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
    line-height: 15px;
    margin-bottom: 15px;
    padding-top: 14px;
}
h3 {
    font-size: 18px;
}
label {
    float: left;
    width: 130px;
    margin-top: 8px;
}
input, textarea {
    color: inherit;
    border: none;
    margin-bottom: 15px;
    padding: 7px 8px;
    border-left: 1px solid #07f;
    vertical-align: center;
    background-color: #1D1D1D;
}
input[type="submit"] {
    margin-left: 130px
}
input[name="preview"] {
    margin-left: 100px;
}
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin-bottom: -61px;
}
#top {
    padding: 68px 0px 15px 233px;
}
#top h1 a {
    display: block;
    text-indent: -9999em;
    width: 229px;
    height: 66px;
    background: url('/static/images/originell_logo.png') no-repeat;
}
#subtitle {
    position: absolute;
    top: 45px;
    left: 362px;
}
#foobar {
    background-image: url('images/bar.png');
    background-repeat: repeat-x;
    height: 30px;
}
#nav {
    float: right;
    margin-top: -52px;
}
#nav ul {
    list-style: none;
}
#nav ul li {
    float: left;
    margin-right: 13px;
    padding: 5px;
    background-color: #07a;
    border-bottom: 2px solid #1C5C88;
}
#nav ul li:hover {
    background-color: #0AB6FF;
    color: #fff;
}
#error {
    height: 60px;
    text-align: center;
}
#content {
    float: left;
    margin-left: 55px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#side {
    position: relative;
    float: right;
    width: 208px;
    margin-top: 30px;
    margin-right: 13px;
    text-align: right;
}
#side div {
    margin-top: 27px;
    padding: 15px 13px;
    background: #002A45;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
}
#side div:first-child {
    margin-top: 0px;
    min-height: 210px;
    padding-right: 58px;
    background: #002A45 url('/static/images/harhar.png') scroll no-repeat 165px;
}
#side div.fixed {
    position: fixed;
    top: 100%;
}
#side p + p {
    margin-top: 13px;
}
#side a, #footer a {
    font-style: italic;
    font-family: Georgia, "Times New Roman", serif;
}
#side a:hover, #footer a:hover {
    text-decoration: underline;
    color: #cceeee;
}
#contact_btn {
    background-color: #002A45;
    -webkit-transition: background-color 1s linear;
    -moz-transition: background-color 1s linear;
    -o-transition: background-color 1s linear;
}
#contact_btn:hover {
    background-color: #00ccdd;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 5px #000;
    -webkit-animation: glow 3s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
    from { -webkit-box-shadow: 1px 0px 5px #000; }
    to { -webkit-box-shadow: 1px 0px 50px #00ccdd; }
}
#contact {
    margin: 0px auto !important;
    width: 10em;
    -webkit-border-top-left-radius: 0 !important;
    -webkit-border-top-right-radius: 0 !important;
    -moz-border-radius-topleft: 0 !important;
    -moz-border-radius-topright: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    background: -webkit-gradient(linear, left bottom, left top, from(#002B45), to(#000)) !important;
    background: -moz-linear-gradient(top, #000, #002B45) !important;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#002B45') !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#002B45')" !important;
}
#ihmehl {
    -webkit-box-shadow: inset 1px 1px 30px #000, 1px 1px 5px #000;
    -moz-box-shadow: inset 1px 1px 30px #000, 1px 1px 5px #000;
    box-shadow: 1px 1px 30px #000 inset, 1px 1px 5px #000;
    margin: 5px -1em 5px -1em;
    padding: 10px;
}
#ihmehl a {
    font-style: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}
#domain {
    font-size: 11px;
}
#footer {
    height: 30px;
    width: 100%;
    clear: both;
    padding: 15px 0px;
    background-color: #141414;
    border-top: 1px solid #002A45;
    text-align: center;
}
#gitfolio h1 {
    margin-bottom: 15px;
}
#gitfolio p {
    margin-bottom: 30px;
}
.entry + .entry {
    padding-top: 30px;
    clear: left;
}
.entry .date {
    float: left;
    margin: 45px 8px 0px 0px;
}
.entry .date ul {
    list-style: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 15px;
    text-align: right;
}
.entry .text {
    float: left;
    padding-left: 13px;
    border-left: 1px solid #07a;
    width: 42em;
    min-height: 195px;
    margin-bottom: 30px;
}
.entry .text p {
    margin: 0px 0px 15px 3px;
}
.entry .text ol, .entry .text ul {
    margin: 15px 0px 15px 21px;
}
.entry .text ol {
    margin-left: 28px;
}
.entry .text ol li {
    list-style-type: decimal;
}
.entry .text ul li {
    list-style-type: disc;
}
.entry .text ol li, .entry .text ul li {
    margin: 15px 0px 0px 15px;
}
.entry a {
    color: #0AB6FF;
    text-decoration: none;
}
.entry h1 a {
    color: #ddf;
}
.entry a:hover {
    text-decoration: underline;
}
#disqus_thread {
    width: 42em;
    clear: both;
    margin: 0px 0px 0px 64px;
    padding-top: 105px;
}
#disqus_thread .dsq-dc-logo {
    display: none;
}
#disqus_thread .dsq-item-trackback input {
    margin-left: 2em;
    width: 34em;
}
.dsq-brlink {
    display: none;
}
.errorlist li {
    padding: 15px 0px 9px 130px;
}
.codehilite {
    font-size: 12px;
    line-height: 15px;
    margin: 0px 0px 15px 5px;
    padding: 15px 0px 15px 8px;
    background-color: #3B3B3B;
    border-left: 2px solid #0AB6FF;
    overflow: auto;
}
.codehilitetable {
    background-color: #000;
    overflow: auto;
}
.codehilitetable .codehilite {
    border-left: none;
    overflow: auto;
}
.c { color: #747474; font-style: italic }
.err { border: 1px solid #FF0000 }
.o { color: #98BAC5 }
.cm { color: #008020; font-style: italic }
.cp { color: #008020 }
.c1, .cs { color: #958565; font-style: italic }
.gd { color: #A00000 }
.ge { font-style: italic }
.gr { color: #FF0000 }
.gh, .gp { color: #000080; font-weight: 700 }
.gi { color: #00A000 }
.go { color: #808080 }
.gs { font-weight: 700 }
.gu { color: #800080; font-weight: 700 }
.gt { color: #0040D0 }
.kc, .kd, .kn, .k, .kr { color: #FFCB4F; font-weight: 700 }
.m { color: #7ECDFF }
.na { color: #7D9029 }
.nc { color: #7EB35B; font-weight: 700 }
.no { color: #880000 }
.nd { color: #AA22FF }
.ni { color: #999999; font-weight: 700 }
.ne, .n { color: #fff; }
.nf { color: #7EB35B }
.nl { color: #A0A000 }
.nn { color: #fff; }
.nt { color: #008000; font-weight: 700 }
.nv { color: #0E90B9 }
.ow { color: #FFCB4F; font-weight: 700 }
.w { color: #343232 }
.mf, .mh, .mi, .mo { color: #7ECDFF }
.s, .sb, .sc, .s2, .sh, .s1 { color: #A18651 }
.sd { color: #A18651; font-style: italic }
.se, .si { color: #A18651; font-weight: 700 }
.sx { color: #008000 }
.sr { color: #BB6688 }
.ss { color: #19177C }
.bp, .vc, .vg, .vi, .nb, .kp, .kt { color: #FFCB4F }
.il { color: #7ECDFF }
.p { color: #98BAC5; font-weight: 700; }