body { background-color: #fff; color: #000; width: 700px; margin: 70px auto; font-family: "Helvetica", "Helvetica Neue", Arial, serif; line-height: 1.0rem; font-size: 1.3em; } a { color: #333; text-decoration: none; } a:hover { text-decoration: underline; } a:visited { color: #777; } #site-social { font-size: 1.3rem; } .quote { font-family: monospace; border: 0px #777 solid; /*background-color: #eee;*/ font-size: 1.8rem; line-height: 2.0rem; /*padding: 20px;*/ margin: 30px 0; } .quote-credit { /*font-style: italic;*/ text-align: right; font-size: 1.0rem; } .list-item { display: block; border: 0px #777 solid; padding: 0; margin: 60px 0; border-radius: 10px; line-height: 1.8rem; } .list-date { font-size: 1.0rem; } .list-item h2 { line-height: 2.5rem; margin: 0 0 15px 0; } .list-item img { margin: 0px 0 20px 0; } .list-quote { background-color: #444; color: white; } .list-video { background-color: #000; color: white; } .postmeta, .listmeta { font-weight: 300; text-transform: uppercase; font-size: 0.9rem; margin: 0; } .aside-list { font-family: Georgia, "Times New Roman", serif; font-size: 2.7rem; line-height: 3.5rem; } #aside-single { margin: 10rem 0; color: white; font-family: Georgia, "Times New Roman", serif; font-size: 4.0rem; line-height: 4.5rem; } img { width: 100%; } figure { margin: 20px 0; padding: 0; } figcaption, figcaption h4 { text-align: right; font-size: 1.0rem; font-weight: normal; } article { font-size: 1.2rem; line-height: 1.9rem; color: #222; } article a { text-decoration: underline; text-decoration-style: dotted; color: #000; } article a:visited { text-decoration: underline; text-decoration-style: dotted; color: #aaa; } article a:hover { color: #fff; text-decoration: none; background-color: #333; } article figcaption { text-transform: none; letter-spacing: 0.0rem; text-align: right; font-size: 0.8rem; } h1 { color: #eee; font-size: 1.0rem; } article h1 { font-size: 2.5rem; line-height: 3.2rem; margin: 0 0 25px 0; color: cornflowerblue; } article p { margin: 0 0 30px 0; } #site-title { margin: 0 0 0 0; font-size: 3.5rem; line-height: 4.0rem; color: cornflowerblue; } #site-title a, #site-title a:visited { /* font-size: 1.0rem; */ text-decoration: none; text-transform: uppercase; font-weight: normal; } .post-title { text-transform: none; } ul.tags { margin: 0; padding: 0; } .tags li { display: inline; list-style-type: none; margin: 0 15px 0 0; font-size: 0.8rem; background-color: #eee; padding: 3px 6px; border-radius: 5px; } .tags li a, .tags li a:hover, .tags li a:visited { color: #777; text-decoration: none; } ul.pagination { margin: 0; padding: 0; } ul.pagination li { display: inline; margin: 0 30px 0 0; } ul.pagination a { width: 20px; height: 20px; font-size: 1.7rem; text-decoration: none; } ul.pagination li.active a { background-color: white; padding: 5px 10px; } ul.pagination li.disabled { color: #333; } ul.tag-cloud { margin: 30px 0; padding: 0; } ul.tag-cloud li { display: inline; margin: 0; padding: 10px 20px 10px 0; line-height: 2rem; } ul.tag-cloud li a, ul.tag-cloud li a:visited { color: white; text-decoration: none; } .fa { margin: 0 15px 0 0; color: white; } header { margin: 0px 0; } @media screen and (max-width: 699px) { body { width: 90%; margin: 20px auto; } img { width: 100%; } } blockquote { margin: 0 0 0 20px; padding: 0; font-style: italic; } /* https://css-tricks.com/blockquote-bulge/ http://www.andybudd.com/archives/2003/11/no_margin_for_error/ */ /* blockquote p:last-child { margin-bottom: 0; } */