img { 
        max-width:100%;
    }

    body {
        margin:0;
        padding:0;
        background-attachment:fixed; 
        background-position:center; 
        background-size:100%; 
        text-align:justify; 
        line-height:150%; 
        word-wrap:break-word;
        -webkit-font-smoothing:antialiased;
    }
    
    a, 
    a:hover {
        -webkit-transition: all 0.2s; 
        -moz-transition: all 0.2s; 
        -ms-transition: all 0.2s;
        transition: all 0.2s;
    }

    a {
        text-decoration:none; 
    }
    
    b {
        font-weight:700;
    }
    
    i {
        font-style:italic;
    }

    ul.circle {
        list-style-type:circle;
    }
    
    ul.square {
        list-style-type:square;
    }
    
    ol.upper-roman {
        list-style-type:upper-roman;
    }
    
    ol.lower-alpha {
        list-style-type:lower-alpha;
    }

    blockquote {
        padding:0 0 0 2%; 
        margin:0px 2px 0px 10px;
    } 

    small {
        font-size:inherit;
    }

    big {
        font-size:inherit;
    }

    h1, h1 a {
        font-size:20px; 
        font-family:courier new
        font-weight:600; 
        font-style:none; 
        line-height:100%; 
    }

    h2 { 
        font-size:11px; 
        font-weight:bold;
        text-transform:uppercase;
        font-weight:600; 
    }

    h3 {
        text-transform:uppercase; 
        font-size:11px; 
        font-weight:bold; 
        letter-spacing:2px;
        line-height:200%; 
    } 

    code {
        overflow:auto;
    }

    pre {
        overflow:auto;
    }

/*=======================================================================
            Container
=======================================================================*/
    #container{
        width:900px; 
        margin:auto; 
    }
    
/*=======================================================================
            Topbar
=======================================================================*/
    #topbar {
        display:none;
    }
    
    #topbar h1 {
        text-transform:uppercase;
    }

/*=======================================================================
            Entries 
=======================================================================*/
    #entries {
        text-align:justify;  
        margin-left:340px;
        margin-top:5%;
    }
    
    .entry {
        max-width:540px; 
        text-align:left; 
        overflow:hidden; 
    }
    
    .entry img {
        margin:0 auto;
        text-align:center;
    }
    
    #clear {
        height:30px;
        position:relative !important;
    }
    
/*=======================================================================
            Info Posts
=======================================================================*/
    .info, .info a {
        letter-spacing:1px;
        font-weight:400;
        text-transform:uppercase;
        padding:1%;
        font-size:10px;
        padding:1%;
    }
    
/*=======================================================================
            Sidebar
=======================================================================*/
    #sidebar {
        left:0;
        top:0;
        max-width:280px;
        height:100%; 
        position:fixed;
    }
    
    #sidebar h1 {
        font-size:15px;
        text-transform:uppercase;
    }
    
    .description {
        padding:10%;
        text-align:center;
    }
    
    .avatar {
        width:128px;
        height:128px;
        margin:0 auto;
        background-position:center center;
        background-size:100%;
    }
    
    /* Select avatar shape */
    .avatar-style-circle {
        border-radius:100%;
    }
   
    .avatar-style-square{
        border-radius:3px;
    }

     /* Responsive sidebar */
    #r-sidebar {
        display:none;
    }
    
    #r-sidebar h1, #r-sidebar h1 a {
        font-size:13px;
        word-spacing:10px;
        letter-spacing:2px;
        text-transform:lowercase;
    }
    
    .sidelinks {
        padding:10%;
        text-align:left;
    }
    
    ul.links {
        list-style:none;
    }
    
    li.links  {
        list-style-type:none;
    }
    
    li.links i {
        float:left;
        font-size:15px;
    }
    
    .hidden {
        display:none;
    }
    
    .unhidden {
        display:block;
    }

    .sidelinks a {
        font-weight:400;
        font-size:13px; 
        text-decoration:none;
        line-height:200%;
    }
    
    .sidelinks a:hover {
        margin-left:5px;
    }
    
    .foot {
        padding:10%;
        text-align:left;
    }
    
    .social-icons {
        margin:3%;
    }
    
    .social-icons, .social-icons a {
        font-size:15px;
        text-align:center;
    }

    /* Searchbar */
    .search {
        height:25px;
        width:210px;
        display:inline-block;
        padding:0;
        text-align:left;
    }

    .search form {
        padding:0; 
    }

    .search fieldset {
        margin:0;
        border:none;
        padding:0;
    }

    .search input {
        margin:0 auto;
        border:none;
        width:90%;
        margin:0;
        padding:1px 4px;
        height:24px;
        font-size:10px;
        display:inline;
        outline:none;
    }

    .search a {
    }

    #sbmt {
        display:none;
    }
    
