.profile,pre{
     display:block 
}
 a,a:active,a:hover,a:link,a:visited{
     text-decoration:none 
}
 body{
     background-color:#fff;
     color:#444;
     font-family:Arvo,"Helvetica Neue",Helvetica,Arial,sans-serif;
     padding:0;
     margin:0 
}
 #disqus_thread,article>section,footer,header>p,section>p{
     padding-left:1em;
     padding-right:1em;
     padding-bottom:1em 
}
body > header > p {
   margin-bottom: 0px;
}
 pre{
     overflow-x:auto;
     font-family:monospace 
}
 a>img{
     border:0 
}
 .logo,header>p{
     -webkit-margin-before:0;
     -webkit-margin-after:0 
     margin-bottom:0;
}
 .logo>a>img{
     width:10em 
}
 .profilepic{
     max-width:12em;
    /*max-height:auto;
 *     */
     padding:1em;
     float:left;
}
 .profile{
     min-height:11em 
}
 img{
     max-width:100%;
     height:auto 
}
 body>footer{
     background-color:#444;
     color:#fff 
}
 article>section{
     background-color:#fff 
}
 article>header,article>header>nav,section>header{
     background-color:#444;
     color:#fff;
     border-bottom:2em solid #222;
     padding:1em 0 1em 1em 
}
 article+article>header,body>footer{
     border-top:2em solid #222 
}
 body>header{
     background-color:#222;
     color:#fff; 
}
 body>header>h1{
     padding:1em;
}
.logo a:hover, .logo a:link, .logo a:visited{
     font-size:3em;
     color: #fff;
     font-family: bookman;
}
 body>header>nav{
     background-color:#222;
     padding:1em 
}
 article>footer{
     padding:1em 0 1em 1em 
}
 article>header>h2>a:link,article>header>h2>a:visited{
     color:#fff 
}
 article>header>h2>a:hover,body>footer>p>a:hover,h1 a:hover,h2 a:hover{
     color:#0055B0 
}
h2 a:link,h2 a:visited{
     color:#444 
}
 a{
     font-weight:700 
}
 a:link,a:visited{
     color:#0055B0 
}
 a:active{
     color:#00F 
}
 hr{
     border:0;
     border-top:1px solid #ccc 
}
 blockquote{
     padding:0 0 0 1em;
     margin:0 0 0 2em;
     border-left:5px solid #eee 
}
 blockquote p{
     font-size:1.1em;
     font-weight:300;
     color:#777 
}
 .center{
     text-align:center 
}
 .counter{
     border:0;
     height:18px;
     width:83px 
}
 .codeHighlight{
     color:#00F 
}
 .aboutpic{
     float:left 
}
 .aboutpic img{
     width:10em;
     padding-right:1em;
}
 .abouttext{
     height:10em 
}
 @media screen and (max-device-width:400px){
     .aboutpic{
         float:none 
    }
     .abouttext{
         height:inherit 
    }
}