html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* Font kit generated by Font Squirrel (http://www.fontsquirrel.com) on January 23, 2011 */
/* The excellent Fontin: A font by Jos Buivenga (exljbris) -> www.exljbris.com */

@font-face {
	font-family: xFontin;
	src: url('fontin-bold-webfont.eot');
	src: local('☺'), url('fontin-bold-webfont.woff') format('woff'), url('fontin-bold-webfont.ttf') format('truetype'), url('fontin-bold-webfont.svg#webfontqw1xZYn8') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: xFontin;
	src: url('fontin-italic-webfont.eot');
	src: local('☺'), url('fontin-italic-webfont.woff') format('woff'), url('fontin-italic-webfont.ttf') format('truetype'), url('fontin-italic-webfont.svg#webfontvW0mgcYf') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: xFontin;
	src: url('fontin-regular-webfont.eot');
	src: local('☺'), url('fontin-regular-webfont.woff') format('woff'), url('fontin-regular-webfont.ttf') format('truetype'), url('fontin-regular-webfont.svg#webfontaDzi8qOG') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
    font-family: xFontin, serif;
    font-size: 16px;
    line-height: 135%;
    position: relative;
    color: #222;
    background-color: #c3c3c3;
}

small {
    font-size: 12px;
    line-height: 16px;
}

a {
    text-decoration: none;
    color: #7000ff;
}
a:hover {
    text-decoration: underline;
}
body.blog-index .content h3 a  {
    color: #222;
}
#background {
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
}
@media (max-width: 980px) {
    #background {
        display: none;
    }
}
#background .left, #background .right {
    position: absolute;
    top: 0;
    width:50%;
}

#background > .left {
    left: 0;
    height: 100%;
}

#background > .right {
    right: 0;
    height: 100%;
}

#background > .left {
    background-color: #f5f5f5;
}

#background > .right {
    background-color: #c3c3c3;
}
#background > .header {
    height: 225px;
}

#background > .header > .left {
    left: 0;
    background-color: #570000;
    height: 225px;
}

#background > .header > .right {
    right: 0;
    background-color: #3b0b56;
    height: 225px;
}

ul.nav {
    list-style-type: none;
    display: inline;
}
ul.nav li {
    display: inline;
    margin-right: 32px;
}
ul.nav a, ul.nav a:visited {
    text-decoration: none;
    color: #bc9999;
    font-size: 1.5em;
}
ul.nav a:hover {
    color: #dfb6b6;
}
@media (max-width: 620px) {
    ul.nav li {
        display: inline-block;
        width: 120px;
        white-space: nowrap;
        line-height: 2em;        
        /*margin-right: 32px;*/
    }
    ul.nav {
        padding-bottom: 15px;
        display: block;
        max-width: 310px;
    }
}
#main {
    margin-top: -25px;
}

#container {
    margin: 0px auto;
    width: 960px;
    position: relative;
    box-shadow: 10px 10px 15px -10px rgba(0,0,0,0.7);
    padding-top: 25px;
}
@media (max-width: 980px) {
    #container {
        width: 100%;
        box-shadow: none;
    }
}
#main .header {
    height: 40px;
    background-color: #570000;
    padding-left: 40px;
    padding-right: 120px;
    padding-top: 160px;
    position: relative;
    background-image: url(logoinset.png);
    background-repeat: no-repeat;
    background-position: 840px 73px;
}
@media (max-width: 980px) {
    #main .header {
        height: auto;
        padding-top: 82px;
        padding-right: 100px;
        min-height: 42px;
        background-position: 98% 57%;
    }
}
@media (max-width: 620px) {
    #main .header {
        height: auto;
        padding-top: 28px;
        min-height: 96px;
        padding-left: 20px;
        background-position: 95% 57%;
    }
}

#main .header h1 {
    color: #702626;
    font-size: 1.5em;
    display: inline;
    font-weight: normal;
}

#main .content {
    background-color: #f5f5f5;
    padding: 1px 120px 80px 40px;
    position: relative;
}
@media (max-width: 980px) {
    #main .content {
        padding: 1px 40px 40px;
    }
}
@media (max-width: 620px) {
    #main .content {
        padding: 1px 20px 40px;
    }
}
#main .content img {
    max-width: 100%;
}
#main .content .image {
    max-width: 350px;
    max-height: 350px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#main .content .image.right {
    float: right;
    margin-left: 20px;
}

#main .content .image.left {
    float: left;
    margin-right: 20px;
}
#main .content .full-image {
    display: block;
    margin: 1.5em auto;
    max-width: 85%;
}
@media (max-width: 640px) {
    #main .content .image.left, #main .content .image.right {
        float: none;
        display: block;
        margin: 5px 0;
    }
    #main .content img {
        max-width: 100% !important;
    }
}
#main .content p {
    margin-bottom: .7em;
}

#main .content h2 {
    font-size: 2em;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: .4em;
    margin-top: 1.5em;
    clear: both;
}
#main .content h2 a {
    color: #222;
}

.content h3 {
    font-size: 1.5em;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: .7em;
    margin-top: 1em;
    clear: both;
}
body.blog-index .content h3:not(:first-of-type) {
    margin-top: 3em;
}