/*=======================================================================
            Posts
=======================================================================*/
    /* Text */
    .text {
        padding:5%;
    }
    
    .text h1 {
        text-transform:uppercase;
    }
    
    /* Photo */
    .photo {
        padding:0!important;
    }
    
    .photo .info {
        padding:5%;
    }
    
    .photo .permalinkpagination {
        padding:0 5% 5% 5%;
    }
    
    .photoset {
        padding:0 !important;
        margin:0 !important;
    }
    
    .photoset figure img {
        margin:0 !important;
        width:100%;
    }
    
    .photoset img {
        max-width:100%;
    }
    
    .photoset .info {
        padding:5%;
    }
    
    .photoset .permalinkpagination {
        padding:0 5% 5% 5%;
    }
    
    .big {
        display:block;
    }
    
    .medium {
        display:none;
    }
    
    .small {
        display:none;
    }

    /* video */
    .video-container .info {
        margin:2% 0;
        padding:5%;
    }
    
    .video-container {
        position:relative;
        padding-bottom:56.25%;
        padding-top:30px; 
        height:0;
        overflow:hidden;
    }
 
    .video-container iframe,
    .video-container object,
    .video-container embed {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }
    
    /* Audio */
    .audio-container .info {
        margin:2% 0;
        padding:5%;
    }
    
    .audio-container {
        position:relative;
        padding-bottom:30%;
        padding-top:30px; 
        height:0;
        overflow:hidden;
    }
 
    .audio-container iframe,
    .audio-container object,
    .audio-container embed {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        max-height:100%;
    }

    .audio-info {
        margin:1% 0 2% 0;
        padding:1%;
        width:auto;
        font-weight:700;
    }

    .audio-caption {
        padding:0;
    }

    /* Quote */
    .quoter {
        text-align:right;
    }     

    /* Ask */
    .asker {
        width:auto;
    }

    .asker img {
        position:absolute;
        border-radius:100%;
        display:inline;
        text-align:center;
        float:left;
        margin:-10px 0 0 -10px;
    }
    
    .question {
        width:auto;
        height:auto;
        padding:3%;
    }

    .answer {
        padding:2%;
        text-align:justify;
        width:auto;
        margin:1%;
    }

    /* Chat */
    .chat {
        line-height:15px; 
        list-style:none;
    }
    
    .chat ul {
        list-style:none; 
        padding:0px; 
        line-height:20px;
    }
    
    .chat li {
        list-style-type:none;
        padding:1%;
        margin:0 0 2% 0;
    }
    
    .label {
        font-weight:bold; 
        padding:2%; 
    }
    
    .person1 .label {
        font-weight:bold; 
        padding:0px; 
        margin-left:5px;
    }

    /* Caption */
    .caption {
        margin-top:-10px;
        width:auto;
        padding:5% 5% 0 5%;
    }
    
    .s {
        display:none;
    }

/*=======================================================================
            Permalink pagination
=======================================================================*/
   .permalinkpagination {
       padding:1%;
   }
   
   .permalinkpagination a {
       font-weight:bold;
   }
   
   .previous-post, .next-post {
        display:inline-block;
    }
    
    .previous-post {
        float:left;
    }
    
    .next-post {
        float:right;
    }
