messing about with a blog's CSS

stan.user.css

/* ==UserStyle==
@name         TheStandard ReArranger
@description  Change fonts and rearrange random things for fun and $$$
@namespace    https://github.com/roblogic
@version      0.1.1-groovy
@author       roblogic
@license      unlicense
@preprocessor stylus
==/UserStyle== */

@namespace url(http://www.w3.org/1999/xhtml);

/*** 
https://fonts.googleapis.com/css?family=Lobster+Two:400  
***/
@font-face {
    font-family: 'Lobster Two';
    font-style: normal;
    font-weight: 300;
    src: local('Lobster Two'), local('LobsterTwo'), url(https://fonts.gstatic.com/s/lobstertwo/v12/BngMUXZGTXPUvIoyV6yN5-fN5qWr4xCC.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/***
https://fonts.googleapis.com/css?family=Open+Sans:400  
***/
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 200;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/***
https://fonts.googleapis.com/css?family=Quattrocento:400
***/
@font-face {
  font-family: 'Quattrocento';
  font-style: normal;
  font-weight: 400;
  src: local('Quattrocento'), url(https://fonts.gstatic.com/s/quattrocento/v11/OZpEg_xvsDZQL_LKIF7q4jP3w2j6XYvVuQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@-moz-document domain("thestandard.org.nz")
{

h1 {
    color: #000;
    font-family: 'Lobster Two', cursive !important;
    font-size: xx-large;
}

h2 {
    color: #000;
    font-family: 'Lobster Two', cursive !important;
    font-size: x-large;
}

body {
    /* line-height: 1; */
    background: #fff;
    color: #000;
    font-family: 'Quattrocento' !important;
}
#str-navigation ul#main-nav{ font-size:0.9em; padding:0 2px; }
#str-navigation ul#secondary-nav{ font-size:1.2em; font-family: 'Lobster Two', cursive; }
    
blockquote{
  font-size: 1em;
  width:90%;
  margin:auto;
  text-indent:0;
  font-family: 'Quattrocento';
  font-style:italic;
  color: #222222;
  padding:none;
  position: relative;
  background:#EDEDED;
}
/***
blockquote::before{
  font-family: Quattrocento;
  content: "\201C";
  color:#78C0A8;
  font-size:6em;
  position: absolute;
  left:-20px;
  top:12%;
}
***/
    
/****** LAYOUT STUFF ******
https://cdn.thestandard.org.nz/wp-content/themes/thestandard/resource/css/screen.css
*/
/*original max width:952px;*/

#str-logo-banner{ margin:0 auto; overflow:hidden; width:88%; }
#str-frame{ border:1px solid #7f7f7f; border-top:0; margin:0 auto 10px; overflow:hidden; width:88%; }
#str-navigation{ overflow:hidden; width:100%; }
#str-content{ overflow:hidden; width:100%; }
#str-column-main{ float:left; width:67%; }
#str-column-right{ float:left; width:32%; }
#str-footer{ border-top:1px solid #7f7f7f; overflow:hidden; clear:both; padding:10px; width:100%; }
#ad-leaderboard{ float:left; width:70%; }

.blk-feature-article{ border-bottom:1px solid #d9d9d9; margin:0 10px; overflow:hidden; padding:10px 0 0; width:98%; }
.blk-feature-article div{ float:left; margin-top:-3px; position:relative; width:65%;}
.blk-feature-article .no-thumb{ width:98%; }
.blk-feature-article p{ font-size:1.1em; margin-bottom:0.833em; }
.blk-feature-article img{ float:right;width:32%;height:75%; margin:0 0 20px 20px;/*IE 6*/ }

.blk-article-row{ background:url('https://cdn.thestandard.org.nz/wp-content/themes/thestandard/resource/image/divider-lvl4-vert-single.gif') 50% 0 repeat-y; margin:5px; overflow:hidden; padding:0 5px 5px; width:100%; }
.blk-article-preview{ float:left; margin:-1px 0 0; padding:5px 0 0; position:relative; width:47%; }

#blk-controls ul{ margin-bottom:10px; padding:0 5px 0 9px; width:61%; }
    
    
.blk-sidebar{ overflow:hidden; padding:10px 10px 0; width:99%; }
.blk-social{ clear:both; overflow:hidden; margin:0 10px 10px; width:99%;}
    
#blk-search{ clear:both; overflow:hidden; padding:0 10px 10px; width:99%; }
#blk-search .form-text{ float:left; margin-right:10px; width:58%; }
#blk-search .btn{ float:left; width:30%; }
.btn{ background:#1A4876 url('https://cdn.thestandard.org.nz/wp-content/themes/thestandard/resource/image/btn-link-default.gif') right 7px no-repeat; border:0; cursor:pointer; color:#fff; font-family:'Quattrocento'; font-size:0.95em; padding:2px 20px 2px 20px; }    

/*there's a bunch of js stuff in the sidebar, not sure if i can override it :( 
https://cdn.thestandard.org.nz/wp-content/themes/thestandard/resource/css/js-active.css
https://cdn.thestandard.org.nz/wp-content/themes/thestandard/_style.css
*/
#blk-community{ border-top:medium double grey; clear:both; padding:15px 10px 0 9px; width:100%; }
.community-item{ background:none; left:0; position:absolute; top:5px; width:100%; z-index:1; }
               
.commentlist{ width:100%; }
.navigation{ width:100%; }

#blk-community, .blk-sidebar {
    min-width: 100%; /*310px;*/
    min-height: 1200px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}
.community-box, .feed-box {
    /*font-family: 'Open Sans';*/
    font-family: 'Quattrocento';
    font-size: 11px;
    min-height: 800px;
    max-height: 800px;
    overflow: auto;
}
.rss-aggregator { 
    font-family: 'Quattrocento'; font-size:1.1em; 
    font-style: bold;
    font-weight: 800;
}

}  

/** examples from https://stackoverflow.com/a/14685747 
#top {
    background-color: LightCoral;
    border-bottom: 3px solid Crimson;
    height:250px;
}
#pagewrap {
    background-color: LightGreen;
    flex-grow: 1;
    /* make it stretch to the bottom even if little content
    overflow-y: scroll
}
**/

TODO
try out "font-family: Merriweather,Georgia,serif"
clean up overlapping lines and spacing near the sidebar
grey background?