.content h4 {
    font-size: 1em;
    line-height: 1.2;
    font-weight: bold;
    font-style: italic;
    margin-bottom: .5em;
    margin-top: 1.3em;
}


.content code {
    font-size: 13px;
}

.content pre {
    margin-bottom: .93em;
    padding-left: 10px;
    margin-left: 40px;
    border-left: 3px solid #d0d0d0;
}
@media (max-width: 980px) {
    .content pre {
        padding-left: 1%;
        margin-left: 0px;
        max-width: 95%;
        overflow: auto;
    }

}
.content  blockquote {
    margin-bottom: .93em;
    padding-left: 10px;
    margin-right: 40px;
    margin-left: 40px;
    border-left: 3px solid #d0d0d0;
    color: #404080;
    font-style: italic;
}
@media (max-width: 980px) {
    .content  blockquote {
        padding-left: 2%;
        margin-right: 5%;
        margin-left: 4%;
        font-style: italic;
    }
}
.content pre {
    line-height: 100%;
}

.content ul, .content  ol {
    margin-left: 40px;
    margin-bottom: .7em;
}
@media (max-width: 980px) {
    .content ul, .content  ol {
        margin-left: 20px;
        margin-bottom: .7em;
    }
}

.content .meta {
    color: #909090;
    margin-bottom: 2em;
}

#comments {
    background: #c3c3c3;
    position: relative;    
    width: 960px;
    margin: 0px auto;
    box-shadow: -30px 25px 10px -30px #c3c3c3 inset,10px 10px 15px -10px rgba(0,0,0,0.7) inset;
}
#comments-inner {
    padding: 90px 100px 40px;
}
@media (max-width: 980px) {
    #comments {
        width: 100%;
        box-shadow: 0px 15px 15px -15px rgba(0,0,0,0.7) inset;
    }
    #comments-inner {
        padding: 50px 40px 40px;
    }
}
@media (max-width: 620px) {
    #comments-inner {
        padding: 50px 20px 40px;
    }
}
    
/* pygment code highlighting */

.hll { background-color: #ffffcc }
.c { color: #408080; font-style: italic } /* Comment */
.err { border: 1px solid #FF0000 } /* Error */
.k { color: #008000; font-weight: bold } /* Keyword */
.o { color: #666666 } /* Operator */
.cm { color: #408080; font-style: italic } /* Comment.Multiline */
.cp { color: #BC7A00 } /* Comment.Preproc */
.c1 { color: #408080; font-style: italic } /* Comment.Single */
.cs { color: #408080; font-style: italic } /* Comment.Special */
.gd { color: #A00000 } /* Generic.Deleted */
.ge { font-style: italic } /* Generic.Emph */
.gr { color: #FF0000 } /* Generic.Error */
.gh { color: #000080; font-weight: bold } /* Generic.Heading */
.gi { color: #00A000 } /* Generic.Inserted */
.go { color: #808080 } /* Generic.Output */
.gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.gs { font-weight: bold } /* Generic.Strong */
.gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.gt { color: #0040D0 } /* Generic.Traceback */
.kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.kp { color: #008000 } /* Keyword.Pseudo */
.kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.kt { color: #B00040 } /* Keyword.Type */
.m { color: #666666 } /* Literal.Number */
.s { color: #BA2121 } /* Literal.String */
.na { color: #7D9029 } /* Name.Attribute */
.nb { color: #008000 } /* Name.Builtin */
.nc { color: #0000FF; font-weight: bold } /* Name.Class */
.no { color: #880000 } /* Name.Constant */
.nd { color: #AA22FF } /* Name.Decorator */
.ni { color: #999999; font-weight: bold } /* Name.Entity */
.ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.nf { color: #0000FF } /* Name.Function */
.nl { color: #A0A000 } /* Name.Label */
.nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.nt { color: #008000; font-weight: bold } /* Name.Tag */
.nv { color: #19177C } /* Name.Variable */
.ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.w { color: #bbbbbb } /* Text.Whitespace */
.mf { color: #666666 } /* Literal.Number.Float */
.mh { color: #666666 } /* Literal.Number.Hex */
.mi { color: #666666 } /* Literal.Number.Integer */
.mo { color: #666666 } /* Literal.Number.Oct */
.sb { color: #BA2121 } /* Literal.String.Backtick */
.sc { color: #BA2121 } /* Literal.String.Char */
.sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.s2 { color: #BA2121 } /* Literal.String.Double */
.se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.sh { color: #BA2121 } /* Literal.String.Heredoc */
.si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.sx { color: #008000 } /* Literal.String.Other */
.sr { color: #BB6688 } /* Literal.String.Regex */
.s1 { color: #BA2121 } /* Literal.String.Single */
.ss { color: #19177C } /* Literal.String.Symbol */
.bp { color: #008000 } /* Name.Builtin.Pseudo */
.vc { color: #19177C } /* Name.Variable.Class */
.vg { color: #19177C } /* Name.Variable.Global */
.vi { color: #19177C } /* Name.Variable.Instance */
.il { color: #666666 } /* Literal.Number.Integer.Long */