/*=======================================================================
            Post notes
=======================================================================*/
    #postnotes { 
        text-align:left;
        width:485px;
        list-style-type:none;
        margin:0 0 5% 0;
        overflow:auto;
        max-height:200px; 
        padding:5%;
    }
    
    #postnotes img {
        width:20px;
        height:20px;
    }

    ol.notes {
        list-style-type:none;
        padding:0px;
        margin:25px 0px;
    }

    ol.notes li.note {
        padding:10px;
        list-style-type:none;
    }

    ol.notes img {
        vertical-align:middle;
        border-radius:100%;
        margin:1%;
    }
    
    ol.notes li.note blockquote {
        padding:0 0 0 2%; 
        margin:0px 2px 0px 10px;
    }
    
/*=======================================================================
            Pagination
=======================================================================*/
    .pages {
        padding:5%;
        width:443px;
        margin:0 0 3% 0;
    }
    
    .previous, .next {
        display:inline-block;
    }
    
    .previous {
        float:left;
    }
    
    .next {
        float:right;
    }

/*=======================================================================
            Media screen
=======================================================================*/
    @media screen and (max-width:560px) {
    body {
        font-size:12px;
    }
            
    h1 {
        font-size:20px;
    }
                
    img, #container {
        max-width:100%;
    }
            
    #entries {
        max-width:540px;
        margin:0 0 0 8%;
    }
                
    .entry {
        margin:0 auto;
        margin-bottom:10%;
        width:auto;
    }  
    
    #blog-title {
        text-align:center;
    }
    
    #r-sidebar {
        display:block;
        width:96%;
        margin:0;
        text-align:center;
        margin-bottom:30px;
        padding:2%;
    }
    
    .search {
        border-radius:0;
    }
    
    .description {
        max-width:250px;
        margin:0 auto;
        padding-bottom:0;
        padding-top:10px;
    }
    
    .pages {
        width:auto;
        padding:0 0 3% 0;
    }
    
    #sidebar {
        display:none;
    }
    
    #postnotes {
        width:auto;
    }
    }
         
    @media screen and (max-width:800px) {
    body {
        font-size:12px;
    }
            
    h1 {
        font-size:20px;
    }
                
    img, #container {
        max-width:100%;
    }
            
    #entries {
        max-width:580px;
        margin:0 0 0 10%;
    }
    
    .entry {
        margin:0 auto;
        margin-bottom:10%;
        width:auto;
    }  
    
    #blog-title {
        text-align:center;
    }
                
    #r-sidebar {
        display:block;
        width:96%;
        margin:0;
        text-align:center;
        margin-bottom:30px;
        padding:2%;
    }
    
    .description {
        border-bottom:none;
        max-width:300px;
        margin:0 auto;
        padding-bottom:0;
        padding-top:10px;
    }
             
    #sidebar {
        display:none;
    }
    
    .pages {
        width:auto;
        margin:0 0 3% 0;
    }
    
    #postnotes {
        width:auto;
    }
    }
         
    @media screen and (max-width:700px) {
    img, #container {
         max-width:100%;
    }
    
    #r-sidebar {
        display:block;
        width:96%;
        margin:0;
        text-align:center;
        margin-bottom:30px;
        padding:2%;
    }
    
    #blog-title {
        text-align:center;
    }
             
    #sidebar {
        display:none;
    }
             
    .description {
        border-bottom:none;
        max-width:350px;
        margin:0 auto;
        padding-bottom:0;
        padding-top:10px;
    }
             
    #entries {
        width:82%;
        margin:5% 0 0 9%;
    }
             
    .entry {
        margin:0 auto;
        margin-bottom:10%;
        width:auto;
    }
             
    .pages {
        width:auto;
        padding:0 0 3% 0;
    }
    
    #postnotes {
        width:auto;
    }
